/* -------------------------------------------------------------------
   for header css start here 
------------------------------------------------------------------- */

.main_header.sticky {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 100;
    animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.main_header .navbar {
    padding: 2.9rem 0;
    overflow: hidden;
}
.main_header .navbar .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.main_header.sticky .navbar {
    padding-block: clamp(1.9rem, 1.729rem + 0.61vw, 2.9rem);
}
.main_header .navbar .navbar-nav {
    gap: clamp(1.4rem, 1.157rem + 0.87vw, 2.2rem);
}
.main_header .navbar .navbar-brand {
    padding: 0;
    margin-right: 0;
}
.main_header .navbar .navbar-brand img {
    width: clamp(8rem, 6.634rem + 4.878vw, 16rem);
}
.main_header .navbar .navbar-nav li a {
    font-size: clamp(2rem, 0.571rem + 0.952vw, 2.4rem);
    font-weight: 700;
    line-height: 3rem;
    text-transform: uppercase;
    padding: 0;
}
.header_right .b_w_u a :is(img, svg),
.main_header .navbar .header_right .search_bar button img {
    width: clamp(1.6rem, 1.48rem + 0.427vw, 2.3rem);
}
.header_right .b_w_u a.whishlist img {
    width: clamp(1.6rem, 1.429rem + 0.61vw, 2.6rem);
}
.main_header .navbar .header_right {
    min-width: 43.7rem;
    overflow: hidden;
    gap: 1.5rem;
}
.main_header .navbar .header_right,
.main_header .navbar .header_right .b_w_u {
    display: flex;
    width: auto;
    align-items: center;
    justify-content: end;
}
.main_header .navbar .header_right .search_bar {
    position: relative;
    min-height: 4.5rem;
    min-width: clamp(26.3rem, 21.3rem + 4.167vw, 29.3rem);
}
.main_header .navbar .header_right .search_bar .input {
    position: absolute;
    inset: 0.1rem 0rem 0.1rem 0;
    display: flex;
    align-items: center;
    border: 0.1rem solid #000000;
    border-radius: 6.1rem;
    padding: 0rem 4rem 0.1rem 1.2rem;
    -webkit-border-radius: 6.1rem;
    -moz-border-radius: 6.1rem;
    -ms-border-radius: 6.1rem;
    -o-border-radius: 6.1rem;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transform: translateX(calc(100% + 1.5rem));
    -webkit-transform: translateX(calc(100% + 1.5rem));
    -moz-transform: translateX(calc(100% + 1.5rem));
    -ms-transform: translateX(calc(100% + 1.5rem));
    -o-transform: translateX(calc(100% + 1.5rem));
}
.main_header .navbar .header_right .search_bar.active .input {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
.main_header .navbar .header_right .search_bar .input input {
    font-size: 1.6rem;
    color: var(--secondary-color);
    line-height: 3rem;
    border: none;
    padding: 0;
}
.main_header .navbar .header_right .search_bar button {
    background-color: transparent;
    border: none;
    margin-left: auto;
    margin-right: 1.5rem;
    z-index: 1;
}
.main_header .navbar .header_right .b_w_u {
    min-height: 4.5rem;
    background-color: #fff;
    z-index: 1;
    gap: 3rem;
}
.main_header .navbar .header_right .b_w_u .login_btn {
    font-size: clamp(1.3rem, 1.249rem + 0.183vw, 1.6rem);
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.9);
    color: rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.main_header .navbar .header_right .b_w_u .login_btn:hover {
    color: #fff;
}
/* added for cart icon badge by Akhilesh */
.cart-icon-container {
    position: relative;
    display: inline-block;
}

.cart-count-badge {
    position: absolute;
    top: -6px; /* Adjust as needed */
    right: -13px; /* Adjust as needed */
    background-color: rgb(0, 0, 0); /* Badge color */
    color: white; /* Text color */
    border-radius: 50%; /* Make it circular */
    font-size: clamp(1rem, 0.966rem + 0.122vw, 1.2rem); /* Adjust font size */
    font-weight: bold;
    width: clamp(1.8rem, 1.732rem + 0.244vw, 2.2rem);
    height: clamp(1.8rem, 1.732rem + 0.244vw, 2.2rem);
    display: inline-flex;
    line-height: clamp(1rem, 0.966rem + 0.122vw, 1.2rem);
    place-items: center;
    place-content: center;
}

.wishlist-icon-container {
    position: relative;
    display: inline-block;
}

.wishlist-count-badge {
    position: absolute;
    top: -6px; /* Adjust as needed */
    right: -13px; /* Adjust as needed */
    background-color: rgb(0, 0, 0); /* Badge color */
    color: white; /* Text color */
    border-radius: 50%; /* Make it circular */
    font-size: clamp(1rem, 0.966rem + 0.122vw, 1.2rem); /* Adjust font size */
    font-weight: bold;
    width: clamp(1.8rem, 1.732rem + 0.244vw, 2.2rem);
    height: clamp(1.8rem, 1.732rem + 0.244vw, 2.2rem);
    display: inline-flex;
    line-height: clamp(1rem, 0.966rem + 0.122vw, 1.2rem);
    place-items: center;
    place-content: center;
}

@media (max-width: 1499.99px) {
    .main_header .navbar .container {
        display: flex;
    }
    .main_header .navbar .navbar-nav li a {
        font-size: clamp(1.8rem, 1.754rem + 0.164vw, 2rem);
    }
}
@media (max-width: 1199.98px) {
    .main_header .navbar {
        padding: 2rem 0;
    }
    .main_header .navbar .navbar-toggler {
        padding: 0.75rem 1rem;
    }
    .main_header .navbar .navbar-brand {
        margin-right: auto;
        padding-left: 3rem;
    }
    .main_header .navbar .navbar-collapse {
        order: 3;
    }
    .main_header .navbar .navbar-nav {
        padding: 1.5rem 1rem;
        border: 0.1rem solid lightgray;
        border-radius: 1rem;
        margin-top: 1rem;
    }
}

@media (max-width: 767.98px) {
    .main_header .navbar .navbar-brand {
        padding-left: 1rem;
    }
    .main_header .navbar .header_right {
        min-width: auto;
        gap: 0.5rem;
    }
    .main_header .navbar .header_right .search_bar {
        min-width: auto;
        position: initial;
    }
    .main_header .navbar .header_right .search_bar .input {
        padding: 2.5rem 0rem;
        border: navajowhite;
        background: #fff;
        z-index: 100;
    }
    .main_header .navbar .header_right .search_bar .input a {
        display: inline-block;
        padding: 1rem 2rem;
    }
    .main_header .navbar .header_right .b_w_u {
        gap: 2rem;
    }
    .main_header .navbar .header_right .b_w_u .login_btn {
        padding: 0.4rem 0.8rem;
    }
}

@media (max-width: 374.98px) {
    .main_header .navbar .navbar-toggler {
        padding: 0.5rem;
    }
    .main_header .navbar .header_right {
        gap: 0rem;
    }
    .main_header .navbar .header_right .search_bar button {
        margin-right: 1rem;
    }
    .main_header .navbar .header_right .b_w_u {
        gap: 1.5rem;
    }
    .main_header .navbar .header_right .b_w_u .login_btn {
        padding: 0.2rem 0.8rem;
    }
}
@media (max-width: 319.98px) {
    .main_header .navbar .header_right .b_w_u .login_btn {
        padding: 0.1rem 0.6rem;
    }
}

/* -------------------------------------------------------------------
   for header css ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for footer starts here
------------------------------------------------------------------- */

.main_footer {
    background-color: #111111;
    padding-top: clamp(3rem, 2.641rem + 1.28vw, 5.1rem);
    padding-bottom: clamp(2rem, 1.641rem + 1.28vw, 4.1rem);
}
.main_footer .top_footer {
    display: grid;
    gap: clamp(3.5rem, 2.885rem + 2.195vw, 7.1rem);
    grid-template-columns: 1fr 2fr 1fr;
    text-align: center;
    place-items: center;
}
.main_footer .top_footer .page_links.address li {
    display: flex;
    align-items: baseline;
}
.main_footer .top_footer .page_links li {
    gap: 1rem;
}
.main_footer .top_footer .page_links i {
    padding-right: 1rem;
    font-size: 1.6rem;
}

.main_footer .top_footer .page_links .foot_title {
    font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
    line-height: clamp(2.8rem, 2.732rem + 0.244vw, 3.2rem);
    font-family: Barlow;
    letter-spacing: 0.06rem;
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: clamp(1.4rem, 1.366rem + 0.122vw, 1.6rem);
    width: max-content;
}
.main_footer .top_footer .page_links:first-child .navbar-brand {
    max-width: clamp(20rem, 17.951rem + 7.317vw, 32rem);
}
.main_footer .top_footer .page_links .navbar-brand img {
    max-width: 40rem;
    margin-inline: auto;
    margin-bottom: 1rem;
    width: 100%;
}
.main_footer .top_footer .page_links ul li {
    font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
    line-height: clamp(3.2rem, 3.098rem + 0.366vw, 3.8rem);
    color: #7e7e7e;
}
.main_footer .top_footer .page_links ul li a {
    font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
    line-height: clamp(3.2rem, 3.098rem + 0.366vw, 3.8rem);
    color: #7e7e7e;
    margin-bottom: 0.4rem;
    padding: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-align: left;
}
.main_footer .top_footer .social_links {
    margin-left: auto;
}
.main_footer .top_footer .social_links ul {
    display: flex;
    align-items: center;
    gap: 2.2rem;
}
.main_footer .top_footer .page_links ul li a:hover {
    color: var(--white);
}
.main_footer .top_footer .foot_logo {
    align-self: center;
}
.main_footer .top_footer .foot_logo svg {
    filter: invert(1);
    -webkit-filter: invert(1);
    height: clamp(10rem, 6.429rem + 5.952vw, 15rem);
    width: clamp(10rem, 6.429rem + 5.952vw, 15rem);
}

.main_footer .midd_footer .foot_contact {
    display: flex;
    justify-content: space-between;
    border-block: 1px solid #fff;
    margin-top: 4rem;
    padding-block: 3rem;
}
.main_footer .midd_footer .foot_contact .foot_address {
    max-width: 70%;
}
.main_footer .midd_footer .foot_contact p
{
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
}
.main_footer .midd_footer .foot_contact p img
{
    max-width: 25px;
}

.main_footer .bott_footer {
    display: flex;
    gap: clamp(1.1rem, 0.912rem + 0.671vw, 2.2rem);
    align-items: center;
    margin-top: 4rem;
}
.main_footer .bott_footer .location {
    display: flex;
    align-items: center;
    line-height: 1.6rem;
    color: var(--white);
    gap: 1.1rem;
}
.main_footer .bott_footer .location img {
    padding: 0 0.125rem;
}
.main_footer .bott_footer .copy_right {
    font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
    line-height: 1.6rem;
    color: #7e7e7e;
}
.main_footer .bott_footer .policy_links {
    margin-left: auto;
}
.main_footer .bott_footer .policy_links ul {
    display: flex;
    gap: clamp(1.5rem, 1.244rem + 0.915vw, 3rem);
}
.main_footer .bott_footer .policy_links a {
    font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
    line-height: clamp(3rem, 2.898rem + 0.366vw, 3.6rem);
    text-align: right;
    color: #7e7e7e;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.main_footer .bott_footer .policy_links a:hover {
    color: var(--white);
}

@media (max-width: 1199.98px) {
    .main_footer .bott_footer {
        flex-direction: column-reverse;
    }
    .main_footer .bott_footer .policy_links {
        margin-left: 0;
    }
    .main_footer .bott_footer .location {
        display: none;
    }
    .main_footer .bott_footer .copy_right {
        text-align: center;
    }
    .main_footer .top_footer {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .main_footer .top_footer .foot_logo {
        text-align: center;
        order: 1;
        width: 100%;
    }
    .main_footer .top_footer .page_links {
        max-width: max-content;
    }
}

@media (max-width: 991.98px) {
    .main_footer .top_footer {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "logo logo"
            "info menu";
    }
    .footer_logo {
        grid-area: logo;
        grid-column: 1 / -1;
    }
    .footer_info {
        grid-area: info;
    }
    .footer_menu {
        grid-area: menu;
    }
    .main_footer .midd_footer .foot_contact {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .main_footer .midd_footer .foot_contact .foot_address {
        margin-bottom: 1rem;
    }
    .main_footer .midd_footer .foot_contact .foot_address {
        max-width: 100%;
    }
    .main_footer .midd_footer .foot_contact p
    {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .main_footer .top_footer {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .main_footer .top_footer .social_links {
        width: 100%;
    }
    .main_footer .top_footer .social_links ul {
        width: fit-content;
        margin: auto;
    }
}

@media (max-width: 575.98px) {
    .main_footer .top_footer {
        flex-direction: column;
        width: fit-content;
        margin: auto;
        text-align: center;
    }
    .main_footer .top_footer .page_links {
        margin: auto;
    }
    .main_footer .top_footer .page_links.address li {
        display: block;
    }
    .main_footer .top_footer .page_links .foot_title {
        margin-inline: auto;
    }
    .main_footer .top_footer {
        grid-template-columns: 1fr;
        grid-template-areas:
            "logo"
            "info"
            "menu";
    }
    .main_footer .top_footer .page_links ul li
    {
        justify-content: center;
    }
}

@media (max-width: 374.98px) {
    .main_footer .bott_footer .policy_links ul {
        flex-direction: column;
        text-align: center;
        gap: 0;
    }
}
/* -------------------------------------------------------------------
   for footer ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for Home page css starts here
------------------------------------------------------------------- */

.index_page .sec_hero {
    padding-block: clamp(6rem, 5.317rem + 2.439vw, 10rem);
}
.index_page .sec_hero .top_banner {
    position: relative;
    display: flex;
    align-items: center;
}
.index_page .sec_hero .top_banner .shape_top {
    position: absolute;
    right: 0;
    top: 0;
    max-width: clamp(10rem, 7.985rem + 7.195vw, 21.8rem);
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    z-index: -1;
}
.index_page .sec_hero .top_banner .shape_bott {
    position: absolute;
    bottom: 10%;
    max-width: clamp(8rem, 6.549rem + 5.183vw, 16.5rem);
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    z-index: -1;
}
.index_page .sec_hero .top_banner .top_banner_par {
    display: flex;
    align-items: center;
    width: 100%;
}
.index_page .sec_hero .top_banner .left_side {
    max-width: 32%;
}
.index_page .sec_hero .top_banner .left_side h1 {
    font-size: clamp(6rem, 5.146rem + 3.049vw, 11rem);
    font-weight: 900;
    font-style: italic;
    line-height: clamp(7.5rem, 6.151rem + 4.817vw, 15.4rem);
    color: var(--yellow);
}
.index_page .sec_hero .top_banner .left_side .hero_sub_title {
    font-size: clamp(2.5rem, 2.244rem + 0.915vw, 4rem);
    font-weight: 500;
    font-style: italic;
    line-height: clamp(3rem, 2.693rem + 1.098vw, 4.8rem);
    color: #000;
    letter-spacing: 15%;
    margin-bottom: clamp(1rem, 0.659rem + 1.22vw, 3rem);
}
.index_page .sec_hero .top_banner .left_side p {
    font-size: 1.4rem;
    font-weight: 500;
    font-style: italic;
    line-height: 2.7rem;
    color: #555555;
    letter-spacing: 4%;
}
.index_page .sec_hero .top_banner .right_side {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1;
    aspect-ratio: 1124/1043;
}
.index_page .sec_hero .top_banner .right_side .bann_img {
    position: relative;
    z-index: 1;
}
.index_page .sec_hero .top_banner .right_side .center_point {
    position: absolute;
    width: clamp(7.8rem, 6.571rem + 4.39vw, 15rem);
    height: clamp(6.9rem, 5.824rem + 3.841vw, 13.2rem);
}
.index_page .sec_hero .top_banner .right_side h2 {
    -webkit-text-stroke: 0.2rem #ffd082;
    font-size: clamp(10rem, 7.951rem + 7.317vw, 22rem);
    color: #fff;
    line-height: 26.7rem;
    font-weight: 700;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    inset: 0;
}
.index_page .sec_hero .bott_banner {
    margin-top: 4rem;
}
.index_page .sec_hero .bott_banner .sec_title h2 {
    margin-bottom: clamp(3rem, 2.829rem + 0.61vw, 4rem);
}
.index_page .sec_hero .best_sell_par {
    display: flex;
    /* gap: 10.6rem; */
    justify-content: space-between;
}
.index_page .sec_hero .best_sell_par .best_sell_card {
    position: relative;
    /* width: 100%; */
    width: 29.5%;
    display: flex;
    box-shadow: 6.99px 8.74px 22.73px 0px #b0b0b01a;
    box-shadow: 27.98px 33.22px 41.97px 0px #00000017;
    border-radius: 1.8rem;
    -webkit-border-radius: 1.8rem;
    -moz-border-radius: 1.8rem;
    -ms-border-radius: 1.8rem;
    -o-border-radius: 1.8rem;
}
.index_page .sec_hero .best_sell_par .best_sell_card.yellow {
    background-color: var(--yellow);
}
.index_page .sec_hero .best_sell_par .best_sell_card.purple {
    background-color: var(--purple);
}
.index_page .sec_hero .best_sell_par .best_sell_card.sky_blue {
    background-color: var(--sky-blue);
}
.index_page .sec_hero .best_sell_par .best_sell_card .left_img {
    position: relative;
    width: 33%;
}
.index_page .sec_hero .best_sell_par .best_sell_card .left_img .left_anm_img {
    opacity: 0;
}
.index_page .sec_hero .best_sell_par .best_sell_card .best_sell_cont {
    width: 77%;
    margin: -0.1rem;
    margin-left: auto;
    background-color: #fff;
    padding: 0.9rem 5.5rem 0.9rem 7.8rem;
    border-radius: 1.8rem;
    -webkit-border-radius: 1.8rem;
    -moz-border-radius: 1.8rem;
    -ms-border-radius: 1.8rem;
    -o-border-radius: 1.8rem;
}
.index_page
    .sec_hero
    .best_sell_par
    .best_sell_card
    .best_sell_cont
    .best_sell_prod {
    font-size: clamp(1.6rem, 1.463rem + 0.488vw, 2.4rem);
    font-weight: 600;
    line-height: clamp(1.5rem, 1.244rem + 0.915vw, 3rem);
    text-transform: uppercase;
    margin-bottom: 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.index_page .sec_hero .best_sell_par .best_sell_card .review_star {
    display: flex;
    gap: 0.9rem;
    margin-bottom: 1rem;
}
.index_page .sec_hero .best_sell_par .best_sell_card .best_sell_cont .price {
    font-size: clamp(1.8rem, 1.629rem + 0.61vw, 2.8rem);
    line-height: clamp(2.2rem, 1.995rem + 0.732vw, 3.4rem);
    font-weight: 600;
    color: #6e6e6e;
    margin-bottom: 1rem;
}

.index_page .sec_delas_month_par {
    margin-top: clamp(8rem, 7.112rem + 3.171vw, 13.2rem);
    position: relative;
}
.index_page .sec_delas_month .sec_delas_month_par {
    display: flex;
    align-items: center;
    gap: clamp(4rem, 3.266rem + 2.622vw, 8.3rem);
}
.index_page .sec_delas_month .sec_delas_month_par .left_side {
    max-width: 27%;
    position: relative;
}
.index_page .sec_delas_month .sec_delas_month_par .left_side .sec_delas_month {
    font-size: clamp(2.8rem, 2.493rem + 1.098vw, 4.6rem);
    font-weight: 600;
    font-style: italic;
    color: #484848;
    line-height: clamp(3.8rem, 3.493rem + 1.098vw, 5.6rem);
    margin-bottom: clamp(1.6rem, 1.463rem + 0.488vw, 2.4rem);
}
.index_page .sec_delas_month .sec_delas_month_par .left_side p {
    color: #8a8a8a;
    margin-bottom: clamp(2rem, 1.829rem + 0.61vw, 3rem);
    line-height: clamp(2.2rem, 2.132rem + 0.244vw, 2.6rem);
}
.index_page
    .sec_delas_month
    .sec_delas_month_par
    .left_side
    .sec_deal_count_title {
    font-size: clamp(2rem, 1.863rem + 0.488vw, 2.8rem);
    font-weight: 500;
    line-height: clamp(2.4rem, 2.229rem + 0.61vw, 3.4rem);
    color: #484848;
    margin-bottom: clamp(1.8rem, 1.715rem + 0.305vw, 2.3rem);
}
.index_page .sec_delas_month .sec_delas_month_par .countdown {
    display: flex;
    gap: clamp(1rem, 0.659rem + 1.22vw, 3rem);
}
.index_page .sec_delas_month .countdown .countdown-item {
    display: flex;
    flex-direction: column;
    gap: clamp(0.8rem, 0.68rem + 0.427vw, 1.5rem);
    font-size: clamp(1.6rem, 1.463rem + 0.488vw, 2.4rem);
    line-height: clamp(1.8rem, 1.612rem + 0.671vw, 2.9rem);
    text-align: center;
    color: #484848;
}
.index_page .sec_delas_month .countdown .countdown-item span {
    font-family: Digital Numbers;
    font-size: clamp(1.8rem, 1.561rem + 0.854vw, 3.2rem);
    line-height: clamp(1.8rem, 1.561rem + 0.854vw, 3.2rem);
    width: clamp(5rem, 4.556rem + 1.585vw, 7.6rem);
    height: clamp(5rem, 4.556rem + 1.585vw, 7.6rem);
    display: inline-flex;
    align-items: center;
    box-shadow: 0px 4px 14px 1px #00000029;
    border-radius: 1rem;
    justify-content: center;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.index_page .sec_delas_month .right_side {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 54.3rem;
    padding-bottom: 4rem;
    padding-right: 4rem;
}
.index_page .sec_delas_month .right_side .swiper-slide {
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    max-height: 48.6rem;
    overflow: hidden;
}
.index_page .sec_delas_month .right_side .swiper-slide-active {
    max-height: 58.3rem;
}
.index_page .sec_delas_month .swiper-slide img {
    object-fit: cover;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
.index_page .sec_delas_month .swiper-pagination {
    width: fit-content;
    left: 43rem;
    bottom: 0.2rem;
}
.index_page .sec_delas_month .swiper-pagination-bullet {
    width: 1.1rem;
    height: 1.1rem;
    background-color: #b6b6b6;
    opacity: 1;
    margin: 0;
}
.index_page .sec_delas_month .swiper-pagination-bullet:not(:last-child) {
    margin-right: 2rem;
}
.index_page .sec_delas_month .swiper-pagination-bullet-active {
    background-color: #000;
    margin-right: 3.4rem;
    position: relative;
}
.index_page .sec_delas_month .swiper-pagination-bullet-active::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    border: 0.1rem solid #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    position: absolute;
    margin: auto;
    left: -0.7rem;
    top: -0.7rem;
}
.index_page .sec_delas_month .swiper-button-prev,
.index_page .sec_delas_month .swiper-button-next {
    top: -16rem;
    bottom: 0;
    margin: auto;
}
.index_page .sec_delas_month .swiper-button-next {
    right: -4rem;
}
.index_page .sec_delas_month .swiper-button-prev {
    right: clamp(-11rem, 7.429rem + 2.381vw, -12rem);
    left: auto;
}
.index_page .sec_delas_month .swiper-button-prev img,
.index_page .sec_delas_month .swiper-button-next img {
    width: clamp(6rem, 5.659rem + 1.22vw, 8rem);
}

.index_page .sec_sing_bann {
    margin-top: clamp(8rem, 7.659rem + 1.22vw, 10rem);
}

.index_page .sec_c_y_j_w_u {
    margin-top: 4rem;
}
.index_page .sec_c_y_j_w_u .card_par {
    display: grid;
    column-gap: clamp(1.2rem, 0.995rem + 0.732vw, 2.4rem);
    row-gap: clamp(2rem, 1.488rem + 1.829vw, 5rem);
    margin-top: 3.7rem;
    grid-template-columns: repeat(4, 1fr);
}
.index_page .sec_c_y_j_w_u .sing_card .prod_cat {
    font-size: clamp(2rem, 1.727rem + 0.976vw, 3.6rem);
    font-weight: 500;
    line-height: clamp(2.4rem, 2.144rem + 0.915vw, 3.9rem);
    text-align: center;
    margin-top: clamp(1.4rem, 1.195rem + 0.732vw, 2.6rem);
    color: #000;
}

.index_page .sec_sale {
    margin-top: clamp(8rem, 7.317rem + 2.439vw, 12rem);
}
.index_page .sec_sale .sale_par {
    display: flex;
    flex-direction: column;
    row-gap: clamp(1rem, 0.59rem + 1.463vw, 3.4rem);
    position: relative;
}
.index_page .sec_sale .sale_par h2 {
    position: absolute;
    inset: 0;
    margin: auto;
    color: #fff;
    width: fit-content;
    height: fit-content;
}
.index_page .sec_sale .sale_par h2 span {
    display: inline-block;
    font-family: "Playfair Display SC", serif;
    font-size: clamp(5rem, 1.585rem + 12.195vw, 25rem);
    font-weight: 700;
    line-height: clamp(4rem, 2.293rem + 6.098vw, 14rem);
}
.index_page .sec_sale .sale_par h2 span:not(:last-child) {
    padding-right: 0.3em;
}
.index_page .sec_sale .sale_par .sing_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1rem, 0.59rem + 1.463vw, 3.4rem);
}
.index_page .sec_sale .sale_par img {
    width: 100%;
}

.index_page .sec_trend_prod {
    margin-top: 6rem;
}
.index_page .sec_trend_prod .trend_prod_tab {
    width: fit-content;
    margin: auto;
    margin-top: clamp(3rem, 2.71rem + 1.037vw, 4.7rem);
    margin-bottom: clamp(6rem, 5.659rem + 1.22vw, 8rem);
}
.index_page .sec_trend_prod .trend_prod_tab .nav {
    gap: clamp(1rem, 0.659rem + 1.22vw, 3rem);
}
.index_page .sec_trend_prod .trend_prod_tab button {
    width: 20.7rem;
    height: 5.6rem;
    background-color: #f4f4f4;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6rem;
    font-weight: 500;
    color: #8a8a8a;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.index_page .sec_trend_prod .trend_prod_tab button.active {
    background-color: #000;
    color: #fff;
}
.index_page .sec_trend_prod .tab-pane .sing_row:first-child {
    margin-bottom: 3.8rem;
}
.index_page .sec_trend_prod .sing_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(1rem, 0.215rem + 2.805vw, 5.6rem);
    row-gap: clamp(1rem, 0.522rem + 1.707vw, 3.8rem);
}
.index_page .sec_trend_prod .sing_row > a {
    display: contents;
}
.index_page .sec_trend_prod .sing_row .sing_card {
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    gap: 6rem;
    width: 100%;
    min-width: 0;
}
.index_page .sec_trend_prod .sing_card .bott_side {
    display: flex;
    gap: clamp(2.7rem, 2.188rem + 1.829vw, 5.7rem);
    padding-inline: clamp(2rem, 1.88rem + 0.427vw, 2.7rem);
    padding-bottom: 3rem;
    align-items: center;
    justify-content: space-between;
}
.index_page .sec_trend_prod .sing_card .bott_side :is(.prod_name, div) {
    font-size: clamp(2rem, 1.863rem + 0.488vw, 2.8rem);
    line-height: clamp(2.4rem, 2.229rem + 0.61vw, 3.4rem);
    font-weight: 700;
    color: #000;
    min-width: 0;
}
.index_page .sec_trend_prod .sing_card .bott_side .prod_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.index_page .sec_trend_prod .sing_card .bott_side .left_side div {
    font-weight: 500;
    margin-top: 1rem;
}
.index_page .sec_trend_prod .sing_card .bott_side .right_side {
    max-width: clamp(3.5rem, 3.38rem + 0.427vw, 4.2rem);
    width: 100%;
}
.index_page .sec_trend_prod .sing_card .bott_side a {
    width: 100%;
    height: clamp(3.5rem, 3.38rem + 0.427vw, 4.2rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.index_page .sec_trend_prod .sing_card .bott_side a img {
    width: clamp(1.6rem, 1.549rem + 0.183vw, 1.9rem);
}

.index_page .sec_sing_bann_title .sec_title {
    margin-bottom: 3.7rem;
}
@media (min-width: 1500px) {
    .index_page .sec_delas_month_par > .swiper-button-prev {
        display: none;
    }
}
@media (max-width: 1499.98px) {
    .index_page .sec_hero .top_banner .right_side .bann_img {
        height: fit-content !important;
    }
    .index_page .sec_hero .best_sell_par .best_sell_card .best_sell_cont {
        padding: 0.9rem 2rem 0.9rem 2.8rem;
    }
    .index_page .sec_delas_month .right_side {
        height: auto;
        padding-bottom: 6rem;
        padding-right: 0;
    }
    .index_page .sec_delas_month .right_side .swiper-slide {
        max-height: 100%;
    }
    .index_page .sec_delas_month .swiper-pagination {
        left: 1rem;
        right: auto;
    }
    .index_page .sec_delas_month_par > .swiper-button-prev,
    .index_page .sec_delas_month .swiper-button-next {
        top: auto;
    }
    .index_page .sec_delas_month_par > .swiper-button-prev {
        display: block;
        right: 6rem;
    }
    .index_page .sec_delas_month .swiper-button-next {
        display: block;
        right: 0;
    }
    .index_page .sec_delas_month .left_side .swiper-button-prev {
        display: none;
    }
    .index_page .sec_trend_prod .sing_row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1199.98px) {
    .index_page .sec_hero .top_banner .left_side {
        max-width: 41%;
    }
    .index_page .sec_hero .best_sell_par .best_sell_card {
        width: 32%;
    }
    .index_page .sec_delas_month .sec_delas_month_par .left_side {
        max-width: 32%;
    }
    .index_page .sec_trend_prod .sing_row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991.98px) {
    .index_page .sec_hero .best_sell_par {
        flex-wrap: wrap;
        gap: 30px 0;
    }
    .index_page .sec_hero .best_sell_par .best_sell_card {
        width: 48%;
    }
    .index_page .sec_delas_month .sec_delas_month_par {
        flex-direction: column;
    }
    .index_page .sec_delas_month .sec_delas_month_par .left_side {
        max-width: 48rem;
        text-align: center;
    }
    .index_page .sec_delas_month .sec_delas_month_par .countdown {
        justify-content: center;
    }
    .index_page .sec_c_y_j_w_u .card_par {
        grid-template-columns: repeat(2, 1fr);
    }
    .index_page .sec_c_y_j_w_u .card_par img {
        margin: auto;
    }
    .index_page .sec_trend_prod .trend_prod_tab .nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    .index_page .sec_hero .top_banner .top_banner_par {
        flex-direction: column;
        text-align: center;
    }
    .index_page .sec_hero .top_banner .left_side {
        max-width: 100%;
    }
    .index_page .sec_hero .best_sell_par .best_sell_card {
        width: 100%;
    }
    .index_page .sec_hero .best_sell_par .best_sell_card .best_sell_cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .index_page .sec_hero .best_sell_par .best_sell_card .review_star {
        gap: 0.5rem;
    }

    .index_page .sec_delas_month .sec_delas_month_par {
        flex-direction: column;
    }
    .index_page .sec_delas_month .sec_delas_month_par .left_side {
        max-width: 100%;
    }
    .index_page .sec_c_y_j_w_u .card_par {
        grid-template-columns: repeat(2, 1fr);
    }
    .index_page .sec_trend_prod .sing_row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .index_page .sec_hero .best_sell_par .best_sell_card .best_sell_cont {
        padding: 0.9rem 1rem 0.9rem 1.8rem;
    }
    .index_page .sec_delas_month_par > .swiper-button-prev {
        right: 5rem;
    }
    .index_page .sec_trend_prod .trend_prod_tab .nav {
        grid-template-columns: repeat(1, 1fr);
    }
    .index_page .sec_delas_month .swiper-slide img {
        margin: auto;
    }
}

@media (max-width: 424.98px) {
    .index_page .sec_c_y_j_w_u .card_par {
        grid-template-columns: repeat(1, 1fr);
    }
    .index_page .sec_trend_prod .sing_row {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* -------------------------------------------------------------------
   for Home page css ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for Collections page starts here
------------------------------------------------------------------- */

.collections_page .sec_collections {
    padding-top: clamp(5rem, 4.146rem + 3.049vw, 10rem);
    padding-bottom: clamp(5rem, 4.659rem + 1.22vw, 7rem);
}
.collections_page .sec_collections .sec_collections_par {
    display: flex;
    gap: clamp(2rem, 0.16rem + 2vw, 4rem);
    position: relative;
}
.collections_page .sec_collections .left_sidebar {
    padding-inline: clamp(1.4rem, 1.229rem + 0.61vw, 2.4rem);
    padding-block: clamp(1rem, 0.829rem + 0.61vw, 2rem);
    max-width: clamp(25rem, 20.86rem + 4.5vw, 29.5rem);
    width: 100%;
    position: sticky;
    top: 10.5rem;
    border: 0.1rem solid #0000001a;
    height: fit-content;
}

.collections_page .left_sidebar .sing_box_cont:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 0.1rem solid #0000001a;
}
.collections_page .left_sidebar .filter_head.sing_box_cont {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.collections_page .left_sidebar .filter_cont {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 0.1rem solid #0000001a;
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .top_side {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.collections_page .sec_collections .left_sidebar .top_side h5 {
    font-size: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
    line-height: 3.6rem;
    font-weight: 500;
    color: #000;
}
.collections_page .sec_collections .left_sidebar .top_side h6 {
    font-size: clamp(1.6rem, 1.566rem + 0.122vw, 1.8rem);
    line-height: clamp(2.4rem, 2.349rem + 0.183vw, 2.7rem);
    font-weight: 500;
    color: #000;
}
.collections_page .sec_collections .left_sidebar .top_side .category_btn {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.collections_page .sec_collections .left_sidebar .category_btn img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.collections_page .left_sidebar .sing_box_cont.closed .category_btn img {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .bott_side {
    margin-top: 2rem;
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .bott_side,
.collections_page .sing_box_cont .bott_side .more_cont {
    display: flex;
    flex-direction: column;
    column-gap: 2rem;
    row-gap: clamp(1rem, 0.829rem + 0.61vw, 2rem);
    color: #00000099;
}

.collections_page .sing_box_cont .bott_side .more_head button {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
    display: inline-block;
}
.collections_page .sing_box_cont .bott_side .more_cont {
    margin-bottom: 2rem;
}
.collections_page .sec_collections .left_sidebar .custom_check label {
    justify-content: space-between;
    width: 100%;
    line-height: 1.6rem;
}
.collections_page .sec_collections .left_sidebar .custom_check label span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .sing_row {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}
.collections_page .left_sidebar .sing_box_cont .sing_row .sing_grp {
    position: relative;
}
.collections_page .left_sidebar .sing_box_cont .sing_row .sing_grp input {
    display: none;
}
.collections_page .left_sidebar .sing_box_cont.size .sing_row label {
    min-width: 3.6rem;
    min-height: 3.6rem;
    color: #000;
    border: 0.1rem solid #a3a3a3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.1rem;
}
.collections_page .left_sidebar .sing_box_cont.size .sing_row .active label {
    background-color: #000;
    color: #fff;
}
.collections_page .left_sidebar .sing_box_cont.color .sing_row label {
    min-width: 3.4rem;
    min-height: 3.4rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 0.1rem solid #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-size: 1rem;
    text-align: center;
    line-height: 3.4rem;
}
.collections_page .left_sidebar .sing_box_cont.color .sing_row .active label {
    border: 0.1rem solid #a3a3a3;
}

/* .collections_page .sing_box_cont .bott_side .color button.light_red {
    background-color: #f56b6b;
}
.collections_page .sing_box_cont .bott_side .color button.light_pink {
    background-color: #fab1aa;
}
.collections_page .sing_box_cont .bott_side .color button.light_blue {
    background-color: #6cdbfc;
}
.collections_page .sing_box_cont .bott_side .color button.cream {
    background-color: #d5c3af;
}
.collections_page .sing_box_cont .bott_side .color button.yellow {
    background-color: #ffb941;
} */

.collections_page .sec_collections .right_collections {
    flex: 1;
}
.collections_page .sec_collections .right_collections .products_par {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: clamp(2rem, 0.896rem + 1.2vw, 3.2rem);
    column-gap: clamp(2rem, 1.54rem + 0.5vw, 2.5rem);
    height: fit-content;
    margin-bottom: 6rem;
}

@media (max-width: 1199.98px) {
    .collections_page .sec_collections .right_collections .products_par {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991.98px) {
    .collections_page .sec_collections .sec_collections_par {
        flex-direction: column;
    }
    .collections_page .sec_collections .left_sidebar {
        max-width: 100%;
        position: initial;
    }
    .collections_page
        .sec_collections
        .left_sidebar
        .sing_box_cont.gender
        .bott_side {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 4rem;
    }
    .collections_page
        .sec_collections
        .left_sidebar
        :is(
            .sing_box_cont.brands .bott_side,
            .sing_box_cont.type .bott_side,
            .sing_box_cont.material .bott_side
        ) {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 767.98px) {
    .collections_page
        .sec_collections
        .left_sidebar
        .sing_box_cont.gender
        .bott_side {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .collections_page .sec_collections .right_collections .products_par {
        grid-template-columns: repeat(1, 1fr);
    }
    .collections_page
        .sec_collections
        .left_sidebar
        .sing_box_cont.gender
        .bott_side {
        grid-template-columns: repeat(1, 1fr);
    }
    .sec_collections
        .left_sidebar
        :is(
            .sing_box_cont.brands .bott_side,
            .sing_box_cont.type .bott_side,
            .sing_box_cont.material .bott_side
        ) {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (max-width: 424.98px) {
    .sec_collections
        .left_sidebar
        :is(
            .sing_box_cont.brands .bott_side,
            .sing_box_cont.type .bott_side,
            .sing_box_cont.material .bott_side
        ) {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* -------------------------------------------------------------------
   for Collections page ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for single product card starts here
------------------------------------------------------------------- */
.sing_prod {
    padding-inline: clamp(1.5rem, 1.159rem + 1.22vw, 3.5rem);
    padding-top: clamp(7.5rem, 7.329rem + 0.61vw, 8.5rem);
    padding-bottom: clamp(2rem, 1.761rem + 0.854vw, 3.4rem);
    position: relative;
    border: 2px solid #dedede;
    border-radius: 1.7rem;
    -webkit-border-radius: 1.7rem;
    -moz-border-radius: 1.7rem;
    -ms-border-radius: 1.7rem;
    -o-border-radius: 1.7rem;
    min-width: 0;
}
.sing_prod .new_tag {
    background-color: #000;
    padding: 0.7rem 1.1rem;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 0;
    top: clamp(2.8rem, 2.629rem + 0.61vw, 3.8rem);
}
.sing_prod .add_to_whish {
    position: absolute;
    right: 3.7rem;
    top: 2.8rem;
}
.sing_prod .add_to_whish svg {
    width: clamp(2.4rem, 2.315rem + 0.305vw, 2.9rem);
}
.sing_prod .add_to_whish svg path {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.sing_prod .add_to_whish svg:hover path {
    fill: red;
    stroke: transparent;
}
.sing_prod > img {
    margin-bottom: clamp(1.7rem, 1.017rem + 2.439vw, 5.7rem);
}
.sing_prod .name_price_btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sing_prod .name_price_btn .left_side {
    min-width: 0;
}
.sing_prod .name_price_btn h6 {
    font-size: clamp(1.6rem, 1.532rem + 0.244vw, 2rem);
    font-weight: 600;
    line-height: clamp(2rem, 1.863rem + 0.488vw, 2.8rem);
    color: #000;
    margin-bottom: clamp(0.8rem, 0.629rem + 0.61vw, 1.8rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sing_prod .name_price_btn .price_par {
    display: flex;
    align-items: center;
    gap: 1.3rem;
    margin-bottom: 0.8rem;
}
.sing_prod .name_price_btn .price_par .price {
    font-size: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
    font-weight: 600;
    line-height: clamp(2.8rem, 2.698rem + 0.366vw, 3.4rem);
    color: #000;
}
.sing_prod .name_price_btn .price_par .marked_price {
    font-weight: 500;
    line-height: 2.2rem;
    text-decoration: line-through;
    color: #000;
}
.sing_prod .name_price_btn .right_side a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(4.2rem, 4.029rem + 0.61vw, 5.2rem);
    height: clamp(4.2rem, 4.029rem + 0.61vw, 5.2rem);
    background-color: #222222;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
/* -------------------------------------------------------------------
   for single product card ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for pagination starts here
------------------------------------------------------------------- */

.pagination {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 0.415rem + 0.305vw, 1rem);
    justify-content: center;
}
/* .pagination > button {
    display: flex;
    gap: 1.8rem;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;
    text-align: center;
    padding: 1.3rem 2rem;
    color: #6b6b6b;
    border: 0.125rem solid #a3a3a3;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}
.pagination ul {
    display: flex;
    align-items: center;
    gap: 1rem;
} */
.pagination li :is(span, a) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(3.5rem, 3.073rem + 1.524vw, 6rem);
    height: clamp(4rem, 3.727rem + 0.976vw, 5.6rem);
    border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    font-size: clamp(1.4rem, 1.298rem + 0.366vw, 2rem);
    line-height: clamp(0.22rem, -0.289rem + 1.817vw, 3.2rem);
    font-weight: 500;
    color: #000;
}
.pagination li:hover :is(span, a) {
    color: #000 !important;
    border-color: #000 !important;
}
.pagination li.active :is(span, a) {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* -------------------------------------------------------------------
   for pagination ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for custom check box starts here
------------------------------------------------------------------- */
.custom_check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.custom_check label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.custom_check label .c_c_b {
    position: relative;
    cursor: pointer;
    text-transform: capitalize;
    display: flex;
}
.custom_check label .c_c_b:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 0.1rem solid #bababa;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    height: fit-content;
}

.custom_check input:checked + label .c_c_b:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 5px;
    height: 10px;
    border: solid #00000099;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* -------------------------------------------------------------------
   for custom check box ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for price range progressbar starts here
------------------------------------------------------------------- */
.range-slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 2.5rem;
}

#range {
    -webkit-appearance: none;
    width: 100%;
}
#range:focus {
    outline: none;
}
#range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.6rem;
    cursor: pointer;
    animate: 0.2s;
    background: linear-gradient(
        90deg,
        #222222 var(--range-progress),
        #f0f0f0 var(--range-progress)
    );
}
#range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 50%;
    background: #222222;
    cursor: pointer;
    height: 2rem;
    width: 2rem;
    transform: translateY(calc(-50% + 0.2rem));
    -webkit-transform: translateY(calc(-50% + 0.2rem));
    -moz-transform: translateY(calc(-50% + 0.2rem));
    -ms-transform: translateY(calc(-50% + 0.2rem));
    -o-transform: translateY(calc(-50% + 0.2rem));
}

#tooltip {
    position: absolute;
    top: 2.5rem;
    display: inline-block;
    width: max-content;
}
#tooltip span {
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0.125rem 0.25rem;
    color: #000;
    font-size: 1.4rem;
    line-height: 2.1rem;
    transform: translate(-50%, 0);
    font-weight: 500;
}

.range-slider1 {
    position: relative;
    width: 100%;
}

.range-slider1 input[type="range"] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background: transparent;
    z-index: 2;
}

.range-slider1 input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: black;
    cursor: pointer;
    -webkit-appearance: none;
    z-index: -1;
}

.range-slider1 .slider-track {
    position: absolute;
    height: 5px;
    background: black;
    z-index: 2;
    top: 50%;
    border-radius: 5px;
}

.price-values {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
/* -------------------------------------------------------------------
   for price range progressbar ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for whishlist starts here
------------------------------------------------------------------- */

.whishlist_page .products_par {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.4rem, 1.059rem + 1.22vw, 3.4rem);
}
.whishlist_page .sec_whishlist .show_more_btn {
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 6rem;
}
.whishlist_page .sec_whishlist .show_more_btn button {
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 3.3rem;
    color: #000;
    border: 1.5px solid #000000;
    padding: 2rem 10rem;
}

@media (max-width: 1199.98px) {
    .whishlist_page .products_par {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

@media (max-width: 575.98px) {
    .whishlist_page .products_par {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* -------------------------------------------------------------------
   for whishlist ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for payment page starts here
------------------------------------------------------------------- */

.sec_payment .sec_payment_par {
    display: flex;
    gap: clamp(1rem, 0.488rem + 1.829vw, 4rem);
    margin-bottom: 6rem;
}
.sec_payment .sec_payment_par .left_payment {
    min-width: 60%;
    padding-inline: clamp(1rem, 0.659rem + 1.22vw, 3rem);
    padding-block: clamp(1rem, 0.744rem + 0.915vw, 2.5rem);
    border: 0.15rem solid #0000003b;
}
.sec_payment .sec_payment_par .right_payment {
    width: calc(40% - 4rem);
    padding-block: clamp(2rem, 1.385rem + 2.195vw, 5.6rem);
    padding-inline: clamp(1rem, 0.078rem + 3.293vw, 6.4rem);
    border: 0.15rem solid #0000003b;
}
.sec_payment .sec_payment_par .right_payment h6 {
    font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
    font-weight: 700;
    line-height: 1.6rem;
    color: #111111;
    margin-bottom: 2.2rem;
}
.sec_payment .sec_payment_par .right_payment .promo_code {
    margin-bottom: 2.4rem;
}
.sec_payment .sec_payment_par .right_payment .promo_code label {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6rem;
    color: #545454;
    margin-bottom: 0.8rem;
}
.sec_payment .sec_payment_par .right_payment .promo_code .promo_code_input {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.6rem;
    padding-inline: clamp(1rem, 0.898rem + 0.366vw, 1.6rem);
    padding-block: clamp(0.5rem, 0.312rem + 0.671vw, 1.6rem);
    border: 0.05px solid #9f9f9f;
}
.sec_payment .sec_payment_par .right_payment .promo_code input {
    flex: 1;
    border: none;
    font-size: 1.4rem;
}
.sec_payment .sec_payment_par .right_payment .promo_code input::placeholder {
    color: #979797;
}
.sec_payment .sec_payment_par .right_payment .promo_code button {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: center;
    padding: 0.8rem;
    border: 0.1rem solid #000000;
    min-width: clamp(5rem, 4.539rem + 1.646vw, 7.7rem);
}
.sec_payment .sec_payment_par .right_payment .total_price_calc {
    display: flex;
    flex-direction: column;
    gap: clamp(0.6rem, 0.429rem + 0.61vw, 1.6rem);
    margin-bottom: 3rem;
}
.sec_payment .sec_payment_par .right_payment .total_price_calc .sing_calc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sec_payment .sec_payment_par .right_payment .sing_calc .left_cont {
    color: #545454;
    line-height: 3.2rem;
}
.sec_payment .sec_payment_par .right_payment .sing_calc.highlight .left_cont {
    font-weight: 500;
    color: #000;
}
.sec_payment .sec_payment_par .right_payment .sing_calc.highlight .right_cont {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
}
.sec_payment .sec_payment_par .right_payment .sing_calc .right_cont {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #000;
}
.sec_payment .sec_payment_par .right_payment .total_price_calc .tax_calc {
    display: flex;
    flex-direction: column;
    gap: clamp(0.2rem, 0.098rem + 0.366vw, 0.8rem);
}
.sec_payment .sec_payment_par .right_payment .checkout_btn {
    display: block;
    width: 100%;
    padding: clamp(1rem, 0.898rem + 0.366vw, 1.6rem);
    text-align: center;
    font-size: clamp(1.6rem, 1.532rem + 0.244vw, 2rem);
    font-weight: 500;
    color: #fff;
    background-color: #222222;
}

/* -------------------------------------------------------------------
   for payment page ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for cart page starts here
------------------------------------------------------------------- */

.cart_page .sec_cart .sing_cart_item {
    display: flex;
    gap: 2rem;
}
.cart_page .sec_cart .left_payment .sing_cart_item:not(:last-child) {
    border-bottom: 0.13rem solid #0000001a;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}
.cart_page .sec_cart .sing_cart_item .cart_left {
    background-color: #f0eeed;
    padding: 0 0.9rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 15.7rem;
    min-height: 15.7rem;
}
.cart_page .sec_cart .sing_cart_item .cart_right {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
}
.cart_page .sing_cart_item .cart_right :is(.name_price, .remove_count) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cart_page .sec_cart .sing_cart_item .cart_right .name_price {
    min-width: 0;
}
.cart_page .sec_cart .sing_cart_item .cart_right .name_price h6 {
    font-size: clamp(2rem, 1.898rem + 0.366vw, 2.6rem);
    line-height: clamp(2.5rem, 2.38rem + 0.427vw, 3.2rem);
    font-weight: 500;
    color: #131212;
    margin-bottom: 0.3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cart_page .sec_cart .sing_cart_item .cart_right .name_price div {
    font-size: clamp(1.6rem, 1.566rem + 0.122vw, 1.8rem);
    line-height: clamp(1.8rem, 1.732rem + 0.244vw, 2.2rem);
    color: #000;
}
.cart_page .sec_cart .sing_cart_item .name_price div:not(:last-child) {
    margin-bottom: 0.5rem;
}
.cart_page .sec_cart .sing_cart_item .cart_right .name_price div span {
    color: #00000099;
}
.cart_page .sec_cart .sing_cart_item .cart_right .name_price h5 {
    font-size: clamp(2.2rem, 2.063rem + 0.488vw, 3rem);
    line-height: 3.6rem;
    font-weight: 600;
    color: #000;
}
.cart_page .sec_cart .sing_cart_item .cart_right .remove_count img {
    width: fit-content;
    align-self: flex-end;
}
.cart_page .sec_cart .sing_cart_item .remove_count .quantity {
    background-color: #e8e8e8;
    padding-inline: clamp(1.6rem, 1.429rem + 0.61vw, 2.6rem);
    padding-block: clamp(1rem, 0.898rem + 0.366vw, 1.6rem);
    display: flex;
    align-items: center;
    gap: clamp(1.6rem, 1.429rem + 0.61vw, 2.6rem);
}
.cart_page .sec_cart .sing_cart_item .remove_count .quantity button {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    font-size: clamp(2.5rem, 2.329rem + 0.61vw, 3.5rem);
    align-items: center;
    justify-content: center;
    line-height: 2.5rem;
}
.cart_page .sec_cart .sing_cart_item .remove_count .quantity input {
    background-color: transparent;
    border: none;
    width: fit-content;
    outline: none;
    text-align: center;
    vertical-align: middle;
    line-height: 2.5rem;
}

@media (max-width: 1199.98px) {
    .sec_payment .sec_payment_par {
        flex-direction: column;
    }
    .sec_payment .sec_payment_par .right_payment {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .cart_page .sec_cart .sing_cart_item .cart_right {
        flex-direction: column;
    }
    .cart_page .sing_cart_item .cart_right .remove_count {
        flex-direction: row-reverse;
    }
    .cart_page .sec_cart .sing_cart_item .cart_right .remove_count img {
        align-self: center;
    }
}

@media (max-width: 575.98px) {
    .cart_page .sec_cart .sing_cart_item {
        flex-direction: column;
    }
}

/* -------------------------------------------------------------------
   for cart page ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for empty page ends here
------------------------------------------------------------------- */
.empty_c_w {
    margin: auto;
    margin-bottom: 14rem;
    margin-top: 3rem;
    text-align: center;
    max-width: 37.9rem;
    width: 100%;
}
.empty_c_w img {
    margin: auto;
    margin-bottom: 2rem;
    max-width: clamp(12rem, 10.754rem + 4.451vw, 19.3rem);
}
.empty_c_w h3 {
    font-size: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
    line-height: clamp(2.2rem, 2.098rem + 0.366vw, 2.8rem);
    color: #0e1422;
    font-weight: 700;
    margin-bottom: 1.4rem;
}
.empty_c_w div {
    color: #5c5f6a;
    line-height: clamp(2.2rem, 2.115rem + 0.305vw, 2.7rem);
}
/* -------------------------------------------------------------------
   for empty page ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for shipment page starts here
------------------------------------------------------------------- */

.shipment_page .sec_shipment .sec_title {
    display: flex;
    align-items: center;
    gap: clamp(0.6rem, 0.429rem + 0.61vw, 1.6rem);
    margin-bottom: clamp(3.1rem, 2.417rem + 2.439vw, 7.1rem);
    margin-top: 3.3rem;
}
.shipment_page .sec_shipment .sec_title a img {
    max-width: clamp(3rem, 2.761rem + 0.854vw, 4.4rem);
}
.shipment_page .sec_shipment .sec_title h5 {
    margin: 0;
}
.shipment_page .sec_shipment .left_payment h5 {
    font-size: 2rem;
    font-weight: 600;
    color: #17183b;
    margin-top: clamp(1rem, 0.146rem + 3.049vw, 6rem);
    margin-bottom: clamp(2rem, 1.795rem + 0.732vw, 3.2rem);
}
.shipment_page .sec_shipment .sing_addr {
    display: flex;
    justify-content: space-between;
    gap: clamp(1.5rem, 1.329rem + 0.61vw, 2.5rem);
    background-color: #f6f6f6;
    border-radius: 0.7rem;
    -webkit-border-radius: 0.7rem;
    -moz-border-radius: 0.7rem;
    -ms-border-radius: 0.7rem;
    -o-border-radius: 0.7rem;
    padding: 2rem 2.4rem 2rem 0;
    cursor: pointer;
}
.shipment_page .sec_shipment .sing_addr:not(:last-of-type) {
    margin-bottom: clamp(1.4rem, 1.229rem + 0.61vw, 2.4rem);
}
.shipment_page .sec_shipment .sing_addr:last-of-type {
    margin-bottom: 4.8rem;
}
.shipment_page .sec_shipment .sing_addr .addr_cat {
    background-color: #000;
    color: #fff;
    box-shadow: 6.85px 13.7px 14.39px 0px #0000001a;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 600;
    height: fit-content;
    padding: 0.9rem 1.1rem;
    width: fit-content;
}
.shipment_page .sec_shipment .sing_addr .addr_cont {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
    flex: 1;
    color: #17183b;
}
.shipment_page .sec_shipment .sing_addr .addr_cont h6 {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.015rem;
    margin-bottom: 1.6rem;
}
.shipment_page .sec_shipment .sing_addr .addr_cont p:not(:last-child) {
    margin-bottom: 0.8rem;
}
.shipment_page .sec_shipment .sing_addr .addr_actions {
    display: flex;
    align-items: center;
    gap: clamp(1.4rem, 1.229rem + 0.61vw, 2.4rem);
    height: fit-content;
}
.shipment_page .sec_shipment .sing_addr .addr_actions button {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.shipment_page .sec_shipment .left_payment .add_new_addr_btn {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    align-items: center;
}
.shipment_page .sec_shipment .left_payment .add_new_addr_btn span {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #000;
    letter-spacing: 0.01rem;
}

/* Increase title text size */
.swal2-title {
    font-size: 23px !important;
}

/* Increase confirm button text size */
.swal2-confirm {
    font-size: 16px !important;
    padding: 10px 20px !important;
}

/* Increase cancel button text size */
.swal2-cancel {
    font-size: 16px !important;
    padding: 10px 20px !important;
}

@media (max-width: 1199.98px) {
    .sec_payment .sec_payment_par {
        flex-direction: column;
    }
    .sec_payment .sec_payment_par .right_payment {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .shipment_page .sec_shipment .sing_addr {
        flex-direction: column;
    }
    .shipment_page .sec_shipment .sing_addr {
        padding-inline: 0;
    }
    .shipment_page .sec_shipment .sing_addr .addr_cont,
    .shipment_page .sec_shipment .sing_addr .addr_actions {
        padding-inline: 1rem;
    }
    .shipment_page .sec_shipment .sing_addr .addr_actions {
        margin-left: auto;
    }
}

/* -------------------------------------------------------------------
   for shipment page ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for custom radio button starts here
------------------------------------------------------------------- */

/* Hide the default radio button */
.custom_radio_btn input[type="radio"] {
    display: none;
}

/* Custom Radio Button Container */
.custom_radio_btn label,
label.custom_radio_btn {
    display: flex;
    align-items: center;
    gap: 8px;
}
.custom_radio_btn .c_r_b {
    position: relative;
    display: flex;
}
.custom_radio_btn .c_r_b::before {
    content: "";
    width: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
    height: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
    position: relative;
    border: 0.2rem solid #000000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    cursor: pointer;
    display: inline-block;
}

/* Radio Indicator (Inner Circle) */
.custom_radio_btn .c_r_b::after {
    content: "";
    position: absolute;
    left: clamp(0.5rem, 0.483rem + 0.061vw, 0.6rem);
    top: clamp(0.5rem, 0.483rem + 0.061vw, 0.6rem);
    width: clamp(1rem, 0.966rem + 0.122vw, 1.2rem);
    height: clamp(1rem, 0.966rem + 0.122vw, 1.2rem);
    background-color: transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    transition: background-color 0.3s ease;
}

/* Active State for Radio Indicator */
.custom_radio_btn:has(input[type="radio"]:checked) .c_r_b::after {
    background-color: #000000;
}

.custom_radio_btn .c_r_b.c_r_b_sm::before {
    width: 2rem;
    height: 2rem;
}
.custom_radio_btn .c_r_b.c_r_b_sm::after {
    left: 0.5rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
}

/* Active State for Address Container */
.sing_addr.active .custom_radio_btn {
    border-color: #000000; /* Example: Highlight the border */
}

/* -------------------------------------------------------------------
   for custom radio button ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for Address Modal starts here
------------------------------------------------------------------- */

.modal_address .modal-dialog {
    max-width: clamp(54rem, 47.143rem + 11.905vw, 70rem);
}
.modal_address .modal-dialog .modal-content {
    max-height: 73.8rem;
}
.modal_address :is(.modal-header, .modal-body) {
    padding-inline: clamp(1rem, 0.01rem + 3.537vw, 6.8rem);
    position: relative;
}
.modal_address .modal-header {
    padding-top: 4rem;
    border: none;
    place-content: center;
}
.modal_address .modal-header .btn-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    outline: none;
    box-shadow: none;
}
.modal_address .modal-header h6 {
    font-size: clamp(2.2rem, 2.063rem + 0.488vw, 3rem);
    font-weight: 500;
    line-height: 6rem;
    text-align: center;
    color: #111111;
    margin-bottom: 2rem;
}
.modal_address .modal-body {
    padding-bottom: 4rem;
}
.modal_address .modal-body form {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 1.659rem + 1.22vw, 4rem);
}
.modal_address .modal-body form label {
    line-height: 1.2rem;
    font-weight: 600;
    margin-bottom: 1.4rem;
    color: #6c7275;
    width: 100%;
    text-transform: capitalize;
}
.modal_address .modal-body form :is(input, textarea) {
    padding-inline: clamp(1rem, 0.898rem + 0.366vw, 1.6rem);
    padding-block: clamp(1rem, 0.983rem + 0.061vw, 1.1rem);
    color: #6c7275;
    line-height: 2.6rem;
    width: 100%;
    border: 0.1rem solid #9f9f9f;
}
.modal_address .modal-body form select {
    padding: 1.4rem 1.6rem;
    color: #6c7275;
    line-height: 2.6rem;
    width: 100%;
    border: 0.1rem solid #9f9f9f;
    background-color: white;
}
.modal_address .modal-body form input::placeholder {
    color: #6c7275;
}
.modal_address .modal-body form .input_group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.modal_address .modal-body form .input_group .country_code {
    max-width: clamp(10rem, 9.812rem + 0.671vw, 11.1rem);
    padding: clamp(1rem, 0.966rem + 0.122vw, 1.2rem);
    outline: none;
}
.modal_address .modal-body form .input_group .country_code + input {
    flex: 1;
}
.modal_address .modal-body form .input_group .country_code ~ span {
    width: 100%;
    display: block;
}
.modal_address .modal-body .save_addr {
    margin-top: clamp(2rem, 1.659rem + 1.22vw, 4rem);
    width: 100%;
    text-align: center;
}
.modal_address .modal-body .save_addr .save_addr_btn {
    max-width: clamp(20rem, 17.798rem + 7.866vw, 32.9rem);
    width: 100%;
    padding: 1.6rem;
    text-align: center;
    font-size: clamp(1.6rem, 1.532rem + 0.244vw, 2rem);
    font-weight: 600;
    background-color: #000;
    color: #fff;
}

.address_type {
    display: flex;
    gap: 16px;
    margin-top: 10px;
}

@media (max-width: 575.98px) {
    .modal_address .modal-dialog {
        max-width: 100%;
    }
    .modal_address .modal-dialog .modal-content {
        max-height: 100%;
    }
}

/* -------------------------------------------------------------------
   for Address Modal ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for payment success starts here
------------------------------------------------------------------- */

.pay_success_page .sec_pay_success {
    padding: 6rem 0;
}
.pay_success_page .sec_pay_success .pay_success_par {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pay_success_page .sec_pay_success .pay_success_par .pay_success {
    max-width: 38rem;
    text-align: center;
}
.pay_success_page .sec_pay_success .pay_success_par .pay_success > img {
    max-width: clamp(22rem, 19.985rem + 7.195vw, 33.8rem);
    margin: auto;
}
.pay_success_page .pay_success_par .pay_success h6 {
    font-size: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
    line-height: clamp(2.2rem, 2.08rem + 0.427vw, 2.9rem);
    font-weight: 700;
    color: #0e1422;
    margin-top: 2.9rem;
}
.pay_success_page .pay_success_par .pay_success p {
    font-size: 1.4rem;
    color: #5c5f6a;
    line-height: 2.5rem;
    margin-top: 1.6rem;
}
.pay_success_page .pay_success_par .pay_success .pay_sccess_btn {
    background-color: #222222;
    display: flex;
    align-items: center;
    max-width: clamp(18rem, 17.351rem + 2.317vw, 21.8rem);
    width: 100%;
    padding: 0.45rem 2.4rem;
    gap: 0.6rem;
    margin: auto;
    margin-top: 3.8rem;
    color: #fff;
    font-size: clamp(1.6rem, 1.532rem + 0.244vw, 2rem);
    line-height: clamp(2.8rem, 2.68rem + 0.427vw, 3.5rem);
    justify-content: space-between;
}

/* -------------------------------------------------------------------
   for payment success ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for sign in and sign up pages css starts here
------------------------------------------------------------------- */

.sec_sign_in_sign_up {
    display: flex;
    height: 100%;
    max-height: 100vh;
    position: relative;
    justify-content: space-between;
}
.sec_sign_in_sign_up .logo {
    position: absolute;
    top: 4.9rem;
    left: clamp(4rem, -11rem + 12.5vw, 13rem);
    z-index: 1;
}
.sec_sign_in_sign_up .logo img {
    max-width: clamp(13rem, 8rem + 4.167vw, 16rem);
}
.sec_sign_in_sign_up .form_side {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-height: 100vh;
}
.sec_sign_in_sign_up .form_side .bubb_l {
    position: absolute;
    bottom: 0;
    left: clamp(5rem, 4.787rem + 0.762vw, 6.25rem);
    max-width: clamp(12rem, 10.976rem + 3.659vw, 18rem);
}
.sec_sign_in_sign_up .form_side .bubb_m {
    position: absolute;
    bottom: clamp(5rem, 4.644rem + 1.271vw, 7.084rem);
    left: 0;
    max-width: clamp(3.5rem, 3.261rem + 0.854vw, 4.9rem);
}
.sec_sign_in_sign_up .form_side .bubb_s {
    position: absolute;
    bottom: clamp(10rem, 9.659rem + 1.22vw, 12rem);
    left: clamp(5.8rem, 5.117rem + 2.439vw, 9.8rem);
    max-width: clamp(3rem, 2.829rem + 0.61vw, 4rem);
}
.sec_sign_in_sign_up .form_side .bubb_l_2 {
    position: absolute;
    right: 0;
    top: clamp(2.2rem, 1.859rem + 1.22vw, 4.2rem);
    max-width: clamp(9rem, 6.6rem + 5vw, 17.2rem);
}
.sec_sign_in_sign_up .form_side .bubb_m_2 {
    position: absolute;
    right: clamp(13.16rem, 12.136rem + 3.659vw, 19.16rem);
    top: 1.42rem;
    max-width: clamp(4.7rem, 4.188rem + 1.829vw, 7.7rem);
}
.sec_sign_in_sign_up .form_side .bubb_s_2 {
    position: absolute;
    right: clamp(8rem, 7.783rem + 0.774vw, 9.27rem);
    top: 0;
    max-width: clamp(3.5rem, 3.329rem + 0.61vw, 4.5rem);
}
.sec_sign_in_sign_up .form_side .form_wrapper {
    max-width: 40rem;
    width: 100%;
    text-align: center;
    padding-left: clamp(1rem, 0.915rem + 0.305vw, 1.5rem);
    padding-right: clamp(1rem, 0.915rem + 0.305vw, 1.5rem);
}
.sec_sign_in_sign_up .form_side .form_wrapper h6 {
    font-size: clamp(2.6rem, 2.429rem + 0.61vw, 3.6rem);
    font-weight: 600;
    line-height: clamp(3.2rem, 2.995rem + 0.732vw, 4.4rem);
    color: #000;
    margin-bottom: 0.6rem;
}
.sign_up_page .sec_sign_in_sign_up .form_side .form_wrapper h6 {
    font-size: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
    margin-bottom: 0.3rem;
}
.sec_sign_in_sign_up .form_side .form_wrapper p {
    font-size: clamp(1.4rem, 1.332rem + 0.244vw, 1.8rem);
    line-height: clamp(2.4rem, 2.298rem + 0.366vw, 3rem);
    color: #000;
    margin-bottom: 3.8rem;
}
.sign_up_page .sec_sign_in_sign_up .form_side .form_wrapper p {
    font-size: clamp(1.4rem, 1.366rem + 0.122vw, 1.6rem);
    line-height: 1.1rem;
    margin-bottom: 3.4rem;
}
/* .sec_sign_in_sign_up .form_side .form_wrapper > a {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    line-height: 4.4rem;
    color: #000;
    border: 0.1rem solid #000000;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
} */
.sec_sign_in_sign_up .form_side .form_wrapper .continue {
    text-align: center;
    position: relative;
    margin-top: 3.6rem;
}
.sign_up_page .sec_sign_in_sign_up .form_side .form_wrapper .continue {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}
.sec_sign_in_sign_up .form_side .form_wrapper .continue::before {
    content: "";
    width: 100%;
    background: #dbdbdb;
    height: 0.1rem;
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -1;
}
.sec_sign_in_sign_up .form_side .form_wrapper .continue span {
    display: inline-block;
    padding: 0 1.9rem;
    background-color: #fff;
    font-size: 1.3rem;
    line-height: 1.45rem;
    color: #000;
}
.sec_sign_in_sign_up .form_side .form_group {
    margin-top: clamp(1.8rem, 1.459rem + 1.22vw, 3.8rem);
    position: relative;
}
.sign_up_page .sec_sign_in_sign_up .form_side .form_group {
    margin-top: 2rem;
}
.sec_sign_in_sign_up .form_side .form_group input {
    width: 100%;
    border: 0.1rem solid #d0d0d0;
    color: #5a5a5a;
    padding-inline: clamp(1.5rem, 1.346rem + 0.549vw, 2.4rem);
    padding-block: clamp(2rem, 1.88rem + 0.427vw, 2.7rem);
    font-size: 1.4rem;
    line-height: 1.45rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.sec_sign_in_sign_up .form_side .form_group input.icont_right {
    padding-right: 6rem;
}
.sec_sign_in_sign_up .form_side .form_group img {
    position: absolute;
    right: 2.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}
.sec_sign_in_sign_up .form_side .rememb_recover_par {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.1rem;
}
.sec_sign_in_sign_up .form_side .rememb_recover_par .remember {
    display: flex;
    align-items: center;
}
.sec_sign_in_sign_up
    .form_side
    .rememb_recover_par
    .remember
    .toggle_switch_label {
    margin-right: clamp(0.4rem, 0.332rem + 0.244vw, 0.8rem);
}
.sec_sign_in_sign_up .form_side .rememb_recover_par .remember span {
    font-size: 1.2rem;
    line-height: 2rem;
    color: #1a1a1a;
    letter-spacing: 0.03rem;
}
.sec_sign_in_sign_up .form_side .rememb_recover_par a {
    color: #d93f21;
    font-size: clamp(1.2rem, 1.166rem + 0.122vw, 1.4rem);
    font-weight: 300;
    line-height: 1.45rem;
}
.sec_sign_in_sign_up .form_side button {
    width: 100%;
    max-width: 100%;
    text-align: center;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.sec_sign_in_sign_up .form_side button.login {
    font-size: clamp(1.6rem, 1.566rem + 0.122vw, 1.8rem);
    line-height: 1.45rem;
    color: #5a5a5a;
    border: 0.1rem solid #5a5a5a;
    margin-top: 3.5rem;
    padding-block: clamp(1.6rem, 1.532rem + 0.244vw, 2rem);
}
.sec_sign_in_sign_up .form_side button.sign_up {
    font-size: 1.5rem;
    line-height: 1.2rem;
    background-color: #000;
    color: #fff;
    margin-top: 2.8rem;
    padding-block: clamp(1.8rem, 1.629rem + 0.61vw, 2.8rem);
}
.sec_sign_in_sign_up .form_side .link {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.45rem;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin-top: 2rem;
    justify-content: center;
}
.sign_up_page .sec_sign_in_sign_up .form_side .link {
    margin-top: 2.6rem;
}
.sec_sign_in_sign_up .form_side .link a {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 0.8rem;
}

.sec_sign_in_sign_up .img_side {
    position: relative;
}
.sec_sign_in_sign_up .img_side img {
    object-fit: cover;
    max-height: 100vh;
}
.sec_sign_in_sign_up .img_side .img_cont {
    position: absolute;
    bottom: 4.7rem;
    left: 4.5rem;
    width: 100%;
    max-width: 54.7rem;
    backdrop-filter: blur(3rem);
    background: #fff2f221;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    padding: 4.2rem 5.7rem 5.9rem 3.7rem;
}
.sec_sign_in_sign_up .img_side .img_cont h6 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #ffffff;
    background-color: #000;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    padding: 1.2rem 1.6rem;
    width: fit-content;
}
.sec_sign_in_sign_up .img_side .img_cont p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #ffffff;
    margin-top: 2.5rem;
}

@media (max-width: 1199.98px) {
    .sec_sign_in_sign_up .img_side {
        display: none;
    }
    .sec_sign_in_sign_up .logo {
        position: initial;
        display: flex;
        justify-content: center;
        margin-bottom: 3rem;
    }
    .sec_sign_in_sign_up > .logo {
        display: none;
    }
    .sec_sign_in_sign_up .form_side {
        flex-direction: column;
        gap: 1rem;
    }
    .sec_sign_in_sign_up .logo img {
        max-width: clamp(13rem, 12.087rem + 3.261vw, 16rem);
    }
}
@media (max-width: 575.98px) {
    .sec_sign_in_sign_up .form_side {
        width: 100%;
        padding-inline: clamp(1.5rem, 0.081rem + 5.068vw, 3rem);
    }
    .sec_sign_in_sign_up .form_side .form_wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* -------------------------------------------------------------------
   for sign in and sign up pages css ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for Custom toggle switch button css starts here
------------------------------------------------------------------- */
input.toggle_switch[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
}

label.toggle_switch_label {
    cursor: pointer;
    text-indent: -9999px;
    width: 4rem;
    height: 2rem;
    background: #ececec;
    display: block;
    border-radius: 3.65rem;
    position: relative;
    border: 0.05rem solid #c9c9c9;
}
label.toggle_switch_label:after {
    content: "";
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    border-radius: 1.2rem;
    transition: 0.3s;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
}

input.toggle_switch:checked + label.toggle_switch_label {
    background: #bada55;
}
input.toggle_switch:checked + label.toggle_switch_label:after {
    left: calc(100% - 0.1rem);
    transform: translateX(-100%);
}
label.toggle_switch_label:active:after {
    width: 3.5rem;
}
/* -------------------------------------------------------------------
   for Custom toggle switch button css ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   reviews star rating starts here
------------------------------------------------------------------- */
.Stars {
    --percent: calc(var(--rating) / 5 * 100%);
    background: #f3f3f3;
    display: inline-block;
    font-size: var(--star-size);
    font-family: Times;
    line-height: 1;
}

.Stars::before {
    content: "★★★★★";
    letter-spacing: 3px;
    background: linear-gradient(
        90deg,
        var(--star-background) var(--percent),
        var(--star-color) var(--percent)
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* -------------------------------------------------------------------
   reviews star rating ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   Progress ends here
------------------------------------------------------------------- */

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(255, 238, 0, 0.5);
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap svg.progress-circle path {
    stroke: var(--yellow);
    stroke-width: 6;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    fill: none;
}
.progress-wrap .arrow {
    position: absolute;
    inset: 0;
    margin: auto;
    rotate: -90deg;
}
/* -------------------------------------------------------------------
   Progress ends here



/*-------------------------------------------------------------------
        Blog page starts here
-------------------------------------------------------------------*/

.blog_page .sec_blog .project-card {
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    margin-bottom: 3rem;
}
.blog_page .sec_blog .project-card .project-cat {
    position: absolute;
    top: clamp(0.5rem, 0.073rem + 2.439vw, 3rem);
    left: clamp(0.5rem, 0.159rem + 1.951vw, 2.5rem);
    border-radius: 5rem;
    background-color: #2295ff;
    color: #fff;
    padding: 0.55rem 2.2rem;
    transition: all ease 0.5s;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    -ms-border-radius: 5rem;
    -o-border-radius: 5rem;
}
.blog_page .sec_blog .project-card > img {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    width: 100%;
}
.blog_page .sec_blog .project-card .project-cat:hover {
    background-color: #eef3ff;
    color: #132849;
}

.blog_page .sec_blog .project-card .project-info {
    position: absolute;
    bottom: clamp(0.5rem, 0.073rem + 2.439vw, 3rem);
    left: clamp(0.5rem, 0.073rem + 2.439vw, 3rem);
    right: clamp(0.5rem, 0.073rem + 2.439vw, 3rem);
    padding-left: clamp(1rem, 0.744rem + 1.463vw, 2.5rem);
    padding-block: clamp(0.5rem, 0.432rem + 0.39vw, 0.9rem);
    z-index: 1;
}

.blog_page .sec_blog .project-card .project-info::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 92.9%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    border-radius: 0.2rem;
    transition: all ease 0.5s;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.blog_page .sec_blog .project-card .project-info span {
    display: inline-block;
    -webkit-text-stroke: 0.6rem rgba(19, 40, 73, 0.26);
    -webkit-text-fill-color: transparent;
    font-size: clamp(2.6rem, 1.917rem + 3.902vw, 6.6rem);
    line-height: clamp(3.2rem, 2.415rem + 4.488vw, 7.8rem);
    letter-spacing: 0.6rem;
    font-family: "Geologica-Bold";
    transition: all ease 0.5s;
}

.blog_page .sec_blog .project-card .project-info h3 {
    line-height: clamp(2rem, 1.795rem + 1.171vw, 3.2rem);
    margin-left: clamp(1rem, 0.915rem + 0.488vw, 1.5rem);
    transition: all ease 0.5s;
    padding-right: clamp(0.5rem, 0.415rem + 0.488vw, 1rem);
    font-size: clamp(1.4rem, 1.366rem + 0.195vw, 1.6rem);
}

.blog_page .sec_blog .project-card .project-info .project-link {
    min-width: clamp(3.6rem, 3.088rem + 2.927vw, 6.6rem);
    height: clamp(3.9rem, 3.559rem + 1.951vw, 5.9rem);
    background-color: #2295ff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}

.blog_page .sec_blog .project-card .project-info .project-link img {
    filter: brightness(0) invert(1);
    transition: all ease 0.5s;
    max-width: clamp(1.8rem, 1.663rem + 0.78vw, 2.6rem);
}

.blog_page .sec_blog .project-card:hover > img {
    transform: scale(1.05);
}

.blog_page .sec_blog .project-card:hover .project-info span {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.26);
}

.blog_page .sec_blog .project-card:hover .project-info h3 a {
    color: #fff;
}

.blog_page .sec_blog .project-card:hover .project-info .project-link {
    background-color: #f3ffa9;
}

.blog_page .sec_blog .project-card:hover .project-info .project-link img {
    filter: brightness(0) invert(0);
}

.blog_page .sec_blog .project-card:hover .project-info::after {
    background-color: #2295ff;
}

.blog_page .sec_blog .project-slider .project-pagination {
    margin-top: 8rem;
}

.blog_page .sec_blog_detail .sing_blog_img img {
    margin: auto;
    margin-bottom: clamp(2rem, 1.659rem + 1.951vw, 4rem);
}
.blog_page .sec_blog_detail .container {
    max-width: 120rem;
}
.blog_page .sec_blog_detail p {
    margin-bottom: clamp(1.5rem, 1.415rem + 0.488vw, 2rem);
}
.blog_page .sec_blog_detail h1 {
    margin-bottom: clamp(1.5rem, 1.244rem + 1.463vw, 3rem);
}

/*-------------------------------------------------------------------
        Blog page ends here
-------------------------------------------------------------------*/