* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}




.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5em;
  }

  .fa-spinner {
    font-size: 2em; /* Adjust size as needed */
    animation: spin 2s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

a{
    --bs-link-color-rgb: 26, 101, 213;
    --bs-link-hover-color-rgb: 26, 101, 213;
}
.offcanvas-backdrop.show {
    opacity: .5;
    display: none;
}
input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"] {
        -webkit-appearance: none;
        margin: 0;
    }
    .cart .cart_qty_cls {
        font-size: 15px;
        font-weight: 500;
        background-color: #1a65d5;
        color: white;
        padding: 7px 42px 7px 11px;
    }

    /* .checkbox_design_cart .form-check.form-check-reverse.text-start{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    } */
    /* .toggle_design_cart .form-switch .form-check-input{
        --bs-body-bg: red;
font-size: 14px;
    } */
    .toggle_design_cart .form-switch .form-check-input {
        --bs-body-bg: #e5e5e5;
        font-size: 17px;
    }
    /* .toggle_design_cart .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0)'/%3E%3C/svg%3E");;
        width: 2em;
        margin-left: -2.5em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out;
    } */

    .cart_space_padding_footer {
        padding: 0px 22px 0px 11px;
    }
.cursor_pointer {
    cursor: pointer;
}
.header-info ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    background: #1d65d7;

}
.story.blog .owl-stage-outer{
    padding: 0;
}

.black_hover_text{
    text-decoration: none;
    color: #220322;
}
.black_hover_text:hover{
    color: #1965D5;
    text-decoration: underline;
}



.home_search{
    position: relative;
}

.home_search i.fa-solid.fa-magnifying-glass {
    position: absolute;
    top: 19px;
    left: 7px;
    width: min-content;

}

.mainplusminus{
    
    height: 36px;
    width: 108px;
    margin-left: 16px;
    margin-bottom: 14px;



    
}
/*This will work for firefox*/
@-moz-document url-prefix() {
    .story_forstory .image-container {
        position: relative;
        margin: 10px;
        height: calc(100% - 7rem);
        width: 92%;
      }
      .story_forstory .image-container .image {
        object-fit: fill;
        object-position: center;
        aspect-ratio: 3/3 !important;
        background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1a64d3, #0065be) border-box;
        border: 3px solid transparent;
        height: 100%;
        width: 100%;
      }
}
.top_brand_discount{
    border-bottom: 2px solid #1766d5;
    border-width: medium;
}

.coupon_design_cart{
    background: #dbe8ff;
    padding: 10px;
    border-radius: 4px;
    margin: 0px;
}
.coupons_details_view span {
    border-bottom: 2px solid orange;
}

.danger_color {
    color: rgb(231, 33, 33);
}
.heading {
    /* background-image: url('/assets/images/h3-heading.jpg'); */
    /* background-image: url('./assets/images/h3-heading.jpg'); */
    background: url('/assets/images/h3-heading.jpg') repeat-x scroll 0 16px transparent;
    /* margin: 0 50px; */
    text-align: center;
}
.heading .h3 {
    /* font: 22px Trebuchet MS, Arial, Helvetica, sans-serif; */
    height: 22px;
    color: #493636;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 13px;
    display: inline-block;
    background: white;
    padding: 0 10px;
    /* margin: 40px 0 0 0; */
}
.list-social {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
}
li.list-social__item {
    margin-right: 5px;
}
.list-social__link {
    align-items: center;
    display: flex;
    padding: 0.4rem;
    color: rgb(var(--color-foreground));
}
.list-social__link {
    border: 1px #ccc solid;
    border-radius: 50%;
}
.offcanvas{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    border: 0px;
}
.list-social__item .icon {
    height: 1rem;
    width: 1rem;
}
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
}

.grid_block_wishlist {
    display: grid;
    grid-template-columns: 1fr 5fr;
    align-items: center;
}
.header-info ul li a {
    text-decoration: none;
    color: #7E7E7E;
    font-weight: 500;
}

.header-top {
    font-size: 13px;

}

.header-info ul li {
    margin: 0px 10px;


}

.search-bar {
    width: 100%;
}

.serach_width {
    width: 734px;
    min-width: 200px;

}

.container {
    max-width: 1480px;
}

.header-top-ptb-1 #news-flash li {
    min-height: 14px;
}

.header-top-ptb-1 #news-flash {
    min-width: 400px;
    font-size: 14px;
    line-height: 10px;
    font-weight: 600;
}

.grid_layout_givebackhome {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1a65d5;
    --bs-btn-border-color: #1a65d5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0a4aa9;
    --bs-btn-hover-border-color: #1a65d5;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a4aa9;
    --bs-btn-active-border-color: #1a65d5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
/* .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1a65d5;
    --bs-btn-border-color: #1a65d5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a65d5;
    --bs-btn-hover-border-color: #1a65d5;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a65d5;
    --bs-btn-active-border-color: #1a65d5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
} */


.dektop_header svg {
    fill: #2848bb;
}

.logo {
    /* height: 3.6rem;
        width: 11.5rem;
        padding: 1rem;
        margin: 0 0 .5rem; */
    width: 11.5rem;
    padding: 0.5rem;
}

.notification-parent span.notifi_comp {
    position: absolute;
    left: 10px;
    /* right: -11px; */
    top: -10px;
    background-color: #2b46b3;
    color: #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

img {
    max-width: 100%;
}

.cst-color {
    background-color: #1a65d5;
    line-height: 36px;
    /* border-radius: 5px; */
    padding: 0 16px;
    font-size: 16px;
    color: #fff;

}

.cst-button-color {
    border: 1px #1a65d5 solid;
    color: #1a65d5;
    /* font-weight: 500; */
    background-color: #ffffff;
    font-size: 13px;
}
.cst-button-blue {
    border: 1px #1a65d5 solid;
    color: #fff;
    /* font-weight: 500; */
    background-color: #1a65d5;
    font-size: 13px;
}

.last-header ul {
    list-style: none;
    display: flex;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.last-header ul li {
    margin-right: 40px;
}

.text-primary {
    --bs-primary-rgb: 30, 101, 210;
}

.cust-font {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}

.image-hero img {
    /* height: 234.862px; */
    width: -webkit-fill-available;
    /* min-width: 55rem; */
    /* width: 1587px;
    min-width: 1200px; */
    cursor: pointer;
    border-radius: 0px;
}

.image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.image-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    /* object-fit: cover; */
    max-width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
}

.image_overflow {
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
}

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

@media only screen and (max-width: 600px) {
    .fazwpN {
        grid-template-columns: repeat(2, 1fr);
    }

    .cutom-border {

        width: 365px;
    }

    .w-75_mobile {
        width: 75% !important;
    }

    /* .img-select{
        display: flex;
    } */

}

.product-badges-position {
    position: absolute;
    top: 0;
    left: 0;
}

.product-wrap .product-badges span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 15px 0 20px 0;
    color: #fff;
    padding: 9px 20px 10px 20px;
}


.product-wrap .product-badges span.discount {
    background-color: #74bcfd;
}

.product-wrap .product-badges span.hot {
    background-color: #f74b81;
}

.product-wrap .product-badges span.new {
    background-color: #2747b9;
}

span.sale {
    background-color: #67bcee;
}

::selection {
    background: #2747b9;
    color: #fff;
}

.product-wrap {
    border: 1px solid #dee2e685;
    transition: .2s;
    border-radius: 4px;
}

.product-content h2 {
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    height: 2.4em;
}

.old-price {
    font-size: 12px;
    color: #adadad;
    text-decoration: line-through;
}

.last-header ul li:hover {
    color: #bee0ff;
}

.last-header ul li {
    cursor: pointer;
    margin: 0 2.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px;
}

.select2-container .select2-selection--single {

    height: 40px;

}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0px solid #aaa;
    border-radius: 4px;
}

.newsletter .newsletter-inner {
    background: url(./images/banner-10.png) no-repeat center;
    background-size: cover;
    padding: 84px 78px;
    clear: both;
    display: table;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    min-height: 230px;
}

span.select2-selection__arrow {
    display: none;
}

.last-header ul li.active {
    color: #3145ad;
}

.cutom-border {
    border: 2px solid #7cae50;
    border-radius: 4px;
}
.nav-expand-link.content-remove::after {
    content: "";
    flex: 0 1 auto;
    /* font-family: "Material Icons"; */
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    text-decoration: underline;
}

.text_style {
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
}

input.form-control.shadow-none {
    /* border: 1px solid #7d7777; */
    border-radius: 100px;
    font-size: 12px;
    height: 38px;
    outline: 1px solid #7ba4e2;
    padding-left: 30px;
}
.add-cart .addwithbutton {
    width: 66.6px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 33.1px;
}

.addcartnoattr button {
    padding-top: 0px;
    padding-bottom: 0px;

}

.w_40 {
    width: 40%;
}

.section-title {
    font-size: 18px;
    font-weight: bold;
}

.atribute {
    cursor: pointer;
    padding: 8px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: background-color 0.3s;
    flex-flow: column wrap;
}

.h1_heading {
    font-size: 17px;
    font-weight: 600;
    color: #220322;
    line-height: 20px;
}

.h1_section_heading {
    font-size: 20px;
    font-weight: 600;
    color: #220322;
    line-height: 20px;
}

.p_paragraph {
    font-size: 12px;
    color: #7d7777;
}

.header_heading {
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

.design_selection {
    border: 2px solid #dee2e6;
    outline: 1px solid #7ba4e2;
    border-radius: 20px;
    height: 38px;
    display: flex;
    align-items: center;
}

.active-class {
    border-bottom: 3px solid #1a65d5;
    padding: 1px;
}

.width_web-kit {
    width: -webkit-fill-available;
    width: -moz-available;

}
/* .width_webkit_moz{
    width: -moz-available;
} */

/* .active-class {
    border-bottom: 2px solid #1a65d5;
    padding: 1px;
    background: #c4d3ea;
    border-top-right-radius: 20px;
} */
.max-width-header {
    max-width: 1480px;
}

.la-header-de {
    font-size: 12px;
    font-weight: 600;
}

.dropdown-content-one {

    display: none;
    position: absolute;
    /* background-color: #f9f9f9; */
    width: 100%;
    left: 0;
    /* box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
 border-radius: 8px; */
    z-index: 5;
}

.product-wrap .discount_offers {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.product-wrap .discount_offers_off {
    color: white;
    font-size: 12px;
    position: absolute;
    font-weight: 700;
    line-height: 15px;
}

.product-wrap .packaging_style ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.product-wrap .packaging_style {
    height: 38px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    /* min-height: 2rem; */
}

.product-wrap .packaging_style ul li {
    list-style: none;
    /* color: #a29f9f; */
    font-size: 10px;
    line-height: 15PX;
    padding: 0PX 2PX;
    margin: 1px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-price .product_size_price {
    font-size: 10px;
}

.dropdown-one:hover .dropdown-content-one {
    display: block;
}

.cst-color ol,
ul {
    padding-left: 0rem;
}




.mega-menu-details ul {
    display: inline-grid;
    font-size: 12px;
    color: #a2a1a1;
    font-weight: 500;
    line-height: 30px;
}

.mega-menu-details ul li {
    margin: 0 0rem;
    border-bottom: 2px solid transparent;
}

.mega-menu-details ul li:hover {
    border-bottom: 2px solid #220322;
    color: #220322;
}

.mega_nav-heading {
    font-size: 15px;
    color: #220322;
}

.mode_selection {
    padding: 3px;
    border: 2px solid #1a65d5;
    border-radius: 4px;
    background: #1a65d5;
    color: white;
    width: 140px;
}

.after_arrow {
    position: relative;
}

.after_arrow:after {
    position: absolute;
    content: "";
    background-image: url('/assets/images/white_arrow.svg');
    width: 10px;
    height: 10px;
    top: 9px;
    background-repeat: no-repeat;
    background-size: 10px;
    right: -11px;
}

.last-header .after_arrow:after {
    position: absolute;
    content: "";
    background-image: url('/assets/images/white_arrow.svg');
    width: 10px;
    height: 10px;
    top: 16px;
    background-repeat: no-repeat;
    background-size: 10px;
    right: -14px;
}

.product-wrap .veg_stripe {
    padding: 2px;
    margin-right: 3px;
    border: 1px solid #4C9B16;
    position: absolute;
    right: 3px;
    top: 5px;
}

.product-wrap .veg_icon {
    height: 10px;
    width: 10px;
    background: #4c9b16;
    border-radius: 10px;
    margin-right: 0px;
}

.product-wrap .non_veg_stripe {
    margin-right: 8px;
    padding: 3px;
    border: 1px solid #f03131;
}

.product-wrap .non_veg_icon {
    height: 10px;
    width: 10px;
    background: #f03131;
    border-radius: 10px;
    margin-right: 0px;
}

.product-wrap .product-rating {
    line-height: 20px;
}

.product-wrap .product-rating span {
    font-size: 10px;
}

/* .product-wrap .product_custom_height {
    height: 162px;
    background-image: linear-gradient(#BCC6CC, white);
} */


.qKzFq {
    fill: currentcolor;
    stroke: currentcolor;
    /* margin-left: 0.125rem;
    margin-top: -1px; */
    --text-opacity: 1;
    /* rgb(76, 155, 22) */
    color: rgba(76, 155, 22, var(--text-opacity));
}

.product-wrap .packaging_style ul li.selcted_class {
    background-color: ORANGE;
    color: white;
    border: 1px solid orange;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selcted_cart {
    background-color: #1a65d5;
    color: white;
}

.product-price span.price_color {
    font-size: 14px;
    font-weight: 500;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

/* .product-wrap .packaging_style {
    height: 60px;
} */

/* .product-image img {
    height: 100px;
} */
/* .product-image img {
    height: 24vh;
} */

.date_blog {
    font-size: 10px;
    color: #7d7777;
}

.header_blog {
    font-size: 15px;
    font-weight: 500;
    color: #220322;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.header_discription {
    font-size: 15px;
    color: #7D7777;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.w_5 {
    width: 5%;
}

.author_name {
    font-size: 12px;
    font-weight: 500;
    color: #220322;
}

footer ul {
    list-style: none;
}

footer .heading_footer_list {
    font-size: 15px;
    font-weight: 500;
    color: #220322;
    margin-bottom: 15px;
}

footer ul li a{
    font-size: 12px;
    color: #7d7777;
    cursor: pointer;
    padding-bottom: 10px;
    text-decoration: none;
}

footer ul li a:hover {
    color: #220322;
}
/* .last-header {
    padding-top: 3.70rem;
} */

/* 
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: white;
} */
/* .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  } */

.main-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #ffffff;
    transition: background-color 0.3s ease;
}

.main-header.sticky {
    background-color: #f8f9fa;
    /* Change this to the desired background color when sticky */
}
.main-header {
    display: none;
}
/* .hamburger {
    display: none;
    Initially hide the hamburger
} */

.main-header.visible {
    display: block;
    /* Show the hamburger when it has the visible class */
}
/* .hamburger.visible {
    display: block;
    Show the hamburger when it has the visible class
} */


footer .input-group {
    font-size: 10px;
    padding: 8px;
    border-radius: 8px;
}

footer .form-control {
    font-size: 12px;
}

.pre-footer ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.pre-footer ul li {
    position: relative;
    font-size: 12px;
    color: #7d7777;
    cursor: pointer;
    padding-bottom: 5px;
    padding: 3px 5px;
}
.pre-footer ul li a {
    position: relative;
    font-size: 12px;
    color: #7d7777;
    cursor: pointer;
    padding-bottom: 5px;
    padding: 3px 3px;
    text-decoration: none;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999999;
}

.pre-footer ul li:hover {
    color: #220322;
}

.selected_cart {
    color: white;
    background: #1a65d5;
}
.last-header .mega_menu ul li{
    line-height: 20px;
}

.pre-footer ul li:after {
    position: absolute;
    content: "|";
    /* height: 20px;
    width: 1px ; */
    top: 3px;
    /* left: 10px; */
    right: -2px;
    /* background-color: red; */

}

.copyright_footer {}

.mega_menu ul {
    display: block;
}

.mega_menu ul li {
    margin: 0;
}

.mega_menu h3 {
    font-size: 15px;
    font-weight: 500;
    color: #220322;
    margin-bottom: 8px;
   
}

.mega_menu ul li a{
    font-size: 13px;
    color: #7d7777;
    cursor: pointer;
    padding-bottom: 0px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0.055;
}
.mega_menu ul li a:hover {
    color: #220322;
    font-weight: 500;
}


/* .pre-footer ul{
    list-style: none;
} */
@media only screen and (max-width: 1370px) {
    .main-header .header_heading span {
        display: none;
    }
}

@media only screen and (max-width: 1116px) {
    .last-header {
        display: none;
    }

    /* .la-header-de {
        padding-top: 67px !important;
    } */
}

.offcanvas-end {
    background: #f5f7fd;
}

.offcanvas_body_custom {
    background-color: white;
    border-radius: 10px;
}

/* .offcanvas-header #offcanvasRightLabel{
	font-size: 15px;
    font-weight: 500;
} */

.offcanvas-header {
    background-color: white;
}

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

.p_style {
    font-size: 12px;
    color: #7d7777;
}

.discont_mrp_amount {
    text-decoration: line-through;
    color: #1a65d5;
}

.offcanvas-footer {
    padding: 1rem;
}


.card-wrapper {
    /* max-width: 1100px; */
    margin: 0 auto;
}

/* .img-display {
    overflow: hidden;
    margin: 10px;
} */

/* .img-showcase {
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
} */

/* .img-showcase img {
    min-width: 100%;
} */

.img-select {
    display: flex;
}

.img-item {
    margin: 0.3rem;
    width: min-content;
}

.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3) {
    margin-right: 0;
}

.img-item:hover {
    opacity: 0.8;
}

.product-content {
    padding: 2rem 1rem;
}

.product-title {
    font-size: 1.3rem;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    color: #12263a;
    margin: 1rem 0;
}

.product-link {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    background: #256eff;
    color: #fff;
    padding: 0 0.3rem;
    transition: all 0.5s ease;
}

.product-link:hover {
    opacity: 0.9;
}

.product-rating {
    color: #ffc107;
}

.product-rating span {
    font-weight: 600;
    color: #252525;
}
.veg_stripe .nonveg_icon{
    border: 0px;
}

button.product_qunt_width .qty {
    font-size: 10px;
    font-weight: 600;
}
.product-price {
    margin: 0rem 0 0;
    font-size: 1rem;
    font-weight: 700;
}

.product-price span {
    font-weight: 400;
}

.last-price span {
    color: #f64749;
    text-decoration: line-through;
}

.new-price span {
    color: #256eff;
}

.product-detail h2 {
    text-transform: capitalize;
    color: #12263a;
    padding-bottom: 0.6rem;
}

.product-detail p {
    font-size: 0.9rem;
    padding: 0.3rem;
    opacity: 0.8;
}

.product-detail ul {
    margin: 1rem 0;
    font-size: 0.9rem;
}

.product-detail ul li {
    margin: 0;
    list-style: none;
    background: url(https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png) left center no-repeat;
    background-size: 18px;
    padding-left: 1.7rem;
    margin: 0.4rem 0;
    font-weight: 600;
    opacity: 0.9;
}

.product-detail ul li span {
    font-weight: 400;
}

.purchase-info {
    margin: 1.5rem 0;
}

.purchase-info input,
.purchase-info .btn {
    border: 1.5px solid #ddd;
    border-radius: 25px;
    text-align: center;
    padding: 0.45rem 0.8rem;
    outline: 0;
    margin-right: 0.2rem;
    margin-bottom: 1rem;
}

.purchase-info input {
    width: 60px;
}

.purchase-info .btn {
    cursor: pointer;
    color: #fff;
}

.purchase-info .btn:first-of-type {
    background: #256eff;
}

.purchase-info .btn:last-of-type {
    background: #f64749;
}

.purchase-info .btn:hover {
    opacity: 0.9;
}



.product_detail_price {
    font-size: 18px;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

.product_detail_discount {
    font-size: 13px;
    color: #7d7777;
    text-decoration: line-through;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

._conditional_font{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.product_detail_inclusive {
    font-size: 10px;
    color: #7d7777;
}

.product_detail_info_badge span {
    /* padding: 5px; */
    border-radius: 5px;
    color: #1a65d5;
    font-weight: 500;
    font-size: 18px;
}
.price_selection .product-wrap .packaging_style ul li {
    font-size: 12px;
    line-height: 18PX;
    padding: 7PX 7PX;
    border-radius: 4px;
    /* margin-right: 6px; */
}
.price_selection .product-wrap .packaging_style .product_single li{
     margin-right: 6px;
     padding: 4PX 4PX;
}

/* .qty ul li span{
padding: 5px;
} */
.qty ul li span {
    padding: 5px;
}

.qty ul {
    list-style: none;
    margin-left: 10px;
    border: 1px solid #dee2e6;
    padding: 5px 0px;
    border-radius: 4px;
    background-color: #f8f9fa;
}

.price_selection .product-wrap .packaging_style ul li {
    font-size: 12px;
    line-height: 18PX;
    padding: 7PX 7PX;
    border-radius: 4px;
}

/* .price_selection .product-wrap .packaging_style{
    height: 0;
} */
.product_delivery_section input.form-control {
    outline: 0;
    border: 1px solid #dee2e6;
}

.product_delivery_section .delviery_input {
    padding: 4px;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    /* background-color: #f8f9fa; */
}
.tab_for_data .nav-item:not(:last-child){
    border-bottom: 0px;
}
.tab_for_data li.nav-item{
    padding: 0;
}
.product_detail_offer_section {}

.thrd_row_product_cust {
    padding: 10px;
    background: #f8f9fa;
    border-radius: 4px;
    border: 2px dotted #dee2e6;
}

.brands_product {
    border-radius: 10px;
    font-weight: 500;
    color: #1a65d5;
    text-decoration: underline;
}
.headings-icon {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.headings-icon .vsx-offers-icon {
    margin-top: -25px;
    max-height: none;
}

.headings-icon img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}

.product_title_page {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 30px;
}

.checkout_page input.form-control {
    box-shadow: none;
}

.checkout_page .form-floating,
.checkout_page .form-check {
    font-size: 13px;
    font-weight: 500;
}

/* .form-floating>.form-control, .form-floating>.form-control-plaintext {
    padding: 1rem 0.75rem;
} */

.checkout_page .form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(2.3rem + calc(var(--bs-border-width) * 2));
    min-height: calc(2.3rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
}

.checkout_page .form-floating>label {
    top: -6px;
}

.checkout_page .form-floating>.form-control:not(:placeholder-shown) {
    font-size: 13px;
    font-weight: 500;
}

.checkout_page .form-floating>.form-select {
    padding-top: 0.925rem;
    padding-bottom: 0;
    font-size: 13px;
    font-weight: 500;
}

.checkout_page .card_heading {
    font-size: 18px;
    font-weight: 600;
    color: #220322;
}
.order_notification {
    position: absolute;
    top: -7px;
    background: #1A65D5;
    border-radius: 10px;
    color: white;
    /* left: inherit; */
    left: 6px;
    font-size: 10px;
    height: 15px;
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-label {
    font-size: 13px;
    font-weight: 500;
}

.form-check-label {
    font-size: 13px;
    font-weight: 500;
}

.login_singup input.form-control {
    outline: 0;
}

.link_text {
    font-size: 13px;
    font-weight: 500;
    color: #1a65d5;
    text-decoration: none;
}

.link_text_b {
    font-size: 13px;
    font-weight: 500;
    color: #212529;
    text-decoration: none;
}

.didn_code {
    font-size: 13px;
    font-weight: 500;
    padding-left: 7rem;
}

.conditional_block {
    display: block;
}

.conditional_none {
    display: none;
}

.otp-container {
    display: flex;
    justify-content: center;
}

.otp-input {
    /* width: 2rem; */
    text-align: center;
    margin: 0 0.2rem;
}
.otp-container input.form-control.shadow-none{
    padding: 0px;
}

.thank_you {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.thank_you_order {
    font-size: 18px;
    font-weight: 700;
}

.tip_section {
    /* background-color: red; */
    /* border-radius: 4px;
    border: 2px solid #dee2e6;
    font-size: 12px;
    font-weight: 400; */
}

.bg-primary{
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-color: #fff;
    color: #fff;
    border-color: var(--bs-btn-hover-border-color);
    --bs-primary-rgb: 26, 101, 213;
    --bs-btn-hover-border-color: #1a65d5;
    --bs-btn-hover-bg: #0a4aa9;
    --bs-btn-active-border-color: #1a65d5;
}

.IiwNg {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
}

.fqbcdJ {
    width: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgb(0, 0, 0);
    margin-left: 8px;
}

.delivery_modal .modal-content {
    /* background-image: linear-gradient(#fdfdfd, #f6f6f6); */
    background-color: #f5f7fd;
    background-image: url(./images/dog_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: hard-light;
}


@keyframes updown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(8px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes shadow {
    0% {
        transform: scale(1);
        opacity: 0.20;
    }

    50% {
        transform: scale(0.95);
        opacity: 0.28;
    }

    100% {
        transform: scale(1);
        opacity: 0.20;
    }
}

.tab_for_data ul {
    font-size: 15px;
    font-weight: 500;
}

.tab_for_data .tab-content {
    font-size: 12px;
    padding: 10px 0px;
}

/* .tab_for_data  .nav-link{
    --bs-link-color: #1a65d5;
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-link-hover-color: #1a65d5;
  } */

.tab_for_data .nav-link {
    color: #1a65d5;
}


/* product page */
/* @media screen and (min-width: 992px) {
    .bd-layout {
        grid-template-columns: 1fr 5fr;
    } */

    /* grid-area: sidebar; */
    /* 
    .bd-sidebar {
        width: 26%;
        background-color: #f5f7fd;;
    } */

/* } */

@media screen and (min-width: 768px) {
    .bd-layout {
        display: flex;
        gap: 1rem;
        /* display: grid;
        gap: 1.5rem;
        grid-template-areas: "sidebar main"; */
        /* grid-template-columns: 1fr 3fr; */
        /* grid-template-columns: 1fr 5fr; */
    }

    .bd-links {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 7rem);
        padding-left: 0.25rem;
        margin-left: -0.25rem;
        overflow-y: auto;
    }

    .bd-sidebar {
        /* grid-area: sidebar; */
        width: 23%;
        background-color: #f5f7fd;
        ;
    }

    main.bd-main.order-1 {
        width: 77%;
    }
}


.collapse:not(.show) {
    display: none;
}

.form-select {
    font-size: 12px;
    font-weight: 400;
}

/* .bd-main .card-block{
    max-width: 1200px;
} */
.bd-sidebar .product_category_content a {
    font-size: 15px;
    font-weight: 400;
    /* padding-bottom: 10px; */
    text-decoration: none;
    color: #220322;
}
.bd-sidebar .product_category_content a:hover{
    text-decoration: underline;
}

.bd-sidebar .product_category_number a {
    font-size: 13px;
    text-decoration: none;
    color: #7D7777;
    margin-right: 5px;
}
.bd-sidebar .product_category_number a span:hover {
text-decoration: underline;
}


/* .bd-sidebar .product_category_content a:hover {
    color: #1a65d5;
}

.bd-sidebar .product_category_number a:hover {
    color: #1a65d5;
} */


.bd-sidebar .form-check-label {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    color: #220322;
}

.bd-sidebar .Category_heading_h1 {
    font-size: 15px;
    font-weight: 500;
}

ol.breadcrumb.m-0.p-0.pb-2 {
    font-size: 15px;
    font-weight: 400;
}

.bd-sidebar nav#bd-docs-nav {
    background: white;
    padding: 10px;
}

/* fontsize */
.font-size_twentyzero {
    font-size: 20px;
}

.margin_bottom_twentyzero {
    margin-bottom: 20px;
}

.font-size40 {
    font-size: 40px;
    font-weight: 600;
}


/* .link_text {
    color: #1a65d5;
    text-decoration: none;
} */
.blue_color {
    color: #1a65d5;
}

.community_pages_section ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 100px;
}

.delivery_pincode ul {
    /* display: flex;
     */
    list-style: none;
    display: grid;
    /* grid-template-columns: auto auto auto auto; */
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* grid-template-rows: 1fr 1fr 1fr 1fr; */
    /* grid-template-columns: 1fr 3fr; */
    /* grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr; */
    gap: 10px 20px;
}

/* .pincode_box1 {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    padding: 20px;
} */

.delivery_pincode ul li {
    background-color: #f5f7fd;
}

.fill-primary {
    fill: orange;
}
.color_secondary {
    color: #7d7777;
}
.text_color_gradient {
    color: linear-gradient(red, yellow);
    background: -webkit-linear-gradient(90deg, rgb(0 0 0) 0%, rgb(0 0 0) 21%, rgb(26 101 213) 51%, rgb(14 14 14) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: max-content;
}

.delivery_modal .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2px);
    position: relative;
    /* top: calc(100% - 90%); */
    /* bottom: 100px; */
    top: 70px;
    margin: 0px;
    left: calc(100% - 91%);


}

/* @media (min-width: 576px){
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: 0;
    }
} */
.owl-stage-outer {
    position: relative;
}

.owl-nav {
    font-size: 30px;
}
.support_icon{
    position: relative;
}
.support_icon .content {
    display: none;
    position: absolute;
    z-index: 99;
    background-color: white;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    padding-top: 15px;
    transform: translate(100px, 50px);
    inset: -3px -4px -75px -239px;
}
.content.text-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 1rem;
    height: 1rem;
    top: -3px;
    right: 37%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: white;
    background: inherit;
    border-top-left-radius: .25rem;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #CBD0DD;
}
.support_icon_contact svg, .support_icon_contact svg {
    color: var(--chirp-link-active-primary, #1c49c2);
    fill: var(--chirp-link-active-primary, #1c49c2);
    height: 1.2rem;
    /* margin-right: var(--chirp-spacing-s1, 0.4rem); */
    width: 1.2rem;
}
.support_icon:hover .content{
  display: block;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    position: absolute;
    top: 40%;
    /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15); */
}

/* .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    position: absolute;
    top: 36%;
} */
.owl-carousel .owl-item img {
    display: block;
    width: auto;
}
.blog .owl-carousel .owl-item img {
    display: block;
    width:max-content;
}

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

.owl-carousel .owl-nav button.owl-prev {
    left: 0px;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0px;
}

.owl-prev span,
.owl-next span {
    height: 0px;
    width: 0px;
    background: #1a65d5;
    display: block;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 13px 14px 13px;
    vertical-align: middle;
    color: #fff;
}

.tw-toggle {
    display: flex;
    align-items: center;
    /* height: 33px; */
    padding: 2px 3px;
    border-radius: 50px;
    position: relative;
    margin: 0;
    flex-flow: wrap;
    width: 120px;
    border: 1px solid #d5d3d3;
    background: #1a65d5;
}

.cat_image {}

.tw-toggle label {
    text-align: center;
    font-family: sans-serif;
    display: inline-block;
    color: #777;
    position: relative;
    z-index: 2;
    margin: 0;
    text-align: center;
    padding: 2px 0;
    font-size: 15px;
    width: 37px
}

.tw-toggle input {
    height: 48px;
    margin: 0;
    position: absolute;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
    width: 37px
}

.tw-toggle span {
    height: 36px;
    width: 36px;
    line-height: 40px;
    border-radius: 50px;
    background: #fff;
    display: block;
    position: absolute;

    transition: all 0.3s ease-in-out;
}

.tw-toggle input[value="false"] {
    left: 10px;
}

.tw-toggle input[value="-1"] {
    left: 40px;
}

.tw-toggle input[value="true"] {
    left: 79px;
}

.tw-toggle input[value="false"]:checked~span {
    /* background: #719ada;
        left: 3px;
    color:#fff; */
    /* background-color: transparent; */
    left: 3px;
    border: 2px dotted white;
}

.tw-toggle input[value="true"]:checked~span {
    /* background: transparent; */
    left: 79px;
    border: 2px dotted white;
}

/* .tw-toggle input[value="-1"]:checked ~ span{
    background:#444;
    left: 46px;
    top: 12px;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    clip-path: circle(10px );
    animation-name: slidein;
    animation-duration: 2s;
   
  } */

/* 
@keyframes clip-animationss {
    0% {
        clip-path: circle(4px);
        background-color: #c0def7;
    }

    50% {
        clip-path: circle(11px);
        background-color: #74bcfd;
    }

    100% {
        clip-path: circle(4px);
        background-color: #c0def7;
    }
} */

.tw-toggle input[value="-1"]:checked~span {
    background: transparent;
    left: 46px;
    top: 11px;
    width: 24px;
    height: 24px;
    border-radius: 23px;
    border: 2px dotted white;
    box-shadow: 1px 1px 8px 0px;
    animation-name: rotate;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* border-radius: 50%; */
 
    /* background: #444;
    left: 46px;
    top: 11px;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    animation: clip-animationss 4s infinite;
    animation-direction: alternate; */
}

@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

/* .tw-toggle input[value="-1"]:checked ~ span {
    background: #444;
    left: 46px;
    top: 12px;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    animation: clip-animation 4s infinite linear;
  }
  @keyframes clip-animation {
    0% { clip-path: circle(0px); }
    100% { clip-path: circle(20px); }
  }
  /* @keyframes example {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
  } */


  .accounts .grid_block_ {
    display: grid;
    grid-template-columns: 3fr 1fr;
}


  .my_account_details_parent .myaccount_details {
    display: none;
}
.myaccount_details li {
    padding: 5px;
    border-bottom: 2px solid #dee2e6;
}
.my_account_details_parent:hover ul.myaccount_details {
    display: block;
    position: absolute;
    top: 48px;
    background-color: white;
    list-style: none;
    padding: 10px;
    width: max-content;
    left: auto;
    right: -0.5625rem;
    z-index: 9;
}
.my_account_details_parent:hover ul.myaccount_details:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 1rem;
    height: 1rem;
    top: -3px;
    right: 0.6rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: white;
    background: inherit;
    border-top-left-radius: .25rem;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #cbd0dd;
}

.my_account_details_parent:hover ul.myaccount_details li {
    margin-bottom: 5px;
}
.my_account_svg .fill{
    fill: #000;
}
.my_account_svg .stroke{
    stroke: #000;
}
.order_text_width_ {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
/* .order_text_width_{
    white-space: nowrap;
    width: 173px;
    overflow: hidden;
    text-overflow: ellipsis;
    } */
  /* .tw-toggle input[value="-1"]:checked ~ span{
    background:#444;
    left: 46px;
    top: 12px;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    clip-path: circle(10px );
    animation-name: slidein;
    animation-duration: 2s;
   
  } */


  /* @keyframes clip-animationss {
    0% { clip-path: circle(4px);  background-color: #c0def7;}
    50% { clip-path: circle(11px); background-color: #74bcfd; }
    100% { clip-path: circle(4px); background-color: #c0def7;}
  }
  
  .tw-toggle input[value="-1"]:checked ~ span {
    background: #444;
    left: 46px;
    top: 12px;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    animation: clip-animationss 4s infinite;
    animation-direction: alternate;
  } */

  /* .tw-toggle input[value="-1"]:checked ~ span {
    background: #444;
    left: 46px;
    top: 12px;
    width: 24px;
    height: 24px;
    border-radius: 0px;
    animation: clip-animation 4s infinite linear;
  }
  @keyframes clip-animation {
    0% { clip-path: circle(0px); }
    100% { clip-path: circle(20px); }
  }
  /* @keyframes example {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
  } */





  
  .tw-toggle input[value="false"]:checked + label,.tw-toggle input[value="true"]:checked + label{
    color:#fff;
  }
  .tw-toggle input[value="-1"]:checked + label{
    color:#fff;
  }
  


  .top_brands ul{
    /* display: flex;  */
    list-style: none;
    display: grid;
    /* grid-template-columns: auto auto auto auto; */
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /* grid-template-rows: 1fr 1fr 1fr 1fr; */
    /* grid-template-columns: 1fr 3fr; */
    gap: 10px 20px;
}
.top_brands ul li div img{
    /* width: 26%;
    max-height: 290px;
    min-height: 203px; */
    /* height: 268px; */
    min-width: 100%;
    max-width: 100%;

}
.category_images .cat_icon img {
 width: 100%;
}
.category_images  {
    /* display: flex;  */
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px 20px;
}
ul.product_listing_page {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px 20px;
}
@media (max-width: 1024px){
    ul.product_listing_page{
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px 10px;
   }
   .category_images {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px 20px;
} 

    
    
/* .category_images .cat_icon img {
    height: 17vh;
} */
/* .product-wrap .product_custom_height {
    height: 0vh;
} */
/* .product-image img {
    height: 19vh;
} */
}
@media (max-width: 576px){
    .top_brands ul{
        /* display: flex;  */
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
      
        gap: 10px 20px;
    }
    .category_images {
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px 20px;
    }
    .main-header{
        display: block;
    } 
    /* .hamburger{
        display: block;
    } */
    ul.product_listing_page{
        grid-template-columns: 1fr 1fr;
        gap: 10px 10px;
   }
   .product-price span.price_color {
    font-size: 11px;
    font-weight: 500;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
.product-price .product_size_price {
    font-size: 9px;
}
.cst-button-color{
    font-size: 11px;
    padding: 0.355rem;
}
/* .category_images .cat_icon img {
    height: 14vh;
} */


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

    /* .card-wrapper .card{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.5rem;
    } */
    /* .product-imgs {
        display: flex;
        flex-direction: row-reverse;

    } */

    .product-content {
        padding-top: 0;
    }

    .product-imgs {
        width: 100;
        /* height: 100vh; */
        overflow: auto;
        position: -webkit-sticky;
        position: sticky;
        /* top: 30%; */
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
/* 
    .img-select {
        display: block;
    } */
}

/* .btn {
    border-radius: 3px; 
  } */
  :root {
    --bs-border-radius: 3px; /* Change the border radius to your desired value */
  }
/* .modal-content{

} */

/* [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    border-radius: 3px;
} */
.blog_section .card{
    background: #f5f7fd;
    /* border-radius: 10px;
    padding: 20px; */
}
.blog_section .blog_sub_section{
    background-color: white;
    padding: 20px;
    border-radius: 10px;
}
.carrier_page .form-select {
    /* font-size: 12px;
    font-weight: 400; */
    height: 38px;
}
.h_38{
    height: 38px;
}
.career-section {
    position: relative;
    /* width: 100vw; */
    /* height: 100vh; */
    overflow: hidden;
    margin-bottom: 20px;
}
.child_content_carrer {
    font-size: 60px;
    font-weight: 200;
    color: white;
}
.background-image img{
        /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%;
height: 40vw; */
filter: brightness(0.85);
    /* background-image: url(./images/carrierimage.png);
    background-size: cover;
    background-position: center;
    filter: brightness(0.5); */
    width: 100%;
}
.search-bar-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.parent_carrer .child_content_carrer{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
 .carer_card {
    background: transparent;
    height: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);

}
.form-control {
    font-size: 12px;
    /* height: 38px; */
    /* outline: 1px solid #7ba4e2; */
}

form.form-control.contact_us {
    background: transparent;
    border: 0;
    height: 100%;
}
.offcanvas-body{
    --bs-offcanvas-padding-x: 0.5rem;
    --bs-offcanvas-padding-y: 0.5rem;
}
.fs_18{
font-size: 18px;
}
.fs_14{
    font-size: 14px;
} 
.fs_25 {
    font-size: 25px;
}
.fs_15{
    font-size: 15px;
}
.fw_400 {
    font-weight: 400;
}

.fw_500 {
    font-weight: 500;
}

.fw_600 {
    font-weight: 600;
}

.fw_700 {
    font-weight: 700;
}

.fw_800 {
    font-weight: 800;
}
.fs_22{
    font-size: 22px;
}

.fs_13 {
    font-size: 13px;
}

.fs_20 {
    font-size: 20px;
}

.fs_10 {
    font-size: 10px;
}

.fs_12 {
    font-size: 12px;
}
.text_color_orange{
    color: orange;
}
.ngo_logo_image {
    padding: 5px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    min-width: 50px;
    min-height: 50px;
    width: 50px;

}
.ngo_logo_image img{
object-fit: contain;
}
.text_color_blue{
    color: #1a65d5;
}
.fs_40{
    font-size: 40px;
}
.fw_500{
    font-weight: 500;
}
.custom_black{
    color: #220322;
}
.bg_orange{
    background-color: orange;
}






.refer_friend ul {
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.15rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}

/* line */
.refer_friend ul::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: rgb(225, 225, 225);
  border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
.refer_friend ul li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

/* card */
.refer_friend ul li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}

/* date */
.refer_friend ul li .date {
  --dateH: 3rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);

  text-align: center;
  background-color: var(--accent-color);

  color: white;
  font-size: 1.25rem;
  font-weight: 700;

  display: grid;
  place-content: center;
  position: relative;

  border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

/* date flap */
.refer_friend ul li .date::before {
  content: "";
  width: var(--inlineP);
  aspect-ratio: 1;
  background: var(--accent-color);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;

  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

/* circle */
.refer_friend ul li .date::after {
  content: "";
  position: absolute;
  width: 1rem;
  aspect-ratio: 1;
  /* background: var(--bgColor); */
  background-color: white;
  border: 0.3rem solid var(--accent-color);
  border-radius: 50%;
  top: 50%;

  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
.refer_friend ul li .title,
.refer_friend ul li .descr {
  background: var(--bgColor);
  position: relative;
  padding-inline: 1.5rem;
}
.refer_friend ul li .title {
  overflow: hidden;
  padding-block-start: 1.5rem;
  padding-block-end: 1rem;
  font-weight: 500;
}
.refer_friend ul li .descr {
  padding-block-end: 1.5rem;
  font-weight: 300;
}

/* shadows */
/* .refer_friend ul li .title::before,
.refer_friend ul li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
} */
.refer_friend ul li .title::before {
  bottom: calc(100% + 0.125rem);
}

.refer_friend ul li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}

@media (min-width: 40rem) {
    .refer_friend ul {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
  .refer_friend ul::before {
    grid-column: 2;
  }
  .refer_friend ul li:nth-child(odd) {
    grid-column: 1;
  }
  .refer_friend ul li:nth-child(even) {
    grid-column: 3;
  }

  /* start second card */
  .refer_friend ul li:nth-child(2) {
    grid-row: 2/4;
  }

  .refer_friend ul li:nth-child(odd) .date::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }

  .refer_friend ul li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
  .refer_friend ul li:nth-child(odd) .date {
    border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
  }
}

.refer_friend .credits {
  margin-top: 1rem;
  text-align: right;
}
.refer_friend .credits a {
  color: var(--color);
}
.about_banner {
    position: relative;
    width: 100%;
}
.about_banner .about-banner-content {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
/* .about_banner .left-pet {
    position: absolute;
    width: 170px;
    height: auto;
    left: 5%;
    bottom: -2%;
} */
.about_banner .left-pet {
    position: absolute;
    width: 257px;
    height: auto;
    left: 5%;
    bottom: 0%;
}
.about_banner .right-pet {
    position: absolute;
    width: 202px;
    height: auto;
    bottom: 0%;
    right: 10%;
    z-index: 10;
}
/* .about_banner .right-pet {
    position: absolute;
    width: 110px;
    height: auto;
    bottom: -17%;
    right: 10%;
    z-index: 10;
} */
.serach_result_design {
    padding: 8px;
    background: #f5f7fd;
    border-radius: 4px;
    border-left: 5px solid orange;
}
.filter_stripe{
    background-color: #f5f7fd;
    padding: 10px;
    border-radius: 4px;
}
.story .story-item{
    width: 95%;
}
.custom_category_links{
    text-decoration: none;
}
.custom_category_links:hover{
    text-decoration: underline;
}
.owl-stage {
    padding-left: 0px !important;
}
button.owl-prev.disabled, button.owl-next.disabled {
    display: none;
}
.product_detail_stripe_third_row {
    padding: 10px;
    margin-bottom: 10px;
    background: #f5f7fd;
    border-radius: 10px;
    font-size: 13px;
}
.third_row_product_detail{
    border: 2px dashed #dee2e6;
 padding: 10px;
 border-radius: 10px;
} 
.section_emergency_bottom{
    background: #f5f7fd;
    padding: 10px;
    border-radius: 10px;
}
.table tr th.hover {
    outline: 0px;
}
input#dt-search-0 {
    border: 1px solid #dee2e6;
    border-radius: 5px;
}
input:focus-visible {
    outline-offset: 1px !important;
    outline-color: #dee2e6;
}
table.dataTable thead th, table.dataTable tfoot th{
    font-size: 15px;
    font-weight: 600;
}
table.dataTable > tbody > tr {
    background-color: transparent;
    font-size: 13px;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: 0px solid rgba(0, 0, 0, 0.05);
    outline-offset: -2px;
}
.emergency_banner{
    background-color: #1a65d5;
    border-radius: 10px;
    padding: 20px;
    color: white;
    text-align: center;
}
.p_absoute_banner{
    position: absolute;
    bottom: 0;
    margin-bottom: 0px;
}
.price_box {
    background: #f5f7fd;
    padding: 10px 20px;
    border-radius: 5px;
    height: 100%;
}
.box_glance {
    background: #f5f7fd;
    border-radius: 10px;
    padding: 10px 20px;
    height: 100%;
}
.giveback_carousel .story-item.item , .giveback_categories .story-item.item {
    width: 95%;
}
.explore_giveback .story-item.item{
    width: 90%;
}
/* .container_prefootercontact {
    padding: 25px;
    background: red;
    border-radius: 10px;
} */
.container_prefootercontact {
    padding: 25px;
    background: #1965d5;
    border-radius: 10px;
    /* color: white; */
    /* background-image: url(./images/refer_dog_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover; */
    color: white;
}
/* .container_prefootercontact_parent{
    background-image: url(./images/refer_dog_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
} */
.container_prefootercontact .contact_no svg, .container_prefootercontact .chat_us svg, .container_prefootercontact .message_us svg {
    fill: var(--chirp-text-inverse, #ffffff);
    height: 1.0rem;
    width: 1.0rem;
}
/* .container_prefootercontact .chat_us svg{
    fill: var(--chirp-text-inverse, #ffffff);
    height: 1.4rem;
    width: 1.4rem;
}
.container_prefootercontact .message_us svg{
    fill: var(--chirp-text-inverse, #ffffff);
    height: 1.4rem;
    width: 1.4rem;
} */

 .hyper-text{
    color: white;
    text-decoration: none;
}
.hyper-text span:last-child {
    border-bottom: 2px solid transparent;
    transition: border-bottom-color 1s;
  }
  
  .hyper-text:hover span:last-child {
    border-bottom-color: white;
  }
input.form-control.new-style{
    outline: 0px;
}
/* for reviews */

i.fa-regular.fa-star {
    font-weight: 400;
    font-size: 13px;
}
.fa-star:before {
    content: "\f005";
    color: orange;
}
.jdgm-rev__icon {
    position: relative;
    float: left;
    width: 3.2em;
    height: 3.2em;
    line-height: 3.2em;
    margin-right: 12px;
    text-align: center;
    border-radius: 50%;
    color: #333333;
    background-color: #e9e9e9;
}

.tab-content:focus-visible{
   outline: -webkit-focus-ring-color auto 0px!important;
}
/* .ngo_body table{
border-collapse: collapse;
width: 100%;

}
.ngo_body tr th{
    border: 1px solid #d5d3d3;
    text-align: left;
    padding: 8px;

}
.ngo_body tr:nth-child(even){
    background-color: #d5d3d3;
} */
/* table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }
  
  tr:nth-child(even) {
    background-color: #dddddd;
  } */
  /* table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }
  
  tr:nth-child(even) {
    background-color: #dddddd;
  } */
  .ngo_body table{
border-collapse: collapse;
width: 100%;

}
.ngo_body td, th{
    /* border: 1px solid #dee2e6; */
    text-align: left;
    padding: 8px;

}
/* .ngo_body tr:nth-child(even){
    background-color: #dee2e6;
} */
.save_tree img{
    aspect-ratio: 15 / 4;
    object-fit: cover;
    width: 100%;
}
.accounts_my_2nd_order_anchor{
    text-decoration: none;
    color: #220322;
}
/* img.card-img-top {
    height: 222px;
    width: 300px;
    object-fit: cover;
} */
.mega_menu_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    }

    
label.toggle.toggle-yes.general_mode {
    position: relative;
    width: 28px;
    height: 28px;
    left: 6px;
    top: -1px;
    border: 1px solid white;
    border-radius: 21px;
    padding: 2px 0px;
    z-index: 0;
}
.general_mode .fa-solid.fa-paw{
    color: rgb(224, 224, 224);
}

label.toggle.toggle-yes.dog_mode {
    position: relative;
    left: 14px;
    height: 34px;
    width: 35px;
    /* border: 1px solid white; */
    border-radius: 20px;
}
label.toggle.toggle-yes.cat_image.cat_mode {
    border-radius: 27px;
    width: 35px;
    height: 34px;
    /* border: 1px solid white; */
    position: relative;
    left: 0px;
}
.tw-toggle input[value="-1"]:checked~span {
    background: transparent;
    left: 44px;
    top: 10px;
    width: 28px;
    height: 28px;
    border-radius: 23px;
    border: 2px dotted white;
    /* transform: rotate3d(1, 1, 1, 0deg); */
    box-shadow: 1px 1px 8px 0px;
    animation-name: rotate;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    /* animation-timing-function: linear; */
    /* border-radius: 50%; */
}

.tw-toggle span {
    height: 36px;
    width: 36px;
    line-height: 40px;
    border-radius: 50px;
    background: #fff;
    display: block;
    position: absolute;
    transition: all 0.3s ease-in-out;
}
/* .general_mode i.fa-solid.fa-paw {
    color: red;
} */
.tw-toggle input[value="-1"] {
    left: 40px;
}

.tw-toggle input[value="-1"]:checked~.general_mode .fa-solid.fa-paw{
    color: white;
}



    

    .numbersection .country_position {
        position: absolute;
        top: 56%;
        z-index: 1;
        left: 10px;
        border-right: 1px solid #dee2e6;
        padding-right: 10px;
    }
    
    .numbersection input.form-control{
        padding-left: 77px
    }

    .otp_successfull {
        padding: 10px;
        border: 1px solid rgb(14 146 12);
        border-radius: 5px;
        color: rgb(14 146 12);
    }

    .otp_wrong {
        padding: 10px;
        background: #ffc7c7;
        border: 1px solid;
        border-radius: 5px;
        color: rgb(231, 33, 33);
    }


    /* 30 march  */

     .blog img.card-img-top {
        object-fit: contain;
        aspect-ratio: 3 / 2;
    }
    .blog_section .blog_sub_section {
        background-color: white;
        padding: 6px;
        border-radius: 4px;
        height: 100%;
    }



    .menu-columns-small {
        display: flex;
        width: 100%;
        justify-content: center;
        gap: 20px;
    }
    
    .menu-columns-small>.list-item:nth-child(1) {
        /* flex: 17%; */
    }
    
    .menu-columns-small>.list-item:nth-child(2) {
        /* flex: 17%; */
    }
    
    .menu-columns-small>.list-item:nth-child(3) {
        /* flex: 17%; */
    }
    
    .menu-columns-small>.list-item:nth-child(4) {
        /* flex: 50%; */
    }

    .footer_postion_fixed{
        display: none;
    }



    .avatar-upload {
        position: relative;
       
      }
      
      .avatar-upload .avatar-edit input {
        display: none;
      }
      
      .avatar-upload .avatar-preview {
        width: 136px;
        height: 136px;
        position: relative;
        border-radius: 100%;
        border: 6px solid #F8F8F8;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        margin-right: 20px;
      }
      .avatar-upload .avatar-preview > div {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }


      .lh_6{
        line-height: 6px;
    }
    .img-select .img-item a{
        width: 71px;
        height: 71px;
        display: inline-flex;
    }
    /* button.product_qunt_width {
        width: 67.66px;
    } */
    /* .decrease_attrs{
        padding-left: 13px;
        padding-right: 5px;
    } */

    /* .addwithplusattrs{
        padding-left: 3px;
        padding-right: 13px;
    } */
    .lh_10{
        line-height: 10px;
    }
    .lh_12{
        line-height: 12px;
    }
    .add-cart .addwithbuttonattr {
        width: 66.6px;
        padding-top: 6px;
        padding-bottom: 6px;
        height: 33.1px;
    }
    .addwithbuttonattr1{
        width: 66.6px;
        padding-top: 6px;
        padding-bottom: 6px;
        height: 33.1px;
    }
    .btn.disabled, .btn:disabled, fieldset:disabled .btn {
        --bs-btn-disabled-bg: #1a65d5;
        --bs-btn-disabled-border-color: #1a65d5;
        --bs-btn-disabled-bg: #1a65d5;
        --bs-btn-disabled-opacity: 0.89;
    
    }
    /* .story_forstory .image-container .image {
        object-fit: cover;
        object-position: center;
        aspect-ratio: 3 / 3;
    } */
    .story_forstory .image-container .image {
        object-fit: contain;
        object-position: center;
        aspect-ratio: 3 / 3;
        background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1a64d3, #0065be) border-box;
        border: 3px solid transparent;
    }
    /* other commetnt     */
    .all_buttons_fixed {
        width: 66.6px;
        padding-top: 6px;
        padding-bottom: 6px;
        height: 33.1px;
    }
    .product_title_cart {
        font-size: 12px;
        font-weight: 500;
        overflow: hidden;
        position: relative;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.2em;
        height: 2.4em;
        color: #212529;
    }
    .product_image_cart{
        padding: 5px;
        border: 1px solid #dee2e6;
        border-radius: 4px;
    }
    /* stripe */
    .bg_design_section {
        /* padding-left: 12px;
        padding-right: 12px; */
        box-sizing: border-box;
        background-color: transparent;
    }
    .color_cart_saving {
        background: rgb(219, 232, 255);
        height: 15px;
        width: 100%;
    }
    .img_size_setting {
        background-image: url('/assets/images/savingdesign.svg');
        /* background-image: url(/b1b00b4….svg); */
        background-position: center top;
        background-size: 330px;
        background-repeat: repeat-x;
        height: 100%;
        width: 100%;
    }
    .text_setting_design {
        background-color: rgb(219, 232, 255);
        padding: 10px 13px;
    }
    .text-setting-design_child {
        color: rgb(37, 111, 239);
        font-size: 14px;
        font-weight: 500;
        line-height: 19.78px;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    
  
/* other commetnt     */
    button.product_qunt_width .qty {
        font-size: 12px;
        font-weight: 600;
        width: 17px;
        display: inline-grid;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .decrease_attrs, .decrease_attrs1 {
        width: 24px;
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
    }

    
    .decreasewithminus, .reduceprodbtn{
        width: 24px;
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
    }
    .addwithplusattrs , .addprodbtn {
        display: inline-block;
        width: 24px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
    }
    .addwithplusattrs1{
        display: inline-block;
        width: 24px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;

    }

    .addwithplus {
        display: inline-block;
        width: 24px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
    }
    
    .addcart_attrs_plus_minus .selcted_cart.product_qunt_width {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 33.1px;
        width: 66.6px;
    }
    


    .image-wrapper img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        object-fit: cover;
        max-width: 100%;
        justify-content: center;
        display: flex;
        align-items: center;
        transform: translate(-50%, -50%);
    }


    .img-display {
        overflow: hidden;
        margin: 10px;
        width: 380px;
        height: 380px;
    
    }
    
    .img-showcase {
        display: flex;
        width: 100%;
        transition: all 0.5s ease;
        height: 377px;
    }
    
    .img-showcase img {
        min-width: 100%;
        object-fit: contain;
    }

    .box_sizes {
        padding: 10px;
        background: #e3fbde;
        border-radius: 4px;
        height: 100%;
        box-sizing: border-box;
    }


    /* 8th April */


    .product_mobile_images img.owl-lazy {
        width: 70% !important;
        object-fit: contain;
        height: 100%;
        /* display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; */
    }
    .product_mobile_images .owl-item {
        height: 280px;
        display: flex;
        justify-content: center;
    }
    .product_mobile_images .owl-stage-outer.owl-height {
        height: 250px;
    }
    .product_mobile_images .owl-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .product_mobile_images button.owl-dot {
        background: #D6D6D6 !important;
        height: 10px;
        width: 10px;
        margin-right: 4px;
        border-radius: 10px;
        position: relative;
    }
    .product_mobile_images .owl-theme .owl-dots .owl-dot.active{
        background: #869791!important;
    }
    /* button.owl-dot.active {
        background: red !important;
    } */
    .product_mobile_images .bluetooth{
        position: absolute;
        top: 0px;
        right: 2px;
        z-index: 9;
    }
    .product_image_share_thumb {
        width: 195px;
        height: 135px;
        display: flex;
        justify-content: center;
    }
    .product_image_share_thumb img{
      height: 100%;
      width:100%;
      object-fit: contain;
    }
    .offcanvas.share_product_page{
        --bs-offcanvas-height: 357px;
    }
    .share_product_page .product_heading {
        background: #F5F7FD;
    }


    .product_mobile_images .owl-carousel .owl-item .owl-lazy {
        opacity: 1 !important; /* Override the default opacity */
    }


    /* .nonveg_icon {
        position: relative;
        right: 6px;
        top: 5px;
    } */

    .blog .owl-item .story-item.item {
        border: 1px solid #DEE2E6;
        padding: 10px;
        border-radius: 4px;
    }
    

    .cusotm_column_offers {
        font-size: 20px;
        font-weight: 500;
        color: white;
        background-image: linear-gradient(to bottom right, #000000, #1A65D5);
    }


   
    /* 12-04-2024 */
    .grid_effect:hover img {
        transform: scale(1.03);
    }
    .grid_effect img {
        width: 100%;
        transition: 0.5s all ease-in-out;
    }
    .grid_pet_section {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
    .grid_effect {
        /* width: 300px;
        height: 300px; */
        overflow: hidden;
        margin: 0 auto;
    }
    .scale-up-vertical-top {
        animation: scale-up-vertical-bottom 0.4s linear
    }
    @keyframes scale-up-vertical-bottom {
        0% {
            transform: scaleY(.4);
            transform-origin: center bottom
        }
        100% {
            transform: scaleY(1);
            transform-origin: center bottom
        }
    }
    .text-decoration_custom {
        text-decoration: none;
    }
    .text-decoration_custom:hover {
        text-decoration: underline;
    }


    .box_prices {
        /* background-color: #D1E7FA; */
        text-align: center;
        font-weight: 500;
        cursor: pointer;
        /* background-image: url(./images/2ndelement.jpg.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-blend-mode: darken;
        background-position-x: right; */
        border: 2px dashed #1A65D5;
    }
    .price_grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 10px;
    }
    .hamburger svg {
        height: 2.4rem;
    }
    .box_prices:hover {
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
        transition: 0.5s;
    }
    span.text-color-different {
        color: #1c65d5;
    }
    .tooltip-inner {
        --bs-tooltip-bg: #fff;
        --bs-tooltip-color: #000;
        opacity: 2;
        border: 1px solid #dedede;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }
    
    .tooltip-arrow:before {
        --bs-tooltip-bg: #fff;
        color: black;
    }
    .hero-style .carousel-indicators{
        margin-bottom: 0;
    }
    .hero-style .carousel-indicators [data-bs-target] {
        width: 17px;
        height: 3px;
    }
    #header{
        position: relative;
    }
    /* .header.fixed-header{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: white;
    } */
    .hamburger{
        display: none;
    }
    /* .hamburger_fixed{
        display: block;
    } */
    /* .header.fixed-header{
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        width: 100%!important;
        z-index: 999!important;
        background-color: white!important;
    } */
    .header.fixed-header{
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        width: 100%!important;
        z-index: 999!important;
        background-color: white!important;
        animation: smoothScroll 1s forwards;
    }
    @keyframes smoothScroll{
        0% {
            transform: translateY(-40px);
        }
        100% {
            transform: translateY(0);
        }
    }


    .header_link_page{
        color: white;
    }
    .header_link_page:hover{
        color: #bee0ff;
    }
    .lh_12{
        line-height: 12px;
    }


    /* loader css */
    
    .btn.disabled, .btn:disabled, fieldset:disabled .btn {
        --bs-btn-disabled-bg: #1A65D5;
        --bs-btn-disabled-border-color: #1A65D5;
        --bs-btn-disabled-bg: #1A65D5;
        --bs-btn-disabled-opacity: 0.89;
    }
    .coupon_design_cart {
        background: #dbe8ff;
        padding: 10px;
        border-radius: 4px;
        margin: 0px;
    }

    .danger_color {
        color: rgb(231, 33, 33);
    }
    .cart .offcanvas-header {
        padding: 21px 10px 21px 10px;
    }
   .support_chat_placement ul li {
    align-items: center;
    border-right: solid var(--chirp-ui-bg-04, #eeeeee) 1px;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    width: 100%;
}
.support_chat_placement ul li:first-child {
    background-color: red;
    border-right: solid var(--chirp-ui-bg-04, #eeeeee) 1px;
}
.support_chat_placement ul {
    list-style-type: none;
    margin: 0 !important;
    display: flex;
}
.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: justify;
}
.single_line{
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.breadcumd_design{
    border-radius: 4px;
    /* background-color: rgb(219, 232, 255); */
    margin-bottom: 10px;
    font-size: 13px;
}


#couponshow :hover{
    cursor: pointer;

}

.custom_button_class{
    padding: 0px;
    height: 33.1px;
    width: 66.6px;
    /* display: flex;
    align-items: center; */
    justify-content: space-between;
}

.offcanvas.humburger .design_footer{
    background-color: #1A64D3;
    color: white;
   }
.custom_border_tooltip {
    border-bottom: 2px dashed #1A64D3;
    margin-left: 3px;
}
.form-check-input:focus {
    /* border-color: #86b7fe;
    outline: 0; */
    box-shadow: 0 0 0 0;
}
.form-check-input:checked {
    background-color: #1a65d5;
    border-color: #1a65d5;
}

.bd-links ul.list-unstyled li ul {
    max-height: 190px;
    overflow-y: auto;
}
ul{
    list-style: none;
}
/* .sorting_responsive.offcanvas{
    --bs-offcanvas-height: 100%;
} */
.sorting_responsive.offcanvas {
    --bs-offcanvas-height: white;
}
ul.tip_customer {
    display: flex;
    list-style: none;
    margin: 0;
}
ul.tip_customer li {
    margin-right: 5px;
}
.payement_options label {
    display: flow-root;
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
}

/* .form-check-input:checked {
    background-color: #1a65d5;
    border-color: #1a65d5;
} */
.payement_options .form-check{
    border: 1px solid #dedede;;
    border-radius: 4px;
}
.payement_options .form-check-custom {
    border: 1px solid #1a65d5;
    background-color: #eaf5ff;
    border-radius: 4px;
}
.payement_options .form-check-custom .color_blue{
    Color: #1a65d5;
}
.checkout_progress #progress-bar {
    display: table;
    width: 100%;
    margin: 0;
    padding: 15px 15px 0;
    table-layout: fixed;
    width: 100%;
    counter-reset: step;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .checkout_progress #progress-bar li {
    list-style-type: none;
    display: table-cell;
    width: 20%;
    float: left;
    font-size: 16px;
    position: relative;
    text-align: center;
  }
  .checkout_progress #progress-bar li:before {
    width: 38px;
    height: 38px;
    color: #1a65d5;
    content: counter(step);
    counter-increment: step;
    line-height: 38px;
    font-size: 18px;
    border: 1px solid #1a65d5;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #fff;
  }
  .checkout_page input.form-control.shadow-none {
    /* border: 1px solid #7d7777; */
    outline: 0px solid #7ba4e2;
}
  .checkout_progress #progress-bar li:after {
    width: 100%;
    height: 6px;
    content: "";
    position: absolute;
    background-color: #1a65d5;
    top: 17px;
    left: -50%;
    z-index: -1;
  }
  .checkout_progress #progress-bar li:first-child:after {
    content: none;
  }
  .checkout_progress #progress-bar li.step-done {
    /* color: #1a65d5; */
    color: #220322;
  }
  .checkout_progress #progress-bar li.step-done:before {
    border-color: #1a65d5;
    background-color: #1a65d5;
    color: #fff;
    content: "";
    font-family: "FontAwesome";
  }
  .checkout_progress #progress-bar li.step-done + li:after {
    background-color: #1a65d5;
  }
  .checkout_progress #progress-bar li.step-active {
    /* color: #1a65d5; */
    color: #220322;
  }
  .checkout_progress #progress-bar li.step-active:before {
    border-color: #1a65d5;
    color: #1a65d5;
    font-weight: 700;
  }
  .thankyou_bg_icon .icon_header{
    height: 34px;
    width: 34px;
    border-radius: 50px;
    background: #edf4ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thankyou_bg_icon .icon{
    height: 34px;
    width: 34px;
    border-radius: 4px;
    background: white;
    border: 1px solid #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.footer_checkout .discount_ribbon{
    background: #1a65d5;
    color: white;
    margin-left: 2px;
    padding: 1px;
    border-radius: 4px;
    font-size: 10px;
}
/* .order_summary_parent{
    position: relative;
    width: 13%;
    padding-top: 13%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order_summary_parent img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
} */
.wishlist_showcase{
    border: 1px solid #dedede;
    text-align: center;
}
.wishlist_showcase img{
       object-fit: contain;
    aspect-ratio: 3/3;
}
.order_summary_showcase{
    display: grid;
    grid-template-columns: 1fr 6fr;
}
.order_summary_showcase .order_summary_parent img{
height: 50px;
width: 50px;
object-fit: contain;
}
.order_summary_showcase .order_summary_parent{
    border: 1px solid #dedede;
    padding: 5px;
}
ul.feedback_rating  {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
ul.feedback_rating li {
    list-style: none;
    /* color: #a29f9f; */
    font-size: 10px;
    line-height: 15PX;
    padding: 2PX 4PX;
    margin: 3px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #dedede;
}
.rating_icon{
    width: 50px;
    height: 50px;
    border: 1px solid #dedede;
    margin-right: 10px;
    border-radius: 5px;
}
.parent_rating {
    margin-bottom: 15px;
}
.width_adjustement_feedback{
    width: -webkit-fill-available;
    /* display: flex;
    align-items: center;
    justify-content: end; */
}

.search_icon_set {
    position: relative;
}
.search_icon_set .icon_set_ {
    position: absolute;
    top: 4px;
    left: 10px;
}
.blog_front_sec {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.join_urban .urban_design{
    background: white;
    padding: 25px;
    border-radius: 8px;
    height: 100%;
}
.join_urban{
    background-image: linear-gradient(180deg, #fcfdfc, #e3fbde, #fcfdfc);
}
.blog_subcatgory_heading {
    font-size: 18px;
    font-weight: 600;
    position: relative;
}
.blog_subcatgory_heading::after {
    position: absolute;
    height: 2px;
    width: 10rem;
    background-color: orange;
    content: '';
    bottom: 0;
    left: 0;
}
.blog_page .categories .count {
    display: inline-block;
    background-color: #cbdcf2;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 20px;
    margin-left: 5px;
    font-size: 10px;
    color: #1a65d5;
}
.header_discription {
    font-size: 15px;
    color: #7d7777;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_page .tag_heading div:first-child {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 500;
}
.blog_page .tag_heading div:last-child div:first-child {
    margin-bottom: 10px;
    font-size: 13px;
    color: orange;
}
.blog_page .tag_heading div:nth-child(2) {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
}
.teritiary_color {
    color: orange;
}
.blog_page .tag_heading div:last-child {
    margin-bottom: 10px;
}
.blog_page .tag_heading div:last-child div:last-child {
    margin-bottom: 10px;
    font-size: 13px;
    color: #979292;
    font-weight: 400;
}
.discount_word{
    text-decoration: line-through;}

    img.card-img-top {
        aspect-ratio: 3 / 2;
    }
    

.delivery_location input.form-control, .delivery_modal input.form-control {
    padding-left: 15px
    }
    .top_brands ul li div img {
        min-width: 100%;
        aspect-ratio: 3 / 3;
        object-fit: contain;
    }

    .view_coupons input.form-control{
        padding-left: 10px;
    }
    /* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

  .avatar-upload .avatar-preview > div img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: repeat;
    border-radius: 100px;
}
.payement_body_ table tr th, .payement_body_ table tr td{
    padding-left: 10px;
} 

aside ul li span.product_category_content {
    font-size: 14px;
    font-weight: 500;
    font-family: system-ui;

}
.footer_filter .product_category_content a {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 10px;
    text-decoration: none;
    color: #220322;
    font-family: math;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type=number] {
 -moz-appearance: textfield;
}
.order_bill table tr td {
    padding: 8px;
}


/* search by speak */

/* Adjust position of microphone icon */
/* Common styles for search container */
/* Common styles for search container */
.home_search {
    position: relative;
    display: flex;
    align-items: center; /* Vertically center items */
}

.home_search .fa-magnifying-glass {
    margin-right: 10px; /* Adjust margin between search icon and input */
}
/* Microphone icon button */
#speechButton {
    position: absolute;
    right: 18px; /* Adjust the position from right */
    top: 50%; /* Vertically center the icon */
    transform: translateY(-50%);

}

.products_tabs .nav.nav-tabs{
    border: 0;
}
.products_tabs .nav.nav-tabs .nav-item .nav-link.active {
    background-color: #1a65d5;
    border: 0;
    color: white;
    border-radius: 10px;
}
.products_tabs .tab_for_data .nav-tabs .nav-link:focus, .products_tabs .tab_for_data .nav-tabs .nav-link:hover{
    border: 0;
}

/* Styles for desktop view */
@media (min-width: 768px) {
    .search-container {
        width: 100%; /* Ensure full width */
    }
    .home_search .fa-magnifying-glass {
        position: absolute;
        right: 10px; /* Adjust position of magnifying glass icon */
        top: 50%;
        transform: translateY(-50%);
    }
}

/* Styles for mobile view */
@media (max-width: 767px) {
    .search-container {
        flex-direction: column; /* Stack items vertically */
    }
    #speechButton {
        margin-right: 24px;
        margin-left: 132px; /* Reset margin */
        margin-top: 1px; /* Add margin from top */
    }
}


.rupees_gloabal{
    font-family: system-ui;
    font-weight: 600;
}

button.accordion-button {
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}


.footer_size_text ul li a {
    font-size: 14px;
}
.home_banners_designers{
    border-radius: 10px;
    padding: 0px;
    gap: 10px;
    box-shadow: 0px 9px 9px 0px #dedede;
}