*, ::after, ::before {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none !important;
    color: var(--colorPrimary);
}

.base_margin {
    min-height: 500px;
    background-color: white;
}

.toolbar_root {
    position: fixed;
    top: 0;
    z-index: 9990;
    width: 100%;
    min-height: 60px;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.4s;
}

.toolbar_root.full {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), transparent);
}

.toolbar_root img {
    height: 64px;
    margin: 12px 24px 12px 16px;
    align-self: center;
    transition: 0.4s;
}

.primary-header {
    background-color: white;
    height: 36px;
    width: 100%;
    color: var(--primaryHeaderTextColor);
    font-size: 12px;
    line-height: 1.4;
    font-family: 'Poppins', sans-serif;
    transition: 0.3s;
}

.primary-header-icon {
    color: var(--primaryHeaderTextColor);
    padding: 0 10px
}

.primary-header-text {
    display: inline-block;
    text-decoration: none;
    margin-right: 12px;
    color: var(--primaryHeaderTextColor);
}

.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex: 1 1 auto;
    padding: 0 14px;
}

.app_menu {
    align-items: center;
    align-content: center;
    border-radius: 24px;
}

.toolbar_root.full .app_menu {
    background: rgba(0, 0, 0, 0.7);
}

.menu_item {
    height: 100%;
    background: transparent;
    cursor: pointer;
    margin-right: 6px;
    border-radius: 24px;
    transition: 0.4s ease;
}

.menu_item:hover {
    background: var(--colorAccent);
}

.menu_item > span {
    color: white;
    padding: 14px 12px;
    margin: 0;
    font-size: 14px;
    white-space: nowrap;
    text-transform: capitalize;
    font-weight: 500;
    font-family: 'Comfortaa', sans-serif;
    transition: 0.4s ease;
}

.menu_item.highlight {
    background-color: var(--colorAccent);
    margin-right: 0;
}

.menu_item:hover > span {
    color: white;
}

.toolbar_menu_icon {
    color: white;
    padding: 12px;
    cursor: pointer;
}

.toolbar_menu_icon:hover {
    color: var(--colorAccent);
}

.toolbar_dropdown_container {
    position: relative;
}

.toolbar_dropdown_content {
    position: absolute;
    top: 100%;
    padding: 8px 0;
    right: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: none;
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: 0.4s ease;
    /*max-height: 500px;*/
    /*overflow-y: auto;*/
}

.toolbar_dropdown_content.wide {
    max-width: 700px;
    width: 700%;
    overflow: inherit;
}

.toolbar_dropdown_content.wide > .dropdown_item {
    width: calc(100% / 3);
}

.toolbar_dropdown_content.wide > .dropdown_item img {
    width: 40px;
    object-fit: contain;
    margin: 10px 5px 10px 10px;
}

.toolbar_dropdown_content .menu_item {
    border-radius: 0;
    margin: 0;
    display: flex;
}

.dropdown_item .expanded_photo {
    position: absolute;
    top: 0;
    left: -300px;
    width: 300px !important;
    height: 100%;
    background-color: white;
    display: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.dropdown_item:hover .expanded_photo {
    display: block;
}


.toolbar_dropdown_container:hover .toolbar_dropdown_content {
    display: flex;
}

.toolbar_dropdown_content .menu_item {
    min-height: 40px;
    /*border-left: 3px solid transparent;*/
    padding: 0 16px;
    transition: 0.4s ease;
}

.toolbar_dropdown_content .menu_item:hover {
    /*border-color: var(--colorAccent);*/
}

.toolbar_menu_sub_container {
    position: relative;
}

.toolbar_menu_sub_content {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    right: 0;
    width: max-content;
    min-width: 200px;
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: 0.4s ease;
}

.toolbar_menu_sub_container:hover .toolbar_menu_sub_content {
    display: flex;
}

.drawer_item {
    display: flex;
    cursor: pointer;
}

.drawer_item span {
    padding: 10px 10px 10px 30px;
    font-size: 15px;
    transition: 0.4s;
    font-family: 'Poppins', sans-serif;
}

.drawer_item.other_link {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: bold;
}

.drawer_item:hover {
    background-color: #f6f6f6;
}

.drawer_item.other_link:hover {
    color: var(--colorAccent);
    background-color: transparent;
}


.side_navigation_content .heading {
    font-weight: bold;
    border-bottom: 1px solid var(--divider);
    padding: 8px 4px;
    margin: 0 16px;
    font-size: 14px;
    color: #212121;
}

.main_content {
    width: 100%;
    max-width: 1400px;
}

.home-sideNav-virtual-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.3);
}

.home-sideNav {
    position: fixed;
    top: 0;
    width: 90%;
    max-width: 350px;
    height: 100%;
    display: flex;
    flex-direction: row;
    z-index: 9999;
    right: -100%;
    overflow: hidden;
    box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);
    transition: 0.4s;
}

.side_navigation {
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.side_navigation::-webkit-scrollbar {
    display: none;
}

.side_navigation_content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1 1 100%;
}

.section_wrapper {
    padding: 40px 0;
}


.header_container {
    position: relative;
    width: 100%;
    height: calc(100vw * 0.4);
    min-height: 250px;
}

.header_container.infrastructure {
    position: relative;
    width: 100%;
    height: calc(100vw * 0.3);
}

.header_container.infrastructure .header_image {
    width: 100%;
    height: calc(100vw * 0.3);
    object-fit: cover;
    padding: 6px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.slide_container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.slide_track {
    position: relative;
    height: 100%;
    transition: transform 0.4s ease-in;
}

.slide {
    position: relative;
    z-index: 45;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slide img {
    width: 100%;
    height: calc(100vw * 0.4);
    object-fit: cover;
    min-height: 250px;
}

.slide .slide_content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.slide_container:hover .slide_nav_button {
    display: block;
    transition: 0.4s ease;
}

.slide_nav_button {
    display: none;
    position: absolute;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    z-index: 52;
    font-size: 18px;
    padding: 18px 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.4s ease;
}

.slide_nav_button:hover {
    background-color: var(--colorAccent);
}

.slide_nav_button#left_button {
    left: 0;
}

.slide_nav_button#right_button {
    right: 0;
}

.product_carousel_container .slide_nav_button {
    background: #d7d7d7;
    color: var(--colorAccent);
    padding: 16px;
}

.slide_right_gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    right: 0;
    z-index: 50;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.3));
}

.slide_left_gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    left: 0;
    z-index: 50;
    background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.3));
}

.social_header_container {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: var(--colorAccent);
    padding: 8px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    z-index: 52;
}


.social_header_container span {
    color: white;
    text-orientation: mixed;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    align-self: center;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    margin: 8px;
}

.social_header_container a img {
    width: 40px;
    margin: 8px;
}

.fixed_contact_bar {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: var(--colorAccent);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 52;
    overflow: hidden;
}

.fixed_contact_bar .accent_button {
    writing-mode: vertical-lr;
}


.gs_category_slide_wrapper {
    padding: 16px 8px;
}

.gs_category_slide_container.reverse {
    margin-top: 50px;
}

.gs_category_slide_container img {
    width: 120px !important;
    height: 120px !important;
    margin: 20px 20px 10px;
    display: initial !important;
    object-fit: contain;
}

.gs_category_slide_container .title {
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    margin: 8px 0;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.gs_category_slide_container .title:before {
    content: '';
    position: absolute;
    bottom: -6px;
    width: 90px;
    height: 2px;
}

.gs_category_slide_container p {
    font-size: 14px;
    height: calc(14px * 1.7 * 4);
    overflow: hidden;
    line-height: 1.7;
    text-transform: capitalize;
    font-family: "Raleway", sans-serif;
}

.gs_category_slide_container .accent_button {
    font-size: 14px;
    align-self: center;
    text-transform: capitalize;
    padding: 8px 16px;
    margin-top: 10px;
}


.gs_category_slide_container .title.c1 {
    color: #8F4881;
}

.gs_category_slide_container .title.c2 {
    color: #05BCC1;
}

.gs_category_slide_container .title.c3 {
    color: #A3CE37;
}

.gs_category_slide_container .title.c4 {
    color: #59696E;
}

.gs_category_slide_container .title.c5 {
    color: #F7615A;
}

.gs_category_slide_container .title.c6 {
    color: #F1A229;
}


.gs_category_slide_container .title.c1:before {
    background-color: #8F4881;
}

.gs_category_slide_container .title.c2:before {
    background-color: #05BCC1;
}

.gs_category_slide_container .title.c3:before {
    background-color: #A3CE37;
}

.gs_category_slide_container .title.c4:before {
    background-color: #59696E;
}

.gs_category_slide_container .title.c5:before {
    background-color: #F7615A;
}

.gs_category_slide_container .title.c6:before {
    background-color: #F1A229;
}

.gs_contact_section {
    background-image: url("../images/gs_contact_bg-100.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.gs_contact_section .bs_form {
    border: none;
    border-radius: 20px;
}


.home_contact_us_section {
    /*background-image: url("../images/contact_us_bg.jpg");*/
    /*background-size: cover;*/
    /*background-position: center;*/
}

.pattern_background {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    padding: 20px;
    border-radius: 8px;
}

.pattern_background h1 {
    color: var(--colorPrimary);
    font-size: 30px;
    text-align: center;
    padding: 0;
    margin: 0;
    font-family: "Poppins", sans-serif;
}

.pattern_background .sub_heading {
    color: var(--colorAccent);
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin: 0;
    font-family: "Poppins", sans-serif;
}

.shop_now_button {
    padding: 20px;
    background: var(--colorAccent);
    color: var(--colorPrimary);
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    text-align: center;
    margin: 10px;
    border-radius: 10px;
    transition: 0.4s;
    font-weight: bold;
}

.shop_now_button:hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    transition: 0.4s;
}


.support_listing_container {
    width: 100%;
    max-width: 400px;
    padding: 8px;
}

.support_listing_container img {
    width: 100%;
    margin-bottom: 8px;
    height: 300px;
    object-fit: cover;
}

.support_listing_container span {
    padding: 2px 8px;
    font-size: 15px;
    line-height: 1.4;
    font-family: "Poppins", sans-serif;
}

.support_listing_container.full {
    max-width: 100%;
}

.support_listing_container img {
    height: auto;
    max-height: 400px;
}

.sub_header_container {
    border-top: 4px solid var(--colorAccent);
    border-bottom: 4px solid var(--colorAccent);
    width: calc(100% - 80px);
    max-width: 1000px;
    background-color: white;
    margin-top: -50px;
    border-radius: 12px;
    z-index: 12;
    box-shadow: 0 8px 46px 15px rgba(122, 122, 122, .11);
}

.sub_header_container > .divider {
    margin: 30px 0;
    width: 1px;
    background-color: var(--colorAccent);
}

.sub_header_container > .row_alignment {
    padding: 30px;
}

.sub_header_container > .row_alignment > img {
    width: 80px;
    height: 80px;
    margin: 0 20px;
}

.sub_header_container .t1 {
    font-family: "Poppins", sans-serif;
    margin: 8px;
    font-weight: bold;
    font-size: 18px;
}

.sub_header_container a {
    font-family: "Poppins", sans-serif;
    margin: 0 8px 8px;
    padding: 8px 12px;
    border-radius: 16px;
    align-self: flex-start;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    color: #3b6d98;
    background-color: rgba(152, 229, 255, 0.97);
    font-size: 13px;
}

.featured_product_container_wrapper {
    max-width: 450px;
    min-width: 250px;
    width: calc((100% / 4) - 12px);
    background-color: #f8f8f8;
    margin: 6px;
    border-radius: 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    overflow: hidden;
}

.featured_product_container_wrapper .link {
    font-weight: 600;
    color: var(--colorAccent);
    padding: 12px 12px;
}

.product_container .bottom_border {
    content: '';
    position: absolute;
    bottom: -3px;
    height: 6px;
    background-color: var(--blueColor);
    width: 60%;
    left: 50%;
    transform: translateX(-50%);

}


.product_container > .image_container {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.image_container > .image {
    object-fit: cover;
    width: 100%;
    object-position: left;
    height: 180px;
    transition: 0.4s ease;
    transform: scale(1);
}

.product_item_detail_container .product_description {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.product_container .accent_button {
    padding: 8px 12px;
    font-size: 14px;
    margin: 12px 0;
}

.product_container p {
    font-size: 12px;
    margin: 12px;
    line-height: 1.5;
    height: calc(3 * 1.5 * 12px);
    overflow: hidden;
}

.product_container .product_name.highlight {
    color: var(--colorAccent);
    padding: 8px;
    border-bottom: 2px solid var(--colorAccent);
}

.product_container .product_name {
    text-align: center;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    white-space: nowrap;
    font-weight: bold;
    color: var(--colorPrimary);
    font-family: 'Poppins', sans-serif;
}

.product_container .bs_price {
    font-size: 14px;
    color: var(--colorAccent);
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    margin: 5px 0 5px 10px;
}

.product_container .mrp_price {
    font-size: 12px;
    color: #c4c4c4;
    /*text-decoration: line-through;*/
    font-family: 'Poppins', sans-serif;
    margin: 5px 10px;
}

.product_container .product_description {
    margin: 8px 10px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
    max-height: 58px;
    background: transparent;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    overflow: hidden;
}

.product_container .discount {
    font-size: 14px;
    color: var(--greenColor);
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    margin: 5px 10px;
}

.page_heading_container {
    position: relative;
    padding-top: 80px;
    padding-bottom: 8px;
    margin: 8px 0;
}

.page_heading_container:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    max-width: 150px;
    height: 3px;
    background: var(--colorAccent);
    border-radius: 2px;
}

.page_heading {
    color: var(--colorAccent);
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2;
    width: calc(100%);
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    position: relative;
    z-index: 2;
}

.page_heading_shadow {
    position: absolute;
    font-size: 140px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.1);
    font-family: "Bebas Neue", sans-serif;
    top: -10px;
    left: 0;
    pointer-events: none;
    right: 0;
    z-index: 1;
}

.page_sub_heading {
    position: relative;
    color: #212121;
    font-size: 24px;
    margin: 0 0 12px;
    padding: 10px 0 8px;
    font-family: "Bebas Neue", sans-serif;
}


.page_sub_heading:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    max-width: 150px;
    height: 3px;
    background: #212121;
    border-radius: 2px;
}

.page_heading_container.white .page_heading {
    color: white;
}

.page_heading_container.white .page_heading_shadow {
    color: rgba(255, 255, 255, 0.1);
}

.page_heading_container.center .page_heading {
    text-align: center;
}

.page_heading_container.center .page_heading_shadow {
    text-align: center;
}


.page_heading_container.center:before {
    left: 50%;
    transform: translateX(-50%);
}


.usp_section_wrapper {
    background-image: url("../images/usp_bg.jpg");
    background-size: cover;
}

.usp_item_container {
    padding: 16px;
}

.usp_item_container img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.usp_item_container span {
    color: white;
    font-size: 24px;
    align-self: center;
    font-weight: 500;
    margin-left: 16px;
    font-family: "Bebas Neue", sans-serif;
}

.usp_item_container p {
    color: white;
    max-width: 300px;
    font-size: 14px;
}

.address_item {
    margin: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: white;
    padding: 20px;
}

.address_type {
    font-size: 12px;
    margin: 0 0 5px;
    padding: 2px 6px;
    align-self: flex-start;
    border-radius: 2px;
    color: white;
    font-weight: bold;
    background-color: var(--blueColor);
}

.receiver_name {
    font-size: 14px;
    font-weight: bold;
}

.address_line {
    font-size: 12px;
}

.gear_store_showcase a {
    min-width: 200px;
    width: calc(100% / 5 - 12px);
    margin: 6px;
}

.gear_store_showcase a img {
    width: 100%;
}

.image_thumb {
    width: 80px;
    height: 80px;
    cursor: pointer;
    object-fit: cover;
    margin: 2px;
    border: 2px solid var(--logo-green);
}

.image_thumb.active {
    border: 2px solid var(--colorAccent);
}

.full_image {
    width: 100%;
    min-width: 450px;
    object-fit: contain;
    display: none;
    border: 2px solid var(--logo-green);
}

.full_image.active {
    display: block;
}

.my_account_container {
    margin: 10px 50px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: white;
    border-radius: 5px;
    border-left: 3px solid var(--colorAccent);
}

.my_account_container .page_sub_heading {
    margin: 4px 20px 20px;
    font-size: 16px;
}

.product_detail_container {
    padding: 20px;
    /*min-width: 450px;*/
    flex: 1 1 auto;
}

.product_detail_container > .offer_detail {
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 14px 10px 0;
    background-color: var(--colorAccent);
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    align-self: flex-start;
}

.product_detail_container > .product_name {
    font-weight: bold;
    color: var(--colorPrimary);
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    padding: 4px 8px;
    margin: 0;
}

.product_detail_container > .product_id {
    color: var(--colorPrimary);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    padding: 0 8px;
    margin: 0;
}

.product_id > b {
    color: var(--colorAccent);
}

.testimonial_wrapper {
    background-color: #f4f4f4;
    border-radius: 20px;
    padding: 40px 16px 16px;
    position: relative;
    align-self: flex-start;
    margin: 60px 20px 10px;
    max-width: 400px;
    min-width: 50%;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);
    transition: 0.4s ease;
    cursor: pointer;
}

.testimonial_wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 4px 7px 8px rgba(0, 0, 0, 0.1);;
}

/*.testimonial_wrapper:nth-child(even) {*/
/*    align-self: flex-end;*/
/*}*/

.testimonial_wrapper img {
    position: absolute;
    top: -40%;
    width: 80px !important;
    left: 50%;
    transform: translateX(-50%);
    height: 80px !important;
    border-radius: 50%;
    background: white;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

.testimonial_wrapper .text {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 8px;
    text-align: center;
}

.testimonial_wrapper .client_name {
    color: var(--colorAccent);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.about_section {
    background-color: #f1f1f1;
    padding: 50px 20px;
}

.about_section > div {
    background-color: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 0 20px 20px;
    margin: 20px 8px;
    width: calc(100% - 16px);
    border-left: 4px solid var(--colorAccent);
}

.about_section p {
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    font-size: 14px;
    margin: 8px 0;
}

.about_section b {
    color: var(--colorAccent);
}

.about_section ol {
    margin: 8px;
    padding-left: 20px
}

.about_section li {
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    font-size: 14px;
    padding: 4px;
}


.product_detail_container > .bs_price {
    font-size: 32px;
    line-height: 45px;
    color: var(--colorPrimary);
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin: 16px 10px 0;
}

.product_detail_container .mrp_price {
    font-size: 14px;
    color: #909090;
    /*text-decoration: line-through;*/
    font-family: 'Poppins', sans-serif;
    margin: 0 10px;
}

.product_detail_container .discount {
    font-size: 18px;
    color: var(--greenColor);
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    margin: 5px 10px;
}

.product_detail_container .extra_detail {
    font-size: 12px;
    color: #cecece;
    font-family: 'Poppins', sans-serif;
    margin: 5px 10px;
}

.product_detail_container .quantity_modifier {
    background-color: white;
    /*box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);*/
    font-family: "Poppins", sans-serif;
    align-self: flex-start;
    margin: 0 16px;
}

.product_detail_container .quantity_modifier > button, .product_detail_container .quantity_modifier > input {
    background-color: transparent;
    width: 40px;
    height: 40px;
    outline: none;
    font-weight: bold;
    font-size: 16px;
    color: var(--colorAccent);
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    border: 1px solid var(--colorAccent);
}

.product_detail_container .quantity_modifier > button:hover {
    background-color: var(--colorAccent);
    color: white;
}

.product_detail_container .quantity_modifier > input {
    cursor: text;
    border: none;
    background-color: white;
    color: #212121;
    -moz-appearance: textfield;
}

.product_detail_container .features {
    font-size: 14px;
    color: var(--blueColor);
    font-family: 'Poppins', sans-serif;
    margin: 5px 10px;
    font-weight: bold;
}

.features i {
    margin-right: 5px;
    width: 14px;
    line-height: 24px;
}

.add_to_cart_button {
    background-color: var(--colorAccent);
    color: white;
    font-weight: bold;
    padding: 14px 24px;
    letter-spacing: 1px;
    text-decoration: none;
    outline: none;
    max-width: 350px;
    text-align: center;
    margin: 20px 10px;
    min-width: 200px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.4s;
    border: 1px solid var(--colorAccent);
}

.add_to_cart_button:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: 0.4s;
}

.product_categories {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}

.product_categories ul {
    list-style: none;
    margin: 12px 0 0;
    padding: 0 0 0 10px;
    display: none;
}

.product_categories ul.expand {
    display: block;
}

.product_categories li {
    cursor: pointer;
    padding: 12px;
    border-bottom: 1px dotted var(--divider);
}

.product_categories li a {
    width: 100%;
}

.product_categories li span {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    transition: 0.4s ease;
}

.product_categories li a:hover span {
    color: var(--colorAccent);
}

.product_categories li::before {
    content: "\2022";
    color: var(--colorAccent);
    font-weight: bold;
    display: inline-block;
    width: 16px;
    margin-left: -20px;
}

.product_description {
    margin: 20px 10px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    background: white;
    flex: 1 1 auto;
}

.product_description .tab {
    color: var(--colorAccent);
    font-family: "Poppins", sans-serif;
    padding: 8px 12px;
    flex: 1 1 auto;
    text-align: center;
    font-weight: bold;
    /*border-bottom: 2px solid #f6f6f6;*/
    cursor: pointer;
    transition: 0.4s ease;
    border-bottom: 2px solid var(--colorAccent);
    /*background-color: #f1f1f1;*/
}

.product_description .tab:hover, .product_description .tab.active {
    border-bottom: 2px solid var(--colorAccent);
    background-color: #f1f1f1;
}

.product_description .description_data {
    flex: 1 1 auto;
    overflow: auto;
    padding: 8px 12px;
    display: flex;
}

.product_description .description_data.active {
    display: flex;
}


.product_description .description_data, .description_data p {
    font-size: 13px;
    margin-top: 4px;
    font-family: 'Poppins', sans-serif;
    color: #111111;
}

.description_data h2, .description_data h3 {
    font-size: 14px;
}

.description_data td {
    padding: 4px;
}

.description_data ul, .description_data ol {
    padding-left: 16px;
}

.content_container {
    background: #f2f3f5;
    border-radius: 24px;
    padding: 16px;
    margin: 4px;
    overflow: auto;
}

.content_container p {
    font-size: 14px;
    line-height: 1.5;
}

.content_container .heading {
    padding: 8px;
    color: var(--colorAccent);
    font-weight: 600;
    align-self: flex-start;
    margin-bottom: 12px;
    border-bottom: 2px solid var(--colorAccent);
}

.content_container table {
    border-collapse: collapse;
    overflow: auto;
    max-width: 100%;
}

.content_container th {
    font-weight: bold;
    color: var(--colorAccent);
    text-align: start;
    font-size: 14px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--colorAccent);
}

.content_container td, th {
    font-size: 14px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--divider);
}

.content_container img {
    width: 90%;
    max-width: 700px;
    border-radius: 12px;
}

.product_page_category_section > div {
    padding: 10px;
    min-width: 250px;
}

.product_page_category_section h2 {
    color: var(--colorAccent);
    box-sizing: border-box;
    padding: 0;
    margin: 0 8px 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700;
}

.product_page_category_section a {
    border-radius: 24px;
    border: 1px solid var(--colorAccent);
    color: var(--colorAccent);
    padding: 8px 16px;
    margin: 4px 8px;
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
}

.product_page_category_section .sub_category {
    color: var(--colorAccent);
    border: none;
    margin-left: 12px;
}

.about_category {
    font-family: "Poppins", sans-serif;
    margin: 0 20px 12px;
    line-height: 1.6;
    font-size: 14px;
}

.about_category p, .about_category span, .about_category li {
    font-family: "Poppins", sans-serif;
    margin: 0 20px 12px;
    line-height: 1.6;
    font-size: 14px;
}


.about_category h1, .about_category h2, .about_category h3 {
    font-family: "Poppins", sans-serif;
    margin: 0 20px 12px;
    line-height: 1.6;
}

.about_category a {
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
    font-size: 14px;
    text-decoration: underline !important;
    color: var(--colorAccent);
}


.sub_category_name {
    color: var(--colorAccent);
    border-bottom: 1px solid var(--colorAccent);
    padding: 8px 16px;
    margin: 4px 8px;
    text-align: start;
    font-weight: 700;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
}

.product_type {
    background-color: #afafaf;
    color: white;
    padding: 8px 16px;
    margin: 4px 8px;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.product_id_cat {
    border: 2px dashed #afafaf;
    padding: 8px 16px;
    margin: 4px 8px;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.applications_wrapper {
    background-color: #eaeaea;
    border: 1px solid #afafaf;
    padding: 20px;
    margin: 0 20px 20px;
}

.applications_wrapper img {
    width: 70px;
    height: 70px;
    border: 1px solid var(--colorAccent);
    border-radius: 50%;
    align-self: center;
    object-fit: cover;
}

.applications_wrapper span {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    padding: 10px 20px 0;
}

.review_container {
    padding: 12px;
    margin: 4px;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    background-color: white;
}

.review_profile_icon {
    border-radius: 50%;
    background-color: #d2d2d2;
    color: white;
    padding: 16px;
    align-self: flex-start;
    margin: 0 12px 0 20px;
}

.review_title {
    color: var(--logo-orange);
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    margin-bottom: 4px;
}

.review_by {
    font-weight: bold;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
}

.review_by i {
    font-weight: normal;
}

.review_by b {
    color: var(--logo-green);
    padding: 0 4px;
}

.review_star {
    color: var(--yellowColor);
    font-size: 12px;
    margin: 8px 2px;
}

.review_text {
    font-family: "Poppins", sans-serif;
    margin-bottom: 4px;
    font-size: 15px;
    margin-top: 8px;
}

/* Star Rating Widget*/

div.stars {
    display: inline-block;
    align-self: flex-start;
    margin: 8px;
}

input.star {
    display: none;
}

label.star {
    padding: 10px 4px;
    font-size: 36px;
    color: #444;
    float: right;
    transition: all .2s;
}

input.star:checked ~ label.star:before {
    color: var(--yellowColor);
    transition: all .25s;
}

input.star-5:checked ~ label.star:before {
    color: var(--yellowColor);
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    font-family: "Font Awesome 5 Free";
    content: '\f005';
}

/*Star Rating Widget End*/


.order_table {
    border-collapse: collapse;
    border: 1px solid #d3d3d3;
    overflow-x: scroll;
}

.order_table th, .order_table td {
    font-family: 'Poppins', sans-serif;
    padding: 8px 10px;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    border: 1px solid #d3d3d3;
}

.order_table a {
    color: var(--colorAccent);
    text-decoration: underline;
    font-weight: bold;
}

.banner_image {
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

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

.footer {
    width: 100%;
    min-height: 100px;
    padding: 50px 50px 20px;
    position: relative;
}

.footer::after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../images/footer_bg.jpg") no-repeat center;
    background-size: cover;
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

._divider {
    max-width: 200px;
}

.footer_divider {
    background: #FFFFFF;
    width: 1px;
    margin: 20px 50px;
    height: 100%;
}

.footer_element {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.footer_element > .column_alignment {
    align-items: flex-start;
    flex: 1 1 auto;
}

.footer-icon {
    margin-right: 12px;
    width: 28px;
    height: 28px;
    text-align: center;
    color: white;
    transition: 0.4s all;
}

/*.footer-icon:hover {*/
/*    color: var(--colorAccent);*/
/*    background-color: white;*/
/*}*/


.footer_text {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 15px;
    transition: 0.5s all;
    text-decoration: none;
    color: #959595;
}

.footer_text_primary {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 15px;
    transition: 0.5s all;
    text-decoration: none;
    color: #e5493a;
}

.footer_address {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 15px;
    margin: 10px 0;
    transition: 0.5s all;
    text-decoration: none;
    color: #959595;
}

.footer_about {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    line-height: 20px;
    font-size: 14px;
    transition: 0.5s all;
    text-decoration: none;
    color: white;
    position: relative;
}

.footer_heading {
    color: var(--colorAccent);
    font-size: 18px;
    /*width: 100%;*/
    line-height: 24px;
    font-weight: bold;
    margin: 0 4px 30px;
    align-self: flex-start;
    font-family: "Poppins", sans-serif;
    position: relative;
}

/*.footer_heading::after, .footer_about::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: -5px;*/
/*    height: 2px;*/
/*    background: white;*/
/*    left: -4px;*/
/*    right: -4px;*/
/*}*/

.footer_logo {
    height: 64px;
    width: auto;
    max-width: 95%;
    margin-top: -10px;
    margin-bottom: 20px;
}

.footer input {
    background: white;
    padding: 8px 16px;
    border-radius: 16px;
    border: none;
    outline: none;
    margin-right: 16px;
}

.footer button {
    background: var(--colorAccent);
    color: white;
    padding: 8px 16px;
    border-radius: 16px;
    border: none;
    outline: none;
}

footer .features {
    font-size: 13px;
    color: white;
    font-family: 'Poppins', sans-serif;
    margin: 3px 0;
}

.features i {
    color: var(--colorAccent);
}

footer .link_button {
    font-size: 15px;
    color: white;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    margin: 5px 0;
    transition: 0.4s ease;
    padding: 0;
}

footer .link_button:hover {
    text-decoration: underline !important;
    color: white;
    align-self: flex-start;
}

.contact_detail_container {
    max-width: 1000px;
    align-self: center;
    margin: 20px;
}

.contact_detail_container > .row_alignment {
    padding: 20px;
    align-items: center;
    justify-content: center;
    min-width: 350px;
}


.contact_detail_container i {
    font-size: 24px;
    color: var(--colorAccent);
    padding: 10px 16px;
    /*border: 1px solid #e4e4e4;*/
    border-radius: 10%;
}

.contact_detail_container a {
    color: var(--colorAccent);
    font-size: 15px;
    font-weight: 500;
    margin: 0 20px;
    font-family: "Poppins", sans-serif;
}

.contact_detail_container span {
    font-size: 14px;
    margin: 0 20px 4px;
    color: #808080;
    font-family: "Poppins", sans-serif;
}

.contact_detail_container .divider {
    width: 1px;
    height: 100%;
    background-color: #e4e4e4;
    flex: 0 0 auto;
}

.bs_form {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    padding: 20px;
    background: white;
    border-radius: 16px;
}

.bs_form p {
    margin: 0;
    padding: 0;
}

.bs_form label {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

.bs_form input, .bs_form select, .input_field, .bs_form textarea {
    padding: 12px 16px;
    font-size: 14px;
    margin: 8px;
    width: calc(100% - 18px);
    font-family: "Poppins", sans-serif;
    outline: none;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.1);
    border: none;
    transition: all 0.4s;
}

.bs_form textarea {
    min-height: 100px;
    resize: vertical;
}

.bs_form input:focus, .bs_form select:focus, .bs_form textarea:focus, .input_field:focus {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.error input, .error textarea {
    border: 1px solid var(--error_color);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.errorlist {
    list-style: none;
    padding: 0;
    margin: -16px 10px 24px;
}

.errorlist > li {
    font-size: 12px;
    font-weight: 600;
    color: var(--error_color);
}

.white_button_border {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.60);
    font-family: "Poppins", sans-serif;
    padding: 8px 16px;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    cursor: pointer;
    transition: 0.5s ease;
}

.white_button_border:hover {
    color: var(--colorPrimary);
    background-color: white;
}

.accent_button {
    background-color: var(--colorAccent);
    color: white;
    font-weight: 500;
    padding: 8px 16px;
    border: none;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
    text-align: center;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    border-radius: 20px;
    transition: 0.4s;
}

.accent_button:hover {
    background-color: var(--colorAccent);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    transition: 0.4s;
}

.accent_button.white {
    background-color: white;
    color: #212121;
    transition: 0.4s ease;
}


.accent_button.white:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.accent_button.rounded {
    border-radius: 20px;
}

.bordered_button {
    background-color: white;
    color: var(--colorPrimary);
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid var(--colorPrimary);
    letter-spacing: 1px;
    text-decoration: none;
    outline: none;
    font-family: "Poppins", sans-serif;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.4s;
}

.bordered_button:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    /*background-color: var(--colorAccent);*/
    /*border: 1px solid var(--colorAccent);*/
    transition: 0.4s;
}

.link_button {
    background-color: transparent;
    color: var(--error_color);
    padding: 10px 0 0;
    font-size: 12px;
    border: none;
    text-decoration: none;
    outline: none;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    transition: 0.4s;
}

.link_button:hover {
    text-decoration: underline !important;
    transition: 0.4s;
}

.about_container {
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);*/
    /*background: white;*/
    padding: 8px;
}

.about_container .about_p {
    text-align: left;
}

.about_p p {
    line-height: 1.5;
    font-size: 13px;
    color: var(--colorPrimary);
    font-family: 'Poppins', sans-serif;
    margin: 20px;
    text-align: center;
}

.about_p b {
    line-height: 2;
}

.about_p_highlight {
    margin: 10px 20px;
    align-self: center;
    text-align: center;
    font-weight: bold;
    padding: 40px 10px;
    font-size: 18px !important;
    color: var(--colorAccent) !important;
    position: relative;
}

.about_p_highlight::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.about_p .about_img {
    box-shadow: none;
    border: none;
}

.about_img {
    max-width: 500px;
    min-width: 350px;
    object-fit: cover;
    max-height: 400px;
    margin: 8px;
    border: 4px solid white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.about_container.highlight {
    padding: 0;
    margin-top: 30px;
    background-color: #f2f2f2;
}

.about_container.highlight p {
    color: #212121;
    padding: 16px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    font-family: "Raleway", sans-serif;
}

.about_container.highlight div {
    border-radius: 4px;
    border: 2px solid var(--colorAccent);
    background-color: var(--colorAccent);
}

.about_container.highlight div p {
    color: white;
    font-size: 16px;
}

.certification_container {
    padding: 8px;
}

.certification_container img {
    width: 80px;
    padding: 6px;
    background-color: #eeeeee;
    height: 80px;
}

.certification_container .about_p {
    text-align: left;
    margin: 8px 20px;
}

.infrastructure_content {
    padding: 20px;
    margin: 10px;
    align-self: center;
    width: calc(100% - 40px);
}

.infrastructure_content > .column_alignment {
    flex: 0 0 50%;
}

.infrastructure_content .about_container {
    margin: 6px;
    padding: 0;
}

.infrastructure_content p {
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    color: var(--logo-orange);
    font-family: 'Poppins', sans-serif;
    padding: 12px 16px;
    margin: 8px 0 0;
    text-align: left;
    position: relative;
}

.infrastructure_content p::after {
    content: "";
    position: absolute;
    bottom: 8px;
    top: 8px;
    left: 0;
    width: 3px;
    border-radius: 2px;
    background: var(--logo-green);
}

.infrastructure_content ul {
    list-style: none;
    padding: 0 16px 4px;
    margin: 0;
}

.infrastructure_content li {
    line-height: 2;
    font-size: 15px;
    color: var(--colorPrimary);
    font-family: 'Poppins', sans-serif;
    margin: 0 16px;
    text-align: left;
}

.cart_item_container {
    margin: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: white;
    padding: 10px 20px;
}

.cart_item_container .cart_item_image {
    width: 100px;
    height: 100px;
    margin-right: 12px;
    border-radius: 8px;
    object-fit: cover;
}

.cart_item_container .product_name {
    font-weight: bold;
    color: var(--colorPrimary);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding: 16px 0 5px;
}

.cart_item_container .extra_detail, .check_out_container .extra_detail {
    font-size: 12px;
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    margin: 5px 0;
}

.cart_item_container .extra_detail > b {
    color: var(--colorPrimary);
    font-weight: bold;
    font-size: 14px;
}

.cart_qty_button {
    border: none;
    margin: 0 10px;
    background-color: var(--colorAccent);
    border-radius: 50%;
    padding: 6px;
    width: 26px;
    height: 26px;
    font-size: 12px;
    text-align: center;
    transition: 0.4s;
    outline: none;
    cursor: pointer !important;
}

.cart_qty_button:hover {
    transition: 0.4s;
    outline: none;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.cart_item_container .qty_input {
    border: none;
    background-color: white;
    max-width: 30px;
    font-weight: bold;
    text-align: center;
    outline: none;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}

.cart_item_container .remove_cart_button {
    padding: 20px 10px 20px 20px;
    cursor: pointer;
    margin-left: 40px;
    font-size: 20px;
    color: var(--error_color);
    outline: none;
    border: none;
    border-left: 1px solid var(--divider);
    background-color: transparent;
}

.check_out_container {
    margin: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: white;
    padding: 20px;
}

.check_out_container .heading {
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 10px;
    font-family: 'Poppins', sans-serif;
}

.check_out_container .sub_heading {
    font-size: 13px;
    font-weight: bold;
    margin: 5px 10px;
    color: var(--greenColor);
    font-family: 'Poppins', sans-serif;
}

.check_out_container .sub_heading b {
    color: var(--colorPrimary);
    font-size: 14px;
}

.check_out_container .extra_detail {
    font-size: 12px;
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    margin: 2px 10px;
}

.check_out_container .final_amount {
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 20px 10px;
}

.check_out_container .final_amount span {
    font-size: 18px;
    color: var(--greenColor);
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

.final_amount .extra_detail {
    font-size: 14px !important;
    color: #212121 !important;
    font-weight: normal !important;
    margin: 2px 0 !important;
}

.social_login_container {
    margin: 40px;
}

.social_login_container .holder {
    margin: 10px 20px;
    font-family: 'Poppins', sans-serif;
    flex: 0 0 auto;
    color: var(--colorAccent);
}

.social_button {
    display: flex;
    color: white;
    padding: 14px 24px;
    border: none;
    text-decoration: none;
    outline: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    cursor: pointer;
    min-width: 300px;
    align-self: flex-start;
    margin: 10px 20px;
    transition: 0.4s;
}

.social_button > span {
    font-weight: bold;
    flex: 1 1 auto;
    letter-spacing: 1px;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.social_button:hover {
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.3);
    transition: 0.4s;
}

.shipping_detail {
    font-size: 15px;
    margin: 2px 8px;
    font-family: 'Poppins', sans-serif;
}

.question {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: var(--colorAccent);
    align-self: flex-start;
    border-bottom: 1px solid var(--divider);
}

.answer {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    color: var(--colorPrimaryDark);
    margin-top: 3px;
}

.answer a {
    color: var(--colorAccent);
    text-decoration: underline;

}

.search_bar {
    padding: 4px 8px;
    max-width: 700px;
    margin: 4px 8px;
}

.search_bar i {
    color: var(--colorAccent);
    align-self: center;
}

.search_bar input {
    font-family: 'Poppins', sans-serif;
    border: none;
    font-size: 14px;
    margin-left: 16px;
    outline: none;
    background: transparent;
}

.toolbar_category {
    background-color: white;
    width: 100%;
}

.toolbar_category a {
    padding: 8px 24px;
    font-size: 16px;
    margin: 0 4px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    border-bottom: 3px solid transparent;
    transition: 0.4s ease;
}

.toolbar_category a:hover {
    border-bottom: 3px solid var(--logo-green);
}

.home_offer_container a > img {
    width: 100%;
    height: auto;
}

#dialog-background {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9998;
    visibility: hidden;
}

.dialog-container.write_review_container {
    border: none;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.dialog-container {
    background-color: white;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    width: calc(100% - 24px);
    max-width: 550px;
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 12px;
}

.dialog-container .close-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    text-align: center;
    top: 0;
    right: 0;
    margin: 12px;
    border-radius: 50%;
    font-size: 16px;
    padding: 4px;
    color: var(--colorAccent);
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 5;
}

.dialog-container.promotional img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.dialog-container.promotional .bs_price {
    font-size: 24px;
    line-height: 30px;
    color: var(--colorPrimary);
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin: 0 10px;
}

.dialog-container.promotional .mrp_price {
    font-size: 14px;
    color: #909090;
    font-family: 'Poppins', sans-serif;
    margin: 0 10px;
}


.dialog-container.promotional .product_name {
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--colorPrimary);
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}


.dialog-container.popup {
    overflow: hidden;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    bottom: auto;
}

.popup .input_field, .popup .accent_button {
    margin: 6px !important;
    border-radius: 28px;
    width: calc(100% - 12px);
}

.pop_up_highlight_text {
    margin: 16px 0;
    background: var(--colorAccent);
    color: white;
    border-radius: 4px;
    padding: 4px 20px 4px 10px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-weight: 500;
}

.pop_up_highlight_text::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(100%);
    width: 100%;
    z-index: 1;
    transition: .4s;
    animation: 2s infinite shine;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 20%, rgba(128, 186, 232, 0) 80%, rgba(125, 185, 232, 0) 100%);
}
.testimonial_slide .content {
    padding: 50px 0;
}


.testimonial_slide .content img {
    width: 100px !important;
    height: 100px !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.testimonial_slide .content span {
    max-width: 500px;
    text-align: center;
    margin: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

.footer_footer {
    margin-top: 10px;
}

.about_feature_wrapper {
    padding: 10px 20px;
}

.about_feature_wrapper .reverse {
    margin-top: -50px;
}

.gs_header_wrapper {
    background-image: url("../images/bandma_global.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 200px;
}

.gs_header_wrapper p {
    color: white;
    padding: 24px 12px;
    line-height: 1.5;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.industries_icon_wrapper {
    width: calc((100% / 4) - 16px);
    max-width: 250px;
    margin: 8px;
    background: #f4f2f2;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.4s ease;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    cursor: pointer;
}

.industries_icon_wrapper:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-4px);
}

.industries_icon_wrapper img {
    width: 100%;
    /*padding: 16px;*/
    /*max-height: 120px;*/
    /*object-fit: contain;*/
}

.industries_icon_wrapper span {
    padding: 0 0 16px;
    text-align: center;
    color: var(--colorAccent);
    font-weight: bold;
    font-size: 16px;
}

.category_product_item_wrapper {
    padding: 12px;
}

.category_product_item_wrapper img {
    width: 140px;
    height: 140px;
    flex: 0 0 auto;
    margin-right: 16px;
    object-fit: contain;
    object-position: center;
}

.category_product_item_wrapper span {
    font-weight: 500;
    color: var(--colorAccent);
    margin-bottom: 8px;
}

.category_product_item_wrapper p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    line-height: 1.4;
}

.category_product_item_wrapper .accent_button {
    padding: 6px 10px;
    margin-top: 12px;
    align-self: flex-start;
}


.brand_slide_image {
    height: 100px;
    /*margin: 12px;*/
    padding: 8px;
    width: 120px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: 0.4s ease;
    /*filter: grayscale(0.8);*/
    /*opacity: 0.5;*/
}

.brand_slide_image:hover {
    /*border: 1px solid var(--divider);*/
    filter: none;
    opacity: 1;
}

.sticky_footer_button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.gallery_container {
    color: var(--colorPrimary);
    width: calc((100% / 4) - 24px);
    margin: 12px;
    padding: 20px;
    cursor: pointer;
    display: none;
    transition: all 0.4s;
}

.gallery_container.active {
    display: flex;
}

.gallery_container:hover {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    transition: all 0.4s;
}

.gallery_container span {
    text-align: center;
    color: var(--colorPrimary);
    font-weight: bold;
    font-size: 16px;
    margin-top: 12px;
}

.gallery_image_container {
    position: relative;
    width: 100%;
    height: 250px;
    margin-bottom: 8px;
}

.gallery_image_container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.gallery_image_container img:nth-child(1) {
    z-index: 10;
}

.gallery_image_container img:nth-child(2) {
    z-index: 8;
    transform: rotate(4deg);
}

.gallery_image_container img:nth-child(3) {
    z-index: 6;
    transform: rotate(8deg);
}

.gallery_tab {
    padding: 6px 12px;
    margin: 4px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid var(--colorAccent);
    font-size: 14px;
    color: var(--colorAccent);
    cursor: pointer;
    background: transparent;
    transition: 0.4s ease;
}

.gallery_tab.active {
    background: var(--colorAccent);
    color: white;
    font-weight: 500;
}

.sitemap_group_wrapper .heading {
    font-weight: 500;
    font-size: 24px;
    margin: 16px 8px;
    font-family: "Poppins", sans-serif;
}

.sitemap_group_wrapper a {
    font-weight: 400;
    font-size: 14px;
    margin: 8px;
    font-family: "Poppins", sans-serif;
}

.b_o_service_item_wrapper {
    background: rgba(9, 55, 108, 0.04);
    border-radius: 24px;
    padding-bottom: 12px;
    width: calc((100% / 3) - 32px) !important;
    max-width: calc(100% - 32px);
    margin: 56px 16px 16px !important;
    cursor: pointer;
    transition: 0.4s ease;
    box-shadow: 0 0 0 transparent;
    transform: translateY(0);
}

.b_o_service_item_wrapper:hover {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-8px);
}

.sustainability_section .b_o_service_item_wrapper {
    background: white;
}

.b_o_service_item_wrapper img {
    width: 80px;
    height: 80px;
    align-self: center;
    margin-top: -40px;
    margin-bottom: 12px;
}

.b_o_service_item_wrapper span {
    font-size: 22px;
    font-weight: 600;
    padding: 0 12px;
    text-align: center;
}

.b_o_service_item_wrapper p {
    line-height: 1.6;
    font-size: 16px;
    padding: 0 12px;
    font-weight: 400;
    text-align: center;
}

.social_icon {
    font-size: 16px;
    line-height: 16px;
    padding: 8px;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    width: 34px;
    height: 34px;
    margin: 4px;
    transition: 0.4s ease;
}

.social_icon:hover {
    color: var(--colorAccent);
    background: white;
}

.product_list_table {
    border-collapse: collapse;
}

.product_list_table th {
    background: #efefef;
}

.product_list_table th, .product_list_table td {
    border: 1px solid #b4b4b4;
    font-size: 14px;
    padding: 8px;
}

.product_list_table .attachment_icon {
    height: 60px;
    width: 60px;
    background-image: url("../images/attachment_icon.svg");
    background-size: contain;
    background-position: center;
    text-align: center;
    padding-top: 20%;
    font-weight: bold;
    color: #0096e5;
    font-size: 12px;
    background-repeat: no-repeat;
}


.featured_home_product_wrapper {
    background: var(--colorAccent);
    border-radius: 24px;
    margin: 120px 12px 12px;
    max-width: calc(100% - 24px);
    transition: 0.4s ease;
    transform: translateY(0);
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.featured_home_product_wrapper:hover {
    transform: translateY(-10px);
    box-shadow: rgba(0, 0, 0, 0.2);
}

.featured_home_product_wrapper img {
    width: 80%;
    align-self: center;
    height: 220px;
    margin-top: -100px;
    object-fit: contain;
    object-position: center;
}

.featured_home_product_wrapper span {
    color: white;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
}

.featured_home_product_wrapper a {
    font-size: 18px;
    padding: 8px 10px;
    line-height: 1;
    border-radius: 50%;
    color: #212121;
    margin: 12px;
    background: white;
    border: 3px solid var(--colorAccent);
    outline: 1px solid white;
    align-self: center;

}

.home_blog_grid_item {
    width: 90%;
    max-width: calc((100% / 4) - 16px);
    margin: 8px;
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    transition: 0.4s ease;
    transform: translateY(0);
    cursor: pointer;
}

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

.home_blog_grid_item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.home_blog_grid_item > div {
    padding: 16px;
}

.home_blog_grid_item span {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
}

.home_blog_grid_item p {
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    height: calc(14px * 1.5 * 4);
}

.home_blog_grid_item a {
    color: var(--colorAccent) !important;
}

.contact_detail_container > .row_alignment.border {
    border-bottom: 1px solid #e3e3e3;
    border-right: none;
}


.dialog-container#share_dialog {
    background-color: white;
    padding: 16px;
    max-width: 400px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.dialog-container#share_dialog span {
    font-size: 14px;
    margin: 4px;
    color: #424242;
}

.copy_link_wrapper {
    border: 1px solid #424242;
    padding: 12px 16px;
    white-space: nowrap;
    max-width: 400px;
    overflow: hidden;
    cursor: pointer;
    text-overflow: ellipsis;
}

.social_share_button_wrapper i {
    cursor: pointer;
    color: #424242;
    padding: 8px;
    font-size: 20px;
}

.network_heading {
    font-weight: 500;
    font-size: 28px;
    margin: 12px 12px 8px;
    color: var(--colorAccent);
    font-family: "Bebas Neue", sans-serif;
}

.network_location {
    font-size: 16px;
    margin: 0 12px 8px;
}

.network_location b {
    font-weight: 500;
    color: var(--colorAccent);
}

.network_item_wrapper {
    padding: 6px;
    cursor: pointer;
    transform: translateY(0);
    transition: 0.4s ease;
}

.network_item_wrapper:hover {
    transform: translateY(-5px);
}

.network_item_wrapper span {
    text-align: center;
    padding: 4px 8px;
}

.network_item_wrapper img {
    background: white;
    padding: 4px;
}

@media only screen and (max-width: 1100px) {


    .home_blog_grid_item {
        max-width: 90%;
        align-self: center;
    }

    .product_page_category_section {
        position: fixed;
        height: 100%;
        width: 100%;
        max-width: none !important;
        left: -100%;
        top: 0;
        bottom: 0;
        z-index: 999999;
        background: transparent;
        transition: 0.4s ease;
    }

    .product_page_category_section .content {
        height: 100%;
        width: 80%;
        z-index: 3;
        background: white;
        overflow-y: auto;
        box-shadow: 12px 2px 20px 7px rgba(0, 0, 0, 0.1);
        transition: 0.4s ease;
    }

    .product_page_category_section.expanded {
        left: 0;
    }

    .footer_divider {
        display: none;
    }

    .product_page_category_section .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        right: 0;
        bottom: 0;
        background: transparent;
        z-index: 1;
    }
}

@media only screen and (max-width: 800px) {


    .b_o_service_item_wrapper {
        width: calc(100% - 32px) !important;
        margin: 56px 16px 16px !important;
    }


    .about_bandma_container .content span {
        font-size: 14px;
    }

    .product_detail_container {
        padding: 20px 0;
    }

    .home_bandma_feature_wrapper {
        width: calc((100% / 2) - 8px);
        margin: 4px;
        padding: 10px;
    }

    .home_bandma_feature_wrapper img {
        width: 100px;
        height: 100px;
    }

    .about_feature_wrapper .reverse {
        margin-top: 12px;
    }

    .testimonial_wrapper {
        margin: 60px 16px 10px;
    }


    .footer_footer {
        margin-top: 30px;
    }

    .about_bandma_container > img {
        object-position: left;
    }

    .about_bandma_container .content {
        justify-content: center;
    }

    .full_image {
        max-height: 300px;
        min-width: 100%;
    }

    /*.home_offer_container.two {*/
    /*    width: calc((100% / 2) - 6px);*/
    /*    margin: 6px 4px;*/
    /*}*/
    .sub_header_container {
        width: calc(100% - 20px);
        max-width: 1000px;
        background-color: white;
        margin-top: 10px;
        border-radius: 12px;
        box-shadow: 0 8px 46px 15px rgba(122, 122, 122, .11);
    }

    .sub_header_container > .divider {
        margin: 0 30px;
        height: 1px;
        align-self: center;
        width: calc(100% - 120px);
        background-color: #efefef;
    }

    .header_container {
        position: relative;
        width: 100%;
        height: calc(100vw * 0.5);
    }

    .slide img {
        width: 100%;
        height: calc(100vw * 0.5);
        object-fit: cover;
    }

    .slide_nav_button {
        font-size: 12px;
        padding: 8px 12px;
    }

    .infrastructure_content li {
        font-size: 13px;
    }

    .infrastructure_content p {
        font-size: 16px;
    }

    .toolbar_root img {
        height: 48px;
        margin: 10px 8px;
        transition: 0.4s;
    }

    .toolbar_category {
        display: none;
    }

    .search_bar {
        display: none;
    }

    .primary-header-icon {
        color: var(--primaryHeaderTextColor);
        padding: 0 12px;
    }

    .primary-header-text {
        display: none;
    }

    #s_footer {
        display: none;
    }

    footer {
        width: 100%;
        min-height: 100px;
        position: relative;
        z-index: 1;
    }

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

    .footer_heading {
        font-size: 18px;
        width: 100%;
        line-height: 24px;
        font-weight: bold;
        padding: 12px 0;
        margin: 20px 4px 12px;
        border-bottom: 1px solid var(--divider);
        font-family: "Poppins", sans-serif;
    }

    .footer_heading:before {
        content: '\f067';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 2px;
        color: white;
        font-size: 12px;
        font-family: "Font Awesome 5 Free";
    }

    .footer_heading.active:before {
        content: '\f068';
    }

    .footer_heading.not_expandable:before {
        content: '';
    }

    .footer_content {
        padding: 4px 8px;
        display: none;
    }

    .footer_content.active {
        display: flex;
    }

    .pattern_background h1 {
        color: var(--colorPrimary);
        font-size: 20px;
        text-align: center;
        padding: 0;
        margin: 0;
        font-family: "Poppins", sans-serif;
    }

    .pattern_background .sub_heading {
        color: var(--colorAccent);
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        margin: 0;
        font-family: "Poppins", sans-serif;
    }

    .shop_now_button {
        padding: 20px;
        background: var(--colorAccent);
        color: var(--colorPrimary);
        font-family: 'Poppins', sans-serif;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        text-align: center;
        margin: 10px;
        border-radius: 10px;
        transition: 0.4s;
        font-size: small;
        font-weight: bold;
    }

    .my_account_container {
        margin: 6px 16px;
    }

    .my_account_container .page_sub_heading {
        margin: 0 10px 10px;
    }


    .page_heading_container {
        padding-top: 36px;
    }

    .page_heading {
        font-size: 36px;
    }

    .page_heading_shadow {
        font-size: 80px;
        top: -10px;
    }


    .product_item_detail_container {
        padding: 4px 0;
    }

    /*.base_margin {*/
    /*    margin-top: 93px;*/
    /*}*/
    .add_to_cart_button {
        min-width: 160px;
    }

    .section_wrapper {
        padding: 20px 0;
    }

    .home_offer_container a {
        margin: 6px;
        max-width: 500px;
        width: calc(100% - 12px);
    }

    .about_img {
        margin: 20px;
        width: calc(100% - 40px);
    }

    .featured_product_container_wrapper {
        max-width: 350px;
        min-width: 100px;
        width: calc((100% / 2) - 8px);
        background-color: #eaeaea;
        margin: 4px;
        cursor: pointer;
    }

    .industries_icon_wrapper {
        width: calc((100% / 2) - 16px);
        max-width: 250px;
        margin: 8px;
        background: #f4f2f2;
    }

    .footer {
        padding: 50px 20px 20px;
    }

    .gallery_container {
        width: calc((100%) - 12px);
        margin: 6px;
        padding: 12px;
    }

}