:root { --bs-primary: #F16C21; --bs-secondary: #1E1E1E; --bs-white: #FFFFFF; } body{ margin: 0px; padding: 0px; font-family: 'Montserrat', sans-serif; } /* header section css */ .header_secton .header_top { background: var(--bs-secondary); padding: 12px 0px;} .header_secton .header_top .headtop_row { display: flex; justify-content: space-between;} .header_secton .header_top .headtop_row .headt_leftcol { display: flex; gap: 23px; align-items: center;} .header_secton .header_top .headtop_row .headt_leftcol .phone_info a, .header_secton .header_top .headtop_row .headt_leftcol .email_info a { font-weight: 500; font-size: 14px; color:var(--bs-white) !important; cursor: pointer; text-decoration: none;} .header_secton .header_top .headtop_row .headt_leftcol .phone_info .info_inner, .header_secton .header_top .headtop_row .headt_leftcol .email_info .info_inner{ display: flex; gap: 8px; align-items: center;} .header_secton .header_top .headtop_row .headt_leftcol span{font-weight: 600;font-size: 16px;color:var(--bs-white);} .header_secton .header_top .headtop_row .headt_rightcol .social_icons{ display: flex; gap: 12px; margin-bottom: 0px;} .header_secton .header_top .headtop_row .headt_rightcol .social_icons li{list-style: none;} .header_secton .header_middle {background: var(--bs-white); padding: 12px 0px;} .header_secton .header_middle .header_midrow{display: flex; justify-content: space-between; align-items: center;} .header_secton .header_middle .header_midrow .serach_box { width: 30%; border: 1px solid #666666; border-radius: 30px; padding: 4px 4px 4px 18px;} .header_secton .header_middle .header_midrow .serach_box input.form-control::placeholder { color: #666666; font-size: 14px;font-weight: 500;font-size: 14px;} .header_secton .header_middle .header_midrow .serach_box input.form-control { padding: 0px; border: 0px; border: none !important; box-shadow: none !important;} .header_secton .header_middle .header_midrow .serach_box .search_btn {width: 45px; height: 42px; background: var(--bs-primary); border-radius: 50%; border: 0px; } .header_secton .header_middle .header_midrow .user_info{ display: flex; gap: 30px; align-items: center;} .header_secton .header_middle .header_midrow .user_info .my_account {display: flex; gap: 8px; row-gap: 8px; column-gap: 8px; align-items: center;} .header_secton .header_middle .header_midrow .user_info .my_account .account_img {width: 28px; height: 28px; background: var(--bs-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;} .header_secton .header_middle .header_midrow .user_info .my_account .account_info p{ margin-bottom: 0px; line-height: 10px;} .header_secton .header_middle .header_midrow .user_info .my_account .account_info p a{ color: #666666; font-weight: 500; font-size: 12px; text-transform: capitalize; margin-bottom: 0px; text-decoration: none;} .header_secton .header_middle .header_midrow .user_info .my_account .account_info h6{margin-bottom: 0px;} .header_secton .header_middle .header_midrow .user_info .my_account .account_info h6 a{font-weight: 600; font-size: 14px; text-transform: capitalize; color: #1E1E1E; margin-bottom: 0px; text-decoration: none;cursor: pointer;} .header_secton .header_middle .header_midrow .user_info .shop_img { display: flex; gap: 16px;} .header_secton .header_middle .header_midrow .user_info span { font-size: 24px; color: #1E1E1E;} .header_secton .header_middle .header_midrow .user_info .shop_img a.cart_itemstyle { position: relative;} .header_secton .header_middle .header_midrow .user_info .shop_img a.cart_itemstyle .cart_items { background: var(--bs-secondary); width: 13px; height: 13px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top: 1px; right: -5px;} .header_secton .header_middle .header_midrow .user_info .shop_img a.cart_itemstyle .cart_items span{ font-weight: 500; font-size: 10px; text-transform: capitalize; color: var(--bs-white); margin-bottom: 0px; } .header_secton .header_bottom { background: #E8E8E8;} .header_secton .header_bottom .header_bottomrow { display: flex; justify-content: space-between; align-items: center;} .header_secton .header_bottom .header_bottomrow .nav_menu ul{display:flex;gap: 21px; align-items: center; padding: 0px; margin: 0px;} .header_secton .header_bottom .header_bottomrow .nav_menu ul li{list-style: none;} .header_secton .header_bottom .header_bottomrow .nav_menu ul li a{text-decoration: none;font-weight: 600;font-size: 14px;color: #1E1E1E;} .header_secton .header_bottom .header_bottomrow .nav_menu ul li a:hover{color: var(--bs-primary) !important;} .header_secton .header_bottom .header_bottomrow .contact_btn a{ background: var(--bs-primary); padding: 10px 18px; border-radius: 30px; margin: 5.5px 0px; border: 1px solid var(--bs-primary);} .header_secton .header_bottom .header_bottomrow .contact_btn:hover a{background-color: var(--bs-white); color: var(--bs-primary);} /* .header_secton .header_bottom .header_bottomrow .contact_btn:hover a{color: var(--bs-primary);} */ .header_secton .header_bottom .header_bottomrow .contact_btn a{text-decoration: none;font-weight: 600;font-size: 14px;color: var(--bs-white);} .header_secton .header_bottom .header_bottomrow .nav_menu .active a{color: var(--bs-primary) !important;} .search_iconphone{display: none;} /* footer section css */ footer.footer_section { background: #1E1E1E; position: relative; z-index: 2;} footer.footer_section::before { content: ''; position: absolute; background: url(../images/footer_bgimg.png); width: 367px; height: 272px; right: 115px; background-size: contain; background-repeat: no-repeat; top: 0px; z-index: -1;} footer.footer_section .footer_top { display: flex; padding: 60px 0px; gap: 20px} footer.footer_section .footer_top .footer_col{width: 25%;} footer.footer_section .footer_top .first_footercol p{color: #666666; font-weight: 500; font-size: 14px; margin-bottom: 0px; margin-top: 30px;} footer.footer_section .footer_top .footer_col h4{color: var(--bs-white); font-weight: 600; font-size: 18px; text-align: center; margin-bottom: 20px;} footer.footer_section .footer_top .footer_col ul { margin: 0px; padding: 0px; display: flex; gap: 10px; flex-direction: column; align-items: center;} footer.footer_section .footer_top .footer_col ul li{list-style: none;} footer.footer_section .footer_top .footer_col ul li a{color: #818181; font-weight: 600; font-size: 14px; text-decoration: none;} footer.footer_section .footer_top .footer_col ul li a:hover{color: var(--bs-white);} footer.footer_section .footer_top .footer_col .footercontact_info .inner_row .phone_info p, .inner_row .email_info p{color: #818181; font-weight: 500; font-size: 12px; margin-bottom: 4px;} footer.footer_section .footer_top .footer_col .footercontact_info .inner_row a{ color: var(--bs-white) !important; font-weight: 500; font-size: 16px; text-decoration: none; cursor: pointer;} footer.footer_section .footer_top .footer_col .footercontact_info .inner_row .phone_info {margin-bottom: 12px;} footer.footer_section .footer_top .footer_col .footercontact_info .inner_row .email_info {margin-bottom: 40px;} footer.footer_section .footer_top .footer_col .footercontact_info .inner_row .info_inner { display: flex; gap: 8px; align-items: center;} footer.footer_section .footer_top .footcontact_info h4{text-align: left;} footer.footer_section .footer_top .footer_col .footercontact_info .footsocial_iicons ul.social_icons { display: flex; gap: 12px; flex-direction: row;} footer.footer_section .footer_bottom {padding-bottom: 20px;} footer.footer_section .footer_bottom p{ font-weight: 500; font-size: 14px; color: var(--bs-primary); margin-bottom: 0px; text-align: center;} footer.footer_section .footer_top .footer_col ul li.active a{color: var(--bs-primary);} /* Toggle button */ /* .toggle_btn { display: none; flex-direction: column; gap: 5px; cursor: pointer;} .toggle_btn span { width: 25px; height: 3px; background: #000; display: block;} @media (max-width: 768px) {.toggle_btn { display: flex;} .header_bottomrow { position: relative; } .nav_menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; padding: 15px; z-index: 999;} .header_bottomrow.menu_active .nav_menu { display: block;} .nav_menu ul { display: flex; flex-direction: column; gap: 10px;} .header_secton .header_bottom .header_bottomrow { justify-content: flex-end; gap: 20px;} } */ /* hero section css */ .hero_section .hero_slider { position: relative; overflow: hidden; background: var(--bs-secondary); color: var(--bs-white); padding: 46px; border-radius: 8px; margin: 10px 0px 60px 0px !important;} .hero_section .hero_slider .slide .slide_content { display: flex; align-items: center; gap: 30px; justify-content: space-between;} .hero_section .hero_slider .slide .slide_content .text { max-width: 50%;} .hero_section .hero_slider .slide .slide_content .text h1 { font-weight: 600; font-size: 48px; line-height: 59px; color: var(--bs-white); margin-bottom: 30px;} .hero_section .hero_slider .slide .slide_content .text p { color: var(--bs-white); font-weight: 500; font-size: 16px; margin-bottom: 30px;} .hero_section .hero_slider .slide .slide_content .btn { background: var(--bs-primary); padding: 12px 18px; color: #fff; text-decoration: none; border-radius: 30px;font-weight: 600;font-size: 16px;color: (var(--bs-white));border: 1px solid var(--bs-primary);} .hero_section .hero_slider .slide .slide_content .btn:hover { background: var(--bs-secondary); border: 1px solid var(--bs-primary);} .hero_section .hero_slider .slide .slide_content .slider_image img { width: 100%;} .hero_section .hero_slider .slick-dots { position: absolute; bottom: 50% !important;right: 15px !important; width: 50px; padding: 0; margin: 0; list-style: none; text-align: center; color: var(--bs-white) !important; display: flex !important; justify-content: flex-end !important; flex-direction: column !important; align-items: flex-end !important;} .hero_section .hero_slider .slick-dots li button:before {font-size: 32px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•'; text-align: center; opacity: .25; color: var(--bs-white) !important; opacity: 0.59!important;} .hero_section .hero_slider .slick-dots li.slick-active button:before { font-size: 42px !important;color: var(--bs-primary) !important; opacity: 1 !important; } .hero_section .hero_slider .slick-prev, .hero_section .hero_slider .slick-next { position: absolute !important; bottom: 20px !important; top: auto !important; transform: none !important; z-index: 10 !important; width: 40px !important; height: 40px !important; background: #FFFFFF1A !important; border-radius: 50% !important; border: 1px solid #FFFFFF !important;} .hero_section .hero_slider .slick-next { right: 20px !important;} .hero_section .hero_slider .slick-prev { left: 91% !important;} .hero_section .hero_slider .slick-prev:before, .hero_section .hero_slider .slick-next:before { color: #000 !important; font-size: 18px !important;} .hero_section .hero_slider .slick-prev:before { content: ''; display: block; width: 18px; height: 18px; background: url('../images/prev_icon.svg') no-repeat center; background-size: contain;} .hero_section .hero_slider .slick-prev:before, .hero_section .hero_slider .slick-next:before { font-size: 0 !important; } .hero_section .hero_slider .slick-arrow{ display: flex !important; justify-content: center !important; align-items: center !important;} .hero_section .hero_slider .slick-next:before { content: ''; display: block; width: 18px; height: 18px; background: url('../images/prev_icon.svg') no-repeat center; background-size: contain; transform: rotate(180deg);} .hero_section .hero_slider .slick-prev:hover:before { background: url(../images/orangeicon.svg) no-repeat center; background-size: contain; transform: rotate(180deg);} .hero_section .hero_slider .slick-next:hover:before { background: url(../images/orangeicon.svg) no-repeat center; background-size: contain; transform: rotate(0deg) !important;} .hero_section .hero_slider .slick-prev:hover, .hero_section .hero_slider .slick-next:hover { border-color: var(--bs-primary) !important;} /* mega menu css */ .header_secton .header_bottom .header_bottomrow .dropdown_field { background: #1E1E1E; padding: 15px 15px 15px 15px; border-radius: 30px; position: relative; width: 260px;} .header_secton .header_bottom .header_bottomrow .dropdown_field a{text-decoration: none;} .header_secton .header_bottom .header_bottomrow .dropdown_field .category_btn { font-weight: 600; font-size: 14px; color: var(--bs-white); display: flex; gap: 80px; padding: 0px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .category_btn span.arrow { width: 48px; height: 48px; background: var(--bs-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; right: -11px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu { position: absolute; top: 101%; left: 0px; transform: translateX(0%); width: 68vw; background: #EFEFEF; margin-top: 0px; display: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); z-index: 99; border-radius: 12px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container { display: flex;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_sidebar { width: 295px; background: #FFFFFF; list-style: none; padding: 0px 16px; margin-bottom: 0px; border-radius: 12px 0px 0px 12px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_sidebar ul { list-style: none; padding: 0; margin: 0;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_sidebar li a { padding: 14px 0px; cursor: pointer; border-bottom: 1px solid #E0E0E0; display: flex; justify-content: space-between; color: var(--bs-secondary);} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_sidebar li:last-child a{border-bottom: 0px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_sidebar li.active a, .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_sidebar li:hover a{ background: #fff; color: #ff6600; font-weight: 600;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .menu_name {display: flex;gap: 8px; align-items: center;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_content { display: flex; flex: 1; padding: 20px; gap: 40px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_block .columns { display: flex; /*gap: 189px;*/ justify-content: space-between; align-content: space-around; padding: 20px; width: 75%;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .column a { display: block; color: #555; text-decoration: none; margin-bottom: 6px; font-size: 14px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .column a:hover { color: var(--bs-primary);} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_right .mega_image { padding: 8px; background-color: #fff; border-radius: 0px 12px 12px 0px;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_image img { width: 100%; border-radius: 10px; height: 100%; object-fit: cover;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_right .mega_block { display: none; width: 100%; justify-content: space-between; height: 100%;} .header_secton .header_bottom .header_bottomrow .dropdown_field .mega_menu .mega_container .mega_right .mega_block.active { display: flex;} .column a { display: block; padding: 6px; color: #555; text-decoration: none;}.column a:hover { background: #f5f5f5; color: var(--bs-primary);} .mega_right { width: 78%;} .nav_menu { transition: all 0.3s ease;} .nav_menu ul li:last-child a { display: none;} .toggle_btn { display: none; flex-direction: column; cursor: pointer; gap: 5px;} .toggle_btn span { width: 25px; height: 3px; background: #000; display: block; transition: 0.3s;} /* More Categories css */ .category_section {margin-bottom: 60px;} .category_section h2{text-align: center; margin-bottom: 43px;} .category_section .slide{ text-align: center; display: flex !important; flex-direction: column; align-items: center;} .category_section .slide a{text-decoration: none;width: 100%;} .category_section .category_slider{margin-bottom: 40px;} .category_section .category_slider .slide .category_img {display: flex; justify-content: center; align-items: center; margin-bottom: 8px;} .category_section .category_slider .slide .category_img .cat_inner_img {border: 1px solid #1E1E1E; border-radius: 50%; width: 54px; height: 54px; padding: 10px;} .category_section .category_slider .slide .category_img .cat_inner_img img {width: 32px; height: 32px;} .category_section .category_slider .slide h4{ font-weight: 500; font-size: 14px; color: var(--bs-secondary);} .category_section .slide a:hover h4.category_name {color: var(--bs-primary);} .category_section .category_slider .slide a:hover .category_img .cat_inner_img {border-color: var(--bs-primary);} .category_section .category_allbtn { text-align: center;} /* common elements */ .common_heading {font-weight: 600; font-size: 28px; color: var(--bs-secondary);} .common_heading span { border-bottom: 3px solid var(--bs-primary); padding-bottom: 0px;} .common_btn a { border: 1px solid var(--bs-primary); padding: 10px 14px; border-radius: 20px; font-weight: 600; font-size: 14px; color: var(--bs-primary); text-decoration: none;} .common_btn a:hover { background: var(--bs-primary); color: var(--bs-white);} /* Best Deals section */ .best_dealssection { margin-bottom: 60px;} .best_dealssection .bestdeal_toprow { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;} .best_dealssection .dealsecond_row { display: flex; gap: 20px; margin-bottom: 20px;} .best_dealssection .dealsecond_row .second_leftcol { display: flex; gap: 20px;} .best_dealssection .dealsecond_row .dealsmain_box {border-radius: 12px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; width: 50%;} .best_dealssection .dealsecond_row .dealblack_box { background: #000;} .best_dealssection .dealsecond_row .dealsmain_box .boxtop { padding: 24px 20px; width: 100%;} .best_dealssection .dealsecond_row .dealsmain_box .boxtop h3{font-weight: 700;font-size: 24px;color: var(--bs-white);margin-bottom: 20px;} .best_dealssection .dealsecond_row .second_rightcol { width: 50%; display: block; background: #E8E8E8;} .best_dealssection .dealsecond_row .dealorange_box .common_btn a{border: 1px solid #fff; color: var(--bs-white);} .best_dealssection .dealsecond_row .dealorange_box .common_btn a:hover{background-color: var(--bs-white); color: var(--bs-primary);} .best_dealssection .dealsecond_row .second_leftcol {width: 50%;} .best_dealssection .dealsecond_row .second_rightcol{width: 50%;} .best_dealssection .dealsecond_row .second_leftcol .dealorange_box{background-color: var(--bs-primary);} .best_dealssection .dealsecond_row .second_rightcol .dealsright_inner h3 { color: var(--bs-secondary) !important; width: 50%;} .best_dealssection .dealsecond_row .second_rightcol .right_colimg { text-align: right; padding-right: 12px;} /* Trending Brands section */ .trendingbrands_section { background: var(--bs-secondary); position: relative;} .trendingbrands_section::before { content: ''; position: absolute; display: block; width: 397px; height: 379px; background: url(../images/brand_bgimg.png) no-repeat left;} .trendingbrands_section .trendingbrands_row { display: flex; gap: 20px;} .trendingbrands_section .trendingbrands_row .brand_rightcol{padding-top: 40px;} .trendingbrands_section .trendingbrands_row .brand_rightcol .common_heading{color: var(--bs-white); margin-bottom: 40px;} .trendingbrands_section .trendingbrands_row .brand_rightcol .brand_logo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;} .trendingbrands_section .trendingbrands_row .brand_rightcol .brand_logo img{border-radius: 14px;} /* Top Selling Products section */ .top_sellingsection{background-color: #EFEFEF; padding: 60px 0px 30px 0px;} .top_sellingsection .top_selltoprow { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;} .product_card { position: relative; background: #FFFFFF; border-radius: 12px; padding: 16px; /*min-height: 491px;*/ display: flex; flex-direction: column; justify-content: flex-start;} .product_card .add_favourite { /* text-align: right; */ display: flex; justify-content: flex-end; /* margin-bottom: 12px; */} .product_card .add_favourite .like_icon{width: 32px; height: 32px; background: #EFEFEF; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .product_card .add_favourite .like_icon a img {/*width: 24px;*/} .product_card .product_img { margin-bottom: 48px; display: flex; justify-content: center;} .product_card .product_img img { height: 185px; object-fit: contain;} .product_card .product_info {margin-bottom: 16px;} .product_card .product_info h5 { font-weight: 600; font-size: 12px; color: var(--bs-primary); margin-bottom: 10px;} .product_card .product_info a { font-weight: 600; font-size: 16px; color: var(--bs-secondary); margin-bottom: 8px; text-decoration: none;} .product_card .product_info p{ font-weight: 500; font-size: 12px; color: #666666; margin-bottom: 0px;} .product_card .product_price { display: flex; justify-content: space-between; align-items: center;} .product_card .product_price h6 { font-weight: 600; font-size: 20px; color: var(--bs-secondary); margin: 0;} .product_card .product_price h6 span { color: var(--bs-primary);} .product_card .product_price a, .product_card .product_price a:hover { cursor: pointer;font-weight: 600;font-size: 14px;text-decoration: none;color: var(--bs-white);display: flex;gap: 10px;align-items: center;background: var(--bs-secondary);padding: 4px 4px 4px 14px;border-radius: 20px;} .product_card .product_price .btncart_icon { width: 32px; height: 32px; background: var(--bs-primary); border-radius: 50%; display: flex; justify-content: center; align-items: center;} .top_sellingsection .selling_secondrow .slide {padding: 10px;} .top_sellingsection .slick-list { margin: 0 -10px;} .top_sellingsection .slick-dots { bottom: -34px !important;} .top_sellingsection .slick-dots li button:before { opacity: 100% !important; color: #1E1E1E !important; font-size: 27px !important;} .top_sellingsection .slick-dots li.slick-active button:before { opacity: .75; color: var(--bs-primary) !important;} .top_sellingsection .slick-dots li { margin: 0 0px !important;} .top_sellingsection .slick-next, .top_sellingsection .slick-prev { bottom: 0px !important;} .top_sellingsection .slick-prev:before { background: url('../images/prev_productslider.svg') !important; width: 18px; height: 18px; background-repeat: no-repeat !important;} .top_sellingsection .slick-next:before { background: url('../images/next_productslider.svg') !important; width: 18px; height: 18px; background-repeat: no-repeat !important;} .top_sellingsection .slick-prev, .top_sellingsection .slick-next { position: absolute !important; bottom: -38px !important; top: auto !important; transform: none !important; z-index: 10 !important;} .top_sellingsection .slick-next:before, .top_sellingsection .slick-prev:before { color: #ffffff00 !important;} .top_sellingsection .slick-next { position: absolute !important; right: 43% !important;} .top_sellingsection .slick-prev{ position: absolute !important; left: 44% !important;} /* Today’s Best Deals */ .today_dealssec{ margin-bottom: 60px; margin-top: 60px;} .today_dealssec .common_heading{text-align: center; margin-bottom: 30px;} .today_dealssec .topdeals_row .deal_col { background: var(--bs-secondary); padding: 30px 10px 0px 20px; border-radius: 12px; display: flex;} .today_dealssec .topdeals_row .deal_col .top_innerrow h5{font-weight: 600; font-size: 12px; color: var(--bs-primary); margin-bottom: 10px;} .today_dealssec .topdeals_row .deal_col .top_innerrow h3{ font-weight: 600; font-size: 28px; color: var(--bs-white); margin-bottom: 8px;} .today_dealssec .topdeals_row .deal_col .top_innerrow p{ font-weight: 500; font-size: 14px; margin-bottom: 30px; color: #EFEFEF;} .today_dealssec .topdeals_row .deal_col .img_row { padding-top: 52px;} /* service process section */ .service_processsec {margin-bottom: 60px;} .service_processsec .process_row { border: 1px solid #666666; padding: 24px 20px; display: flex;gap: 50px; border-radius: 8px;} .service_processsec .process_row .procsess_box{ display: flex; flex-direction: row; gap: 12px; align-items: center;} .service_processsec .process_row .setpandm { padding: 0px 50px; border-left: 1px solid #1E1E1E; border-right: 1px solid #1E1E1E;} .service_processsec .process_row .procsess_box .process_img { width: 60px; height: 60px; background: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .service_processsec .process_row .procsess_box .process_text h5{ font-weight: 600; font-size: 16px; color: var(--bs-secondary); margin-bottom: 4px;} .service_processsec .process_row .procsess_box .process_text p{ font-weight: 500; font-size: 12px; color: #666666; margin-bottom: 0px;} /* flash_deals_section */ .flash_deals_section{margin-bottom: 60px;} .flash_deals_section .flash_card { border-radius: 12px; position: relative; overflow: hidden; background: #1E1E1E; padding: 30px 24px;} .flash_card::before { content: ''; position: absolute; width: 316px; height: 333px; background: url(../images/flash-dealsbg.png) no-repeat left; bottom: -48px; right: -51px;} .flash_deals_section .flash_card h2{color: var(--bs-white); margin-bottom: 30px;} .flash_deals_section .flash_card p{ font-weight: 500; font-size: 18px; color: var(--bs-white); margin-bottom: 8px;} .flash_deals_section .flash_card .countdown{display: flex; gap: 4px; margin-bottom: 103px; align-items: center;} .flash_deals_section .flash_card .countdown .time_box { background: var(--bs-primary); padding: 13px 8px; border-radius: 6px; font-weight: 600; font-size: 28px; color: var(--bs-white);} .flash_deals_section .flash_card .countdown span{ font-weight: 500; font-size: 18px; color: var(--bs-white);} .flash_deals_section .flash_card a{border: 1px solid var(--bs-white); color: var(--bs-white);} .flash_deals_section .flash_card .common_btn{margin-bottom: 60px;} .flash_deals_section .flashdeal_card { border-radius: 12px; border: 1px solid #ECECED; padding: 30px 16px 16px 16px; text-align: center;} .flash_deals_section .flashdeal_card img{margin-bottom: 42px;} .flash_deals_section .flashdeal_card .product_cardinfo h6{ font-weight: 600; font-size: 12px; color: var(--bs-primary); margin-bottom: 10px;} .flash_deals_section .flashdeal_card .product_cardinfo { text-align: left;} .flash_deals_section .flashdeal_card .product_cardinfo h5{ font-weight: 600; font-size: 16px; color: var(--bs-secondary); margin-bottom: 8px;} .flash_deals_section .flashdeal_card .product_cardinfo p{ font-weight: 500; font-size: 12px; color: #666666; margin-bottom: 0px;} /* Shopping Cart css */ .cart_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; visibility: hidden; transition: 0.3s; z-index: 999;} .cart_sidebar { position: fixed; top: 0; right: -400px; width: 400px; height: 100%; background: var(--bs-white); box-shadow: -5px 0 20px rgba(0,0,0,0.1); transition: 0.4s ease; z-index: 1000; display: flex; flex-direction: column;} .cart_sidebar.active { right: 0;} .cart_overlay.active { opacity: 1; visibility: visible;} .cart_sidebar .cart_header { display: flex; justify-content: space-between; padding: 20px 20px 14px 20px; background: var(--bs-white);} .cart_sidebar .cart_header h2{ font-weight: 600; font-size: 28px; line-height: 100%; color: var(--bs-secondary);margin: 0;cursor: pointer;} .cart_sidebar .cart_body { flex: 1; overflow-y: auto; padding: 20px; background: #e8e8e842;} .cart_sidebar .cart_body .cart_item { display: flex; gap: 8px; margin-bottom: 15px; background: var(--bs-white); padding: 8px 11px 8px 8px; border-radius: 12px; align-content: flex-start; align-items: center;} .cart_sidebar .cart_body .cart_item .item_image {width: 110px;display: flex;gap: 6px;background: #eee;padding: 5px;border-radius: 8px;} .cart_sidebar .cart_body .cart_item .item_image a {width: 100%;} .cart_sidebar .cart_body .cart_item .item_image a img {width: 100%;height: 110px;object-fit: cover;border-radius: 8px;} .cart_sidebar .cart_body .cart_item .cart_info {width: calc(100% - 110px);display: flex;flex-direction: column;justify-content: space-between;gap: 0px;} .cart_sidebar .cart_body .cart_item .cart_info .cart_variant_group {display: flex;flex-direction: column;gap: 5px;} .cart_sidebar .cart_footer .subtotal { display: flex; justify-content: space-between; padding: 20px 20px 10px 20px; border-bottom: 1px solid #251E18;} .cart_sidebar .cart_footer .view_cart { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #000; background: transparent; border-radius: 25px;} .cart_sidebar .cart_footer .checkout { width: 100%; padding: 12px; background: var(--bs-primary); color: var(--bs-white); border: none; border-radius: 25px;} .cart_sidebar .cart_body .cart_item .cart_info .product_details { display: flex; justify-content: space-between; margin-bottom: 10px;} .cart_sidebar .cart_body .cart_item .cart_info .product_details h4{ line-height: 15px; margin-bottom: 8px;} .cart_sidebar .cart_body .cart_item .cart_info .product_details h4 a{ font-weight: 600; font-size: 16px; color: var(--bs-secondary); text-decoration: none;} .cart_sidebar .cart_body .cart_item .cart_info .product_details .delete_icon { border: 1px solid var(--bs-primary); border-radius: 50%; display: flex; align-items: center; background: #FF383C1A; width: 26px; height: 26px; padding: 4px; justify-content: center;} .cart_sidebar .cart_body .cart_item .cart_info .product_details .product_size p{ font-weight: 500; font-size: 14px; line-height: 100%; color: #666666; margin-bottom: 0px;} .cart_sidebar .cart_body .cart_item .cart_info .product_details .product_size p span{color: #1E1E1E; font-size: 14px !important;} .cart_sidebar .cart_body .cart_item .cart_info .product_bottominfo { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;} .cart_sidebar .product_bottominfo .left_info p, .cart_sidebar .product_bottominfo .right_info p{ font-weight: 500; font-size: 12px; text-decoration: line-through; color: #666666; margin-bottom: 4px;} .cart_sidebar .product_bottominfo .left_info h6, .cart_sidebar .product_bottominfo .right_info h6{ font-weight: 600; font-size: 20px; line-height: 100%; letter-spacing: 0%; color: #1E1E1E; margin: 0;} .cart_sidebar .product_bottominfo .left_info h6 span, .cart_sidebar .product_bottominfo .right_info h6 span{color: var(--bs-primary) !important;} .cart_sidebar .subtotal .price_text{font-weight: 500;font-size: 20px;color: #666666;margin-bottom: 0px;} .cart_sidebar .subtotal .price_value{font-weight: 600;font-size: 20px;color: var(--bs-secondary);} .cart_sidebar .price_value span{color: var(--bs-primary) !important; font-weight: 600;font-size: 20px !important;} .cart_sidebar .cart_footer .shopping_cartbtn { padding: 50px 20px 30px 20px; display: flex; flex-direction: column; align-items: center;} .cart_sidebar .cart_footer .view_cart { width: 100%; padding: 16px; margin-bottom: 10px; border: 1px solid #1E1E1E; border-radius: 25px; font-weight: 600; font-size: 16px; color: #1E1E1E; line-height: 100%; text-align: center; text-decoration: none;} .cart_sidebar .cart_footer a.view_cart:hover { background: var(--bs-primary); color: var(--bs-white); border: 1px solid var(--bs-primary);} .cart_sidebar .cart_footer .checkout { width: 100%; padding: 16px; background: var(--bs-primary); color: var(--bs-white); border: 1px solid var(--bs-primary); border-radius: 25px; font-weight: 600; font-size: 16px; line-height: 100%; text-align: center; text-decoration: none;} .cart_sidebar .cart_footer a.checkout:hover{background-color: var(--bs-white); color: var(--bs-primary);} .cart_sidebar .product_bottominfo .right_info p { text-decoration: none;} /* category page css */ .breadcrumb_sec{padding: 20px 0px; background: #efefef87;} .breadcrumb_sec .breadcrumb_row ul{ display: flex; gap: 4px; margin: 0px; padding: 0px;} .breadcrumb_sec .breadcrumb_row ul li{list-style: none;} .breadcrumb_sec .breadcrumb_row ul li a{font-weight: 500; font-size: 14px; color: #666666; text-decoration: none;} .breadcrumb_sec .breadcrumb_row ul li.active a, .breadcrumb_sec .breadcrumb_row ul li:last-child a{color: var(--bs-primary);} .breadcrumb_sec .breadcrumb_row ul li span{font-weight: 500; font-size: 14px; color: #666666;} /* section All category */ .allCategory_mainsec { padding-bottom: 40px; background: #f5f5f5;} .allCategory_mainsec .filter_left { background: #1E1E1E; border-radius: 12px; padding: 28px 20px 16px 20px; } .allCategory_mainsec .filter_left h4{ font-weight: 600; font-size: 24px; letter-spacing: 1%; text-transform: capitalize; color: var(--bs-white); margin-bottom: 20px; } .allCategory_mainsec .filter_left h5{ font-weight: 700; font-size: 16px; text-transform: capitalize; color: var(--bs-primary); margin-bottom: 0px; border-bottom: 1px solid var(--bs-white); padding-bottom: 14px;} .allCategory_mainsec .filter_left ul{margin: 0px; padding: 0px;} .allCategory_mainsec .filter_left .category_name li { padding: 14px 0px; border-top: 1px solid #666666; list-style: none;} .allCategory_mainsec .filter_left .category_name li a{ font-weight: 500; font-size: 16px; text-transform: capitalize; color: #999999; text-decoration: none;} .allCategory_mainsec .filter_left .category_name li a:hover{color: var(--bs-white);} .allCategory_mainsec .filter_left .category_status li{padding: 14px 0px; border-top: 1px solid var(--bs-white); list-style: none;} .allCategory_mainsec .filter_left .category_status li a{ font-weight: 700; font-size: 16px; text-transform: capitalize; color: var(--bs-white); text-decoration: none;} .allCategory_mainsec .filter_left .category_status li a:hover{color: var(--bs-primary);} .allCategory_mainsec .filter_right .category_toprow { display: flex; justify-content: space-between; margin-bottom: 30px;} .allCategory_mainsec .filter_right .category_toprow .category_left h2{ font-weight: 600; font-size: 28px; color: var(--bs-secondary); margin-bottom: 8px;} .allCategory_mainsec .filter_right .category_toprow .category_left p{ font-weight: 500; font-size: 14px; color: #666666; margin-bottom: 0px;} .allCategory_mainsec .filter_right .category_toprow .select_category .category_dropdown { width: 220px; padding: 10px 40px 10px 12px; border-radius: 30px; border: 1px solid #ccc; font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/selectcategoryicon.svg) no-repeat right 12px center; background-size: 14px; cursor: pointer;} .allCategory_mainsec .filter_right .category_toprow .select_category .category_dropdown:focus-visible{border: 0px;} .allCategory_mainsec .filter_right .see_category { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px;} .allCategory_mainsec .filter_right .see_category .categories_filter { display: flex; flex-direction: column; align-items: center;} .allCategory_mainsec .filter_right .see_category .categories_filter .category_img { border: 1px solid #1E1E1E; border-radius: 50%; padding: 8px; margin-bottom: 10px; width: 160px; height: 160px; display: flex; align-items: center; justify-content: center;} .allCategory_mainsec .filter_right .see_category .categories_filter .category_img img{width: 144px; height: 144px; border-radius: 50%; object-fit: cover;} .allCategory_mainsec .filter_right .see_category .categories_filter h5{text-align: center;} .allCategory_mainsec .filter_right .see_category .categories_filter h5 a{ font-weight: 600; font-size: 16px; text-align: center; color: #1E1E1E; text-decoration: none;} .allCategory_mainsec .filter_right .see_category .categories_filter h5 a span{color: var(--bs-primary);} .category_topselling { padding: 60px 0px 80px 0px; margin-bottom: 0px;} .category_topselling .selling_secondrow { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr);} /* Apparel category page css */ .single_categorypg .clear_alltop { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;} .single_categorypg .filter_left .clear_alltop a { border: 1px solid #EFEFEF; padding: 8px 14px; border-radius: 30px; font-weight: 600; font-size: 14px; text-transform: capitalize; color: #EFEFEF; text-decoration: none;} .single_categorypg .filter_left h4 { margin-bottom: 0px;} .single_categorypg .category_cancelbtn { display: flex; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--bs-white); margin-bottom: 20px;} .single_categorypg .category_cancelbtn a { padding: 6px 8px; background: var(--bs-white); border-radius: 30px; display: flex; gap: 8px; align-items: center; font-weight: 500; font-size: 14px; text-transform: capitalize; color: var(--bs-secondary); text-decoration: none;} .single_categorypg .serach_box { background: var(--bs-secondary); border: 1px solid var(--bs-white); padding: 12px 12px 12px 18px; border-radius: 31px; margin-bottom: 20px;} .single_categorypg .form-control:focus { color: var(--bs-white) !important; background-color: #ffffff00 !important; border-color: var(--bs-secondary) !important; outline: none !important; box-shadow: none !important;} .single_categorypg .form-control { padding: 0px !important; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-white) !important; background-color: var(--bs-secondary) !important; border: 0px !important;} .single_categorypg .serach_box input.form-control::placeholder { color: var(--bs-white); font-size: 14px;font-weight: 500;font-size: 14px; } .single_categorypg .search_btn {background: none !important; padding: 0px !important; border: 0px !important;} .single_categorypg .filter_left h5{color: var(--bs-white); font-weight: 600;} .single_categorypg .filter_left .category_box { padding-top: 12px;} .single_categorypg .filter_left .category_box h4{ font-weight: 500; font-size: 18px; text-transform: capitalize; color: var(--bs-white); margin-bottom: 12px;} .category_box .category_list { list-style: none; padding: 0;} .single_categorypg .filter_left .category_box .category_list li.category { padding: 15px 0px; border-bottom: 1px solid #666666;} .single_categorypg .filter_left .category_box .category_list li.category .category_header{ display: flex; justify-content: space-between;} .single_categorypg .filter_left .category_box .category_list .category .category_header a { font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--bs-white); text-decoration: none;} .single_categorypg .filter_left .category_box .category_list .category .category_header a.active, .single_categorypg .filter_left .category_box .category_list li.category ul.subcategory a.active, .single_categorypg .filter_left .category_box .category_list li.category .subcategory .subcategory_item ul.child_list li.active a { color: var(--bs-primary) !important;} .single_categorypg .filter_left .category_box .open { display: block;} .single_categorypg .filter_left .category_box .arrow { cursor: pointer; color: var(--bs-primary); transition: 0.3s;} .single_categorypg .filter_left .category_box .arrow.rotate { transform: rotate(180deg);} .single_categorypg .filter_left .category_box .category_list li.category .subcategory { display: none; padding-left: 15px;} .single_categorypg .category_box .category_list .category ul.subcategory.open { padding-left: 12px; display: flex; flex-direction: column; gap: 6px; padding-top: 12px;} .single_categorypg .filter_left .category_box .category_list li.category ul.subcategory .open{ padding-left: 12px; padding-top: 12px; display: flex; flex-direction: column; gap: 6px;} .single_categorypg .filter_left .category_box .category_list li.category ul.subcategory a { font-weight: 500; font-size: 14px; letter-spacing: 0%; text-transform: capitalize; color: #999999 !important; text-decoration: none;} .single_categorypg .filter_left .category_box .category_list li.category .subcategory li{list-style: none;} .single_categorypg .filter_left .category_box .category_list li.category .subcategory .subcategory_item .subcategory_header { display: flex; justify-content: space-between;} .single_categorypg .filter_left .category_box .category_list li.category .subcategory .subcategory_item ul.child_list.open { padding-left: 24px; display: flex; gap: 6px; flex-direction: column; padding-top: 0px !important;} .subcategory,.child_list { display: none;} .single_categorypg .filter_left .category_box .category_list li.category .category_header a:hover, .single_categorypg .filter_left .category_box .category_list li.category ul.subcategory a:hover { color: var(--bs-primary) !important;} .single_categorypg .filter_left .category_box .category_list li.category .subcategory .subcategory_item ul.child_list li a { display: flex; justify-content: space-between;} .filter_box { padding-top: 30px;} .filter_box h3{font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--bs-white); margin-bottom: 8px;} .filter_box p{ font-weight: 500; font-size: 14px; text-transform: capitalize; color: var(--bs-white); margin-bottom: 8px;} .filter_box .range-slider { position: relative; height: 30px;} .filter_box hr {border: 1px solid var(--bs-white); margin: 14px 0px 30px 0px;} .range-slider::before { content: ""; position: absolute; height: 3px; width: 100%; background: var(--bs-white); top: 10px; transform: translateY(-50%); border-radius: 2px;} .range-slider .range-fill { position: absolute; height: 4px; background: var(--bs-primary); top: 10px; transform: translateY(-50%); border-radius: 5px; transition: 0.3s;} .single_categorypg .filter_left .filter_box .range-slider input { position: absolute; width: 100%; pointer-events: none; appearance: none; background: none;} .single_categorypg .filter_left .filter_box input[type="range"]::-webkit-slider-thumb { pointer-events: auto; appearance: none; height: 18px; width: 18px; background: var(--bs-primary); border-radius: 50%; position: relative; z-index: 2;} .single_categorypg .filter_left .filter_box label {margin: 6px 0; cursor: pointer; font-weight: 500; font-size: 16px; text-transform: capitalize; color: var(--bs-white);display: flex;align-items: center;gap: 8px;} .single_categorypg .filter_left .filter_box label:hover{color: var(--bs-primary);} .single_categorypg .filter_left .filter_box input[type="checkbox"], .single_categorypg .filter_left .filter_box input[type="radio"] { accent-color: var(--bs-primary); width: 16px; height: 16px; border: 1px solid var(--bs-white);} .single_categorycart .product_card { padding: 0px;} .single_categorypg .selling_secondrow { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr);} .single_categorycart .product_singlecatimg{position: relative; border-bottom: 1px solid #ddd;} .single_categorycart .product_card .product_img{margin-bottom: 0px;} .single_categorycart .product_card .product_img a {height: 280px;width: 100%;} .single_categorycart .product_singlecatimg .add_favourite { position: absolute; right: 14px; top: 14px;} .single_categorycart .product_singlecatimg .product_img img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px 12px 0px 0px;} .single_categorycart .product_singleinfo {padding: 16px;height: 50%;display: flex;flex-direction: column;justify-content: space-between;} .single_categorycart .change_price p{ font-weight: 500; font-size: 12px; text-decoration: line-through; color: #666666; margin-bottom: 0px;} .pagination_box { display: flex; justify-content: flex-end;} .pagination_box ul.pagination { background: var(--bs-white); padding: 12px; width: 64%; border-radius: 12px; margin-top: 30px; display: flex; justify-content: center; gap: 4px;} .pagination_box .pagination li { border: 1px solid #666666; border-radius: 30px; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;} .pagination_box .pagination li:hover{border: 1px solid var(--bs-primary);} .pagination_box .pagination li a{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; color: #666666; text-decoration: none;} .pagination_box .pagination li:hover a{color: var(--bs-primary);} .pagination_box .pagination li.page_prev { margin-right: 8px;} .pagination_box .pagination li.page_next { margin-left: 8px;} .pagination_box .pagination li.page_next a img { transform: rotate(180deg);} /* category details page */ .subcategory_items { background: #efefef87; padding-bottom: 80px;} .subcategory_items .left_productimg .product-gallery {overflow: hidden;} .subcategory_items .left_productimg .product-gallery .main-slider .slick-slide img{ width: 100%; height: 450px; object-fit: cover; border-radius: 12px;} .subcategory_items .left_productimg .product-gallery .main-slider button.slick-arrow { background: #1E1E1E33 !important; border: 1px solid #1E1E1E; width: 32px; height: 32px; border-radius: 50%;} .subcategory_items .left_productimg .product-gallery .main-slider .slick-prev:before { content: '' !important; display: block; width: 32px; height: 32px; background: url(../images/arrow_product.svg) no-repeat center !important;} .subcategory_items .left_productimg .product-gallery .main-slider .slick-next:before { content: '' !important; display: block; width: 32px; height: 32px; background: url(../images/arrow_product.svg) no-repeat center !important; transform: rotate(180deg);} .subcategory_items .left_productimg .product-gallery .main-slider button.slick-prev.slick-arrow { left: 16px; z-index: 1;} .subcategory_items .left_productimg .product-gallery .main-slider button.slick-next.slick-arrow { right: 16px;} .subcategory_items .left_productimg .product-gallery .thumb-slider {margin-top: 17px;} .subcategory_items .left_productimg .product-gallery .thumb-slider .slick-current { opacity: 1;} .subcategory_items .left_productimg .product-gallery .thumb-slider .slick-slide { /* opacity: 0.4; */ cursor: pointer; padding: 0 5px;} .subcategory_items .left_productimg .product-gallery .thumb-slider .slick-list img { width: 100%; height: 116px; object-fit: cover; border-radius: 8px;} .subcategory_items .left_productimg .product-gallery .thumb-slider button { display: none;} .subcategory_items .right_productinfo .product_topinfo h6{font-weight: 500; font-size: 16px; color: #666666; margin-bottom: 6px;} .subcategory_items .right_productinfo .product_topinfo h6 span{color: var(--bs-primary);} .subcategory_items .right_productinfo .product_topinfo h3{font-weight: 600; font-size: 32px; line-height: 100%; letter-spacing: 0%; color: var(--bs-secondary); margin-bottom: 20px;} .subcategory_items .right_productinfo .product_topinfo p{font-weight: 500; font-size: 18px; color: #251E18; margin-bottom: 20px;} .subcategory_items .right_productinfo .product_topinfo p span{color: var(--bs-primary);} .subcategory_items .right_productinfo .stock_details {display: flex; gap: 10px;} .subcategory_items .right_productinfo .stock_details h6{ font-weight: 500; font-size: 18px; margin-bottom: 0px; color: #251E18;} .subcategory_items .right_productinfo .stock_details h6 span{color: #159761;} .subcategory_items .right_productinfo hr { color: #999999; margin: 24px 0px;} .subcategory_items .right_productinfo .price_details { display: flex; justify-content: space-between; align-items: flex-end;} .subcategory_items .right_productinfo .price_details .price_leftdeails p{ font-weight: 500; font-size: 16px; color: #666666; margin-bottom: 8px;} .subcategory_items .right_productinfo .price_details .price_leftdeails h6 { font-weight: 500; font-size: 18px; text-decoration: line-through; margin-bottom: 0px;} .subcategory_items .right_productinfo .price_details .price_leftdeails h5{ font-weight: 600; font-size: 32px; line-height: 100%; color: var(--bs-secondary); margin-bottom: 0px;} .subcategory_items .right_productinfo .price_details .price_leftdeails h5 span{color: var(--bs-primary);} .subcategory_items .right_productinfo .price_details .price_leftdeails .add_towaitbtn { cursor: pointer; border: 1px solid var(--bs-secondary); padding: 11px 18px;} .subcategory_items .right_productinfo .price_details .add_towaitbtn { } .subcategory_items .right_productinfo .price_details .add_towaitbtn a{ font-weight: 600; font-size: 14px; line-height: 100%; color: var(--bs-secondary); text-decoration: none;cursor: pointer; border: 1px solid #1E1E1E; padding: 11px 18px; border-radius: 30px; display: flex; gap: 8px; align-items: center; } .subcategory_items .right_productinfo .variant_group_wrap {margin-bottom: 35px;display: flex;flex-direction: column;gap: 25px;} .subcategory_items .right_productinfo .product_basicinfo .sizelabel p{ font-weight: 500; font-size: 16px; line-height: 100%; color: #666666; margin-bottom: 8px;} .subcategory_items .right_productinfo .product_basicinfo .sizelabel p span {font-weight: 600;color: #000;} .subcategory_items .right_productinfo .product_basicinfo .sizes { display: flex; gap: 10px;} .subcategory_items .right_productinfo .product_basicinfo .sizes .size-option {position: relative;} .subcategory_items .right_productinfo .product_basicinfo .sizes .size-option label{ font-weight: 600; font-size: 14px; color: #999999; border: 1px solid #999999; padding: 11px 23px; border-radius: 30px; cursor: pointer;} .subcategory_items .right_productinfo .product_basicinfo .sizes .size-option input {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 46px;cursor: pointer;} .subcategory_items .right_productinfo .product_basicinfo .sizes .size-option input[type="radio"]:checked + label{color: var(--bs-secondary); border-color: var(--bs-secondary);} .subcategory_items .right_productinfo .product_basicinfo .sizes .size-option label.active{color: var(--bs-secondary); border-color: var(--bs-secondary);} .stepper { display: flex; align-items: center; justify-content: center; border: 1px solid var(--bs-secondary); border-radius: 30px; padding: 16px 20px; margin-bottom: 30px; width: 48%; gap: 24px;} .stepper button { border: none; background: none; font-size: 20px; cursor: pointer; line-height: 17px;} .stepper span { font-size: 16px; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0%; color: var(--bs-secondary);} .stepper input.qty {width: 60px;text-align: center;border: 0;background: transparent;font-weight: 600;font-size: 18px;position: relative;left: 4px;top: 2px;} .subcategory_items .right_productinfo .product_basicinfo .actions { display: flex; gap: 16px;} .subcategory_items .right_productinfo .product_basicinfo .buy_btn { border: 2px solid var(--bs-secondary); width: 50%; text-align: center; padding: 16px 20px; border-radius: 30px;font-weight: 600;font-size: 16px;line-height: 100%;color: var(--bs-secondary);text-decoration: none;} .subcategory_items .right_productinfo .product_basicinfo .buy_btn:hover { background: var(--bs-secondary); color: var(--bs-white);} .subcategory_items .right_productinfo .product_basicinfo .cart_btn {cursor: pointer;background: #f26522; color: white; border: 2px solid var(--bs-primary); width: 50%; text-align: center; padding: 16px 20px; border-radius: 30px; font-weight: 600; font-size: 16px; line-height: 100%; color: var(--bs-white); text-decoration: none;} .subcategory_items .right_productinfo .product_basicinfo a.cart_btn img { margin-left: 8px;} .subcategory_items .right_productinfo .product_basicinfo a.cart_btn:hover { /*background: var(--bs-white); color: var(--bs-primary);*/} .product_description {background: #efefef87;} .product_description .tabs .tab-header { display: flex; border-bottom: 1px solid #999999; gap: 50px;} .product_description .tabs .tab-header .tab-link { color: #000; padding: 0px; font-weight: 600; font-size: 24px; line-height: 100%; padding-bottom: 16px; color: #999999; background: none; border: none; cursor: pointer;} .product_description .tabs .tab-header .tab-link.active { color: var(--bs-secondary); border-bottom: 2px solid var(--bs-secondary); padding-bottom: 16px;} /* .product_description .tabs .tab-header .tab-link { border-bottom: 2px solid transparent;} */ /* .product_description .tabs .tab-header .tab-link.active { color: #000; border-bottom: 2px solid var(--bs-secondary); font-weight: 600; font-size: 24px; color: var(--bs-secondary);} */ .product_description .tabs .tab-content { display: none; padding: 40px 0px 80px 0px;} .product_description .tabs .tab-content.active { display: block;} .product_description .tabs .tab-content h4 {margin-top: 0px; margin-bottom: 16px; font-weight: 600; font-size: 16px; line-height: 100%; color: var(--bs-secondary);} .product_description .tabs .tab-content p {margin-bottom: 0px;} .product_description .tabs .tab-content h6{font-weight: 500; font-size: 14px; line-height: 100%; margin-bottom: 8px; color: #666666;} .product_description .tabs .tab-content .features p {margin-bottom: 0px; font-weight: 500; font-size: 14px; line-height: 20px; margin-bottom: 8px;color: #666666; width: 70%;} /* My cart page css */ .cart-wrapper { background: #FFFFFF; border-radius: 12px; padding: 16px; width: 100%;} .cart-wrapper .top_cartinnerrow { overflow-x: auto;} .cart-wrapper .top_cartinnerrow h2 { font-weight: 600; font-size: 20px; color: var(--bs-secondary); margin-bottom: 0px;} .cart-wrapper .top_cartinnerrow .cart-table { width: 100%; border-collapse: separate; border-spacing: 0 14px; min-width: 700px;} .cart-wrapper .top_cartinnerrow .cart-table thead tr th{border-top: 1px solid #999999 !important; border-bottom: 1px solid #999999 !important; text-align: left; padding: 8px 10px; color: var(--bs-secondary); font-weight: 600; font-size: 14px;} .cart-wrapper .top_cartinnerrow .cart-table .cart-row td { padding: 8px 10px; vertical-align: middle; background: #F5F5F5 !important;} .cart-wrapper .top_cartinnerrow .cart-table .cart-row td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; background: #F5F5F5;} .cart-wrapper .top_cartinnerrow .cart-table .cart-row td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .cart-wrapper .top_cartinnerrow .cart-table th.align_center, .cart-wrapper .top_cartinnerrow .cart-table td.align_center { text-align: center !important;} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .product-info { display: flex; align-items: center; gap: 12px;} .cart-wrapper .top_cartinnerrow .cart-table .product-info img { width: 90px; height: 90px; border-radius: 8px;} .cart-wrapper .top_cartinnerrow .cart-table .product-info .title { font-weight: 600; font-size: 16px; line-height: 100%; color: var(--bs-secondary); margin-bottom: 8px; text-align: left;} .cart-wrapper .top_cartinnerrow .cart-table .product-info .size { font-weight: 500; font-size: 14px; line-height: 100%; color: #666666; margin-bottom: 4px; text-align: left;} .cart-wrapper .top_cartinnerrow .cart-table .product-info .size span{color: var(--bs-secondary);} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .price { font-weight: 600; font-size: 16px; line-height: 100%; color: var(--bs-secondary);} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .price span{color: var(--bs-primary);} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .stepper { display: flex; align-items: center; justify-content: center; border: 1px solid var(--bs-secondary); border-radius: 30px; padding: 8px 12px; margin-bottom: 0px; width: 140px; gap: 5px;} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .stepper input.qty { width: 50px;} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .subtotal { font-weight: 600; font-size: 16px; line-height: 100%; margin-bottom: 0px; color: var(--bs-secondary);} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .subtotal span{color: var(--bs-primary);} .cart-wrapper .top_cartinnerrow .cart-table .cart-row .delete { border: 1px solid #FF383C; color: #FF383C; background: #FF383C1A; border-radius: 50%; padding: 6px 8px; cursor: pointer; width: 26px; height: 26px; display: flex; justify-content: center;} .cart-wrapper .cart-actions { margin-top: 20px; border-top: 1px solid #999999; padding-top: 14px; display: flex; gap: 12px;} .cart-wrapper .cart-actions .clear { padding: 12px 20px; border-radius: 30px; border: 1px solid var(--bs-secondary); font-weight: 600; font-size: 14px; text-decoration: none; color: var(--bs-secondary);} .cart-wrapper .cart-actions .clear:hover{background-color: var(--bs-secondary); color: var(--bs-white);} .cart-wrapper .cart-actions .update {padding: 12px 20px; border-radius: 30px; border: 1px solid var(--bs-primary); font-weight: 600; font-size: 14px; text-decoration: none; color: var(--bs-white); background-color: var(--bs-primary);} .cart-wrapper .cart-actions .update:hover{background-color: var(--bs-white); color: var(--bs-primary);} .cart-side .card { background: var(--bs-white); padding: 16px; border-radius: 12px; margin-bottom: 16px; border: 0px;} .card_height { height: 441px; margin-bottom: 0px !important; display: flex; justify-content: space-between;} .cart-side .card h3 { font-weight: 600; font-size: 20px; color: var(--bs-secondary); margin-bottom: 16px;} .cart-side .card .coupon-box { display: flex; border: 1px solid #666666; border-radius: 30px; overflow: hidden; background: #fff; padding: 4px 4px 4px 18px;} .cart-side .card .coupon-box input { border: none; width: 100%;} .cart-side .card .coupon-box button { background: var(--bs-primary); color: #fff; border: none; padding: 10px 18px; cursor: pointer; border-radius: 30px; font-weight: 600; font-size: 14px;} .cart-side .card .cardtotal_info { display: flex; justify-content: space-between;} .cart-side .card .cardtotal_info p{ font-weight: 500; font-size: 16px; color: #666666; margin-bottom: 13px} .cart-side .card .cardtotal_info .price, .cart-side .card .cardtotal_info .discount { font-weight: 600; font-size: 16px; color: var(--bs-secondary);} .cart-side .card .cardtotal_info .price span, .cart-side .card .cardtotal_info .discount span{color: var(--bs-primary);} .cart-side .card .discount { color: var(--bs-primary);} .cart-side .card .cardtotal_bottom .total { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 12px 0px;} .cart-side .card .cardtotal_bottom .total h6{ font-weight: 500; font-size: 20px; color: var(--bs-secondary); margin-bottom: 0px;} .cart-side .card .cardtotal_bottom .total .price { font-weight: 600; font-size: 20px; color: var(--bs-secondary); margin-bottom: 0px;} .cart-side .card .cardtotal_bottom .total .price span{color: var(--bs-primary);} .cart-side .card .cardtotal_bottom .checkout-btn{display: flex; margin-top: 20px;} .cart-side .card .cardtotal_bottom .checkout-btn a { width: 100%; background: var(--bs-primary); color: var(--bs-white); font-weight: 600; font-size: 16px; padding: 16px; text-decoration: none; border-radius: 30px; text-align: center; border: 1px solid var(--bs-primary);} .cart-side .card .cardtotal_bottom .checkout-btn a:hover{background-color: var(--bs-white); color: var(--bs-primary);} /* checkout page css */ .checkout_section{background-color: #efefef87; padding-bottom: 80px;} .checkout_section .form-leftcol .billingaddress_form { background: #FFFFFF; padding: 16px; border-radius: 12px; margin-bottom: 20px;} .checkout_section .form-leftcol .billingaddress_form h2{ font-weight: 600; font-size: 20px; color: var(--bs-secondary); margin-bottom: 14px;} .checkout_section .form-leftcol .billingaddress_form .selectsave_address select{ padding: 16px; border-radius: 30px; border: 1px solid #666666 !important;} .checkout_section .form-leftcol .billingaddress_form .selectsave_address { display: flex; flex-direction: column; width: 50%;} .checkout_section .form-leftcol .billingaddress_form .form_row {margin-bottom: 30px; } .checkout_section .form-leftcol .billingaddress_form .form_row .display_styling { display: flex; gap: 20px;} .checkout_section .form-leftcol .form_row label{ font-weight: 500; font-size: 12px; line-height: 100%; text-transform: capitalize; color: var(--bs-secondary); margin-bottom: 6px;} .checkout_section .form-leftcol .form_row .input_fields{ display: flex; flex-direction: column; width: 50%; margin-bottom: 14px;} .checkout_section .form-leftcol .form_row input[type="text"] { padding: 16px; border-radius: 30px; border: 1px solid #666666 !important;} .checkout_section .form-leftcol .billingaddress_form .company_address .input_fields { width: 100% !important;} .checkout_section .form-leftcol .form_row .address_info { display: flex; gap: 20px;} .checkout_section .form-leftcol .form_bottomrow { display: flex; justify-content: space-between; align-items: center;} .checkout_section .form-leftcol .form_bottomrow .checkbox { font-weight: 500; font-size: 12px; text-transform: capitalize; color: #666666; display: flex; align-items: center; gap: 4px;} .checkout_section .form-leftcol .checkbox input{border: 1px solid #666666; border-radius: 4px; width: 16px; height: 16px;} .checkout_section .form-leftcol .save-row { display: flex; align-items: center; gap: 16px;} .checkout_section .form-leftcol .save-row span { font-weight: 600; font-size: 14px; text-transform: capitalize;} .checkout_section .form-leftcol .save-row button { border-radius: 30px; border-width: 1.5px; padding: 10px 32px; border: 1.5px solid var(--bs-primary); background-color: var(--bs-white); font-weight: 600; font-size: 14px; line-height: 100%; text-transform: capitalize; color: var(--bs-primary);} .checkout_section .form-leftcol .save-row button:hover{background-color: var(--bs-primary); color: var(--bs-white);} .checkout_section .form-leftcol .remove_bottomm .input_fields { margin-bottom: 0px !important;} .checkout_section .form-leftcol .order_notes{background-color: var(--bs-white); border-radius: 12px; padding: 16px;} .checkout_section .form-leftcol .order_notes h2{ font-weight: 600; font-size: 20px; color: var(--bs-secondary); margin-bottom: 14px;} .checkout_section .form-leftcol .order_notes hr { margin: 16px 0px;} .checkout_section .form-leftcol .notes_textarea { display: flex; flex-direction: column; gap: 6px;} .checkout_section .form-leftcol .order_notes .notes_textarea label{font-weight: 500;font-size: 12px; color: var(--bs-secondary);} .checkout_section .form-leftcol .order_notes .notes_textarea textarea { border: 1px solid #666666; border-radius: 8px; padding: 14px 16px; height: 140px;} .checkout_section .order_summaryright { border-radius: 12px; background: var(--bs-white); padding: 16px;} .checkout_section .order_summaryright .summary_top { display: flex; flex-direction: column; gap: 13px; margin-bottom: 60px;} .checkout_section .order_summaryright h2{ font-weight: 600; font-size: 20px; color: var(--bs-secondary); margin-bottom: 20px;} .checkout_section .order_summaryright .order_summaryinfo { display: flex; justify-content: space-between;} .checkout_section .order_summaryright .order_summaryinfo p{ font-weight: 500; font-size: 16px; color: #666666; margin-bottom: 0px;} .checkout_section .order_summaryright .order_summaryinfo .price{ font-weight: 600; font-size: 16px; margin-bottom: 0px; color: var(--bs-secondary);} .checkout_section .order_summaryright .order_summaryinfo .price span{color: var(--bs-primary);} .checkout_section .order_summaryright .summary_total { display: flex; justify-content: space-between; align-items: center;} .checkout_section .order_summaryright .summary_total p{ font-weight: 500; font-size: 20px; color: var(--bs-secondary); margin-bottom: 0px;} .checkout_section .order_summaryright .summary_total .order_totalprice { font-weight: 600; font-size: 20px; margin-bottom: 0px; color: var(--bs-secondary);} .checkout_section .order_summaryright .summary_total .order_totalprice span{color: var(--bs-primary);} .checkout_section .order_summaryright .privacy_text { font-weight: 500; font-size: 14px; color: #666666; margin-bottom: 24px;} .checkout_section .order_summaryright .privacy_text span{color: var(--bs-secondary); font-weight: 600;} .checkout_section .order_summaryright .place_orderbtn{border-radius: 30px; background-color: var(--bs-primary); border:1px solid var(--bs-primary); padding: 16px 20px; font-weight: 600; font-size: 16px; color: var(--bs-white); width: 100%; text-decoration: none; text-align: center;} .checkout_section .order_summaryright .place_orderbtn:hover{background-color: var(--bs-white); color: var(--bs-primary);} #shippingaddress_form { transition: all 0.3s ease;} /* About us page css */ .about_herosec{background-image: url("../images/aboutus-heroimg.png"); background-repeat: no-repeat; background-size: cover;} .about_herosec .about_herorow { text-align: center; padding: 180px 0px;} .about_herosec .about_herorow h2{ font-weight: 600; font-size: 28px; text-align: center; color: var(--bs-primary); margin-bottom: 6px;} .about_herosec .about_herorow h1{font-weight: 700; font-size: 48px; text-align: center; margin-bottom: 6px; color: var(--bs-white);} .about_herosec .about_herorow p{ font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; color: var(--bs-white); margin-bottom: 0px;} .ourcompany_sec{margin: 80px 0px;} .ourcompany_sec .ourcompany_left { display: flex; gap: 20px;} .ourcompany_sec .ourcompany_left .left_innercol { width: 70%;} .ourcompany_sec .ourcompany_left .left_innercol img { width: 100%; height: 400px; object-fit: cover; object-position: left; border-radius: 12px;} .ourcompany_sec .ourcompany_left .right_innercol {width: 30%;} .ourcompany_sec .ourcompany_left .right_innercol img { width: 100%; height: 400px; object-fit: cover; object-position: top; border-radius: 12px;} .ourcompany_sec .ourcompany_right h3 { font-weight: 600; font-size: 20px; margin-bottom: 12px; color: var(--bs-primary);} .common_text p{ font-weight: 600; font-size: 14px; line-height: 22px; color: #666666; margin-bottom: 20px;} .common_text p:last-child { margin-bottom: 0px !important;} .whocan_sec {margin-bottom: 80px;} .whocan_sec .whocan_row { text-align: center; display: flex; flex-direction: column; align-items: center;} .whocan_sec .whocan_row p { margin-bottom: 12px; width: 80%;} .whocan_sec .whocan_row p:last-child{margin-bottom: 0px;} .whocan_sec .whocan_row .whocan_img{ margin-top: 18px;} .whocan_sec .whocan_row .whocan_img img{border-radius: 12px; width: 100%;} .trendingbrands_sec { padding: 30px 0px; background: #EFEFEF;} .trendingbrands_sec h2.common_heading { text-align: center; margin-bottom: 24px;} .trendingbrands_sec .brands_slider .slide .brand_img img { border-radius: 14px;} .ourmission_sec { margin: 80px 0px;} .ourmission_sec .missionleft_col h2{margin-bottom: 20px;} .ourmission_sec .missionrightcol { display: flex; gap: 20px;} .ourmission_sec .missionrightcol .inner_leftcol{width: 30%;} .ourmission_sec .missionrightcol .inner_leftcol img, .ourmission_sec .missionrightcol .inner_rightcol img { width: 100%; height: 234px; object-fit: cover; object-position: center; border-radius: 12px;} #trendingbrands_slider .slide { padding: 10px;} .brand_img img { width: 100%; display: block;} /* contact us page css */ .contact_herosec {background-image: url("../images/contactus_bg.png"); background-repeat: no-repeat; background-size: cover;} .contact_herosec .contact_herorow {padding: 180px 0px 160px 0px;} .contact_herosec .contact_herorow h2{font-weight: 600; font-size: 28px; text-align: center; color: var(--bs-primary); margin-bottom: 6px;} .contact_herosec .contact_herorow h1 { font-weight: 700; font-size: 48px; text-align: center; margin-bottom: 0px; color: var(--bs-white);} .contact_secondsec { padding: 60px 0px; background: #f5f5f5;} .contact_secondsec .contact_leftcol { background: var(--bs-secondary); padding: 30px 20px 20px 20px; border-radius: 12px;} .contact_secondsec .contact_leftcol .common_heading {color: var(--bs-white); margin-bottom: 12px;} .contact_secondsec .contact_leftcol .topcontact_us {margin-bottom: 60px;}.contact_secondsec .contact_leftcol p{font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0%; color: #999999; margin-bottom: 20px;} .contact_secondsec .contact_leftcol .customer_service { display: flex; justify-content: flex-start; gap: 75px;} .contact_secondsec .contact_leftcol .service_info p{ font-weight: 500; font-size: 12px; color: #818181; margin-bottom: 8px;} .contact_secondsec .contact_leftcol .service_info .inner_col { display: flex; gap: 8px;} .contact_secondsec .contact_leftcol .service_info .inner_col a{ font-weight: 500; font-size: 16px; color:var(--bs-white); text-decoration: none;} .contact_secondsec .contact_leftcol .service_info .inner_col a:hover{color: var(--bs-primary);} .contact_secondsec .contact_leftcol .middlecontact_us {margin-bottom: 46px;} .contact_secondsec .contact_rightcol {background: var(--bs-white); padding: 30px 20px 20px 20px; border-radius: 12px;} .contact_secondsec .contact_rightcol .right_toprow h2{margin-bottom: 12px;} .contact_secondsec .contact_rightcol .right_toprow p{margin-bottom: 20px;} #LoginFromID {} #LoginFromID .form_group .input_fields { width: 50%;} #LoginFromID .form_group .input_fields label, #LoginFromID .textarea_field label{ font-weight: 500; font-size: 12px; color: var(--bs-secondary); margin-bottom: 6px;} #LoginFromID .form_group .input_fields input[type="text"], #LoginFromID .form_group .input_fields input.form-control { width: 100%; border: 1px solid #666666; padding: 16px 4px 16px 18px; border-radius: 30px; margin: 0px;} #LoginFromID .form_group .input_fields input::placeholder, #LoginFromID .textarea_field { display: flex; flex-direction: column;} #LoginFromID .textarea_field textarea::placeholder{font-weight: 500; font-size: 14px; color: #666666;} #LoginFromID .textarea_field textarea {padding: 16px 4px 16px 18px; border: 1px solid #666666; border-radius: 12px; height: 160px; margin-bottom: 20px;} .orange_btn button, .orange_btn a { background: var(--bs-primary); padding: 16px 20px; width: 100%; border-radius: 30px; border: 1px solid var(--bs-primary); font-weight: 600; font-size: 16px; color: var(--bs-white); text-decoration: none;} .orange_btn button:hover, .orange_btn a:hover{background-color: var(--bs-white) !important;color: var(--bs-primary);border-color: var(--bs-primary);} .map_section {height: 450px;} /* Accounts page css */ .useraccount_section { background: url(../images/user_accountbg.png); background-size: cover; background-position: center;} .useraccount_section .useraccount_row { display: flex; justify-content: center; padding: 132px 0px;} .useraccount_section .useraccount_row .useraccountmain_box { width: 100%; background: #fff; max-width: 500px; border-radius: 12px; padding: 30px 50px; text-align: center;} .useraccount_section .useraccount_row .useraccountmain_box img { margin-bottom: 33px;} .useraccount_section .useraccount_row .useraccountmain_box h2{margin-bottom: 10px;} .useraccount_section .useraccount_row .useraccountmain_box p { font-weight: 600; font-size: 12px; line-height: 17px; color: #666666; margin-bottom: 20px;} .useraccount_section .useraccount_row .useraccountmain_box .contact_form .form_group { margin-bottom: 30px; display: flex; flex-direction: column; gap: 14px;} .useraccount_section .useraccount_row .useraccountmain_box .contact_form .form_group .input_fields { width: 100%; text-align: left;} .login_section .reset_password {text-align: right;} .login_section .reset_password a { font-weight: 600; font-size: 14px; text-decoration: none; color: var(--bs-primary); margin-top: 6px;} .setnew_account {margin-top: 30px;} .setnew_account p{ font-weight: 600; font-size: 14px; text-align: right; color: var(--bs-secondary) !important; margin-bottom: 0px; text-align: center;} .setnew_account a{text-decoration: none; color: var(--bs-primary);} /* create acoount page css */ .useraccountmain_box { margin: auto; transition: all 0.3s ease;} .create_account .create_accountrow { display: flex; justify-content: center; padding: 50px 0px;} .create_account .create_accountrow .useraccountmain_box { width: 100%; background: var(--bs-white); max-width: 500px; border-radius: 12px; padding: 30px 50px; text-align: center;} .create_account .create_accountrow .useraccountmain_box.trade-active {max-width: 100%;} .create_account .create_accountrow .useraccountmain_box img{margin-bottom: 30px;} .create_account .create_accountrow .useraccountmain_box h2{margin-bottom: 14px;} .create_account .create_accountrow .useraccountmain_box .tab_btnrow { text-align: center; display: flex; justify-content: center;} .tab_btnrow ul.nav {background: var(--bs-secondary);padding: 4px;border-radius: 30px;inline-size: fit-content;margin-bottom: 34px;} .tab_btnrow ul.nav li.nav-item > a {padding: 12px 20px;border: none;background: none;font-weight: 600;font-size: 14px;color: #fff;display: flex;text-decoration: none;} .tab_btnrow ul.nav li.nav-item > a.active {background: var(--bs-primary);border-radius: 30px;} .create_account .create_accountrow .useraccountmain_box .tabs { background: var(--bs-secondary); padding: 4px; border-radius: 30px; inline-size: fit-content; margin-bottom: 34px;} .create_account .create_accountrow .useraccountmain_box .tab-btn {padding: 12px 20px; border: none; background: none; font-weight: 600; font-size: 14px; color: #fff;} .create_account .create_accountrow .useraccountmain_box .tab-btn.active { background: var(--bs-primary); border-radius: 30px;} /*.create_account .create_accountrow .useraccountmain_box .tab-content .input_fields { text-align: left; margin-bottom: 16px;} .create_account .create_accountrow .useraccountmain_box .tab-content .input_fields label{ padding: 0;font-weight: 500; font-size: 12px; color: var(--bs-secondary); margin-bottom: 6px;} .create_account .create_accountrow .useraccountmain_box .tab-content .input_fields input, .create_account .create_accountrow .useraccountmain_box .tab-content .input_fields select { width: 100%; padding: 16px 4px 16px 18px; border-radius: 30px; border: 1px solid #666666;} .create_account .create_accountrow .useraccountmain_box .tab-content .input_fields input::placeholder{ font-weight: 500; font-size: 14px; color: #666666;} */ .create_account .create_accountrow .useraccountmain_box .steps { margin-bottom: 15px;} .create_account .create_accountrow .useraccountmain_box .step { display: inline-block;background: #ccc; padding: 8px 12px; margin: 3px; border-radius: 50%;} .create_account .create_accountrow .useraccountmain_box .form-step h3 { font-weight: 600; font-size: 20px; letter-spacing: 0%; color: var(--bs-secondary); margin-bottom: 20px; text-align: left;} .create_account .create_accountrow .useraccountmain_box .form-step .input_fields {margin-bottom: 0px;} .create_account .create_accountrow .useraccountmain_box .form-step .input_fields .required_field {color: #FF383C;} .create_account .create_accountrow .useraccountmain_box .form-step .create_accountbottom { display: flex; align-items: center; justify-content: space-between; margin-top: 30px;} .create_account .create_accountrow .useraccountmain_box .form-step .create_accountbottom .setnew_account {margin-top: 0px;} .create_account .create_accountrow .useraccountmain_box .form-step .orange_btn button { padding: 16px 24px; inline-size: fit-content;} .create_account .create_accountrow .useraccountmain_box .form-step .orange_btn button.next { padding: 16px 40px !important;margin-bottom: 0;} .form_privacytext { } .form_privacytext p { font-weight: 500; font-size: 12px; line-height: 18px; color: #666666; margin-bottom: 0px; text-align: left;} .form_privacytext p a{color: var(--bs-secondary); font-weight: 600;} form#CustomerFromID .submit_btn {margin-top: 24px;} form#TradeFromID {} form#TradeFromID ul.nav-tabs {display: flex;align-items: center;justify-content: center;border: 0;margin-bottom: 40px;position: relative;} form#TradeFromID ul.nav-tabs li:hover, form#TradeFromID ul.nav-tabs li:focus, form#TradeFromID ul.nav-tabs li:focus-visible, form#TradeFromID ul.nav-tabs li button.nav-link:hover, form#TradeFromID ul.nav-tabs li button.nav-link:focus, form#TradeFromID ul.nav-tabs li button.nav-link:focus-visible {background-color: transparent;box-shadow: unset;border: 0;} form#TradeFromID ul.nav-tabs li{pointer-events: none;} form#TradeFromID ul.nav-tabs li, form#TradeFromID ul.nav-tabs li button.nav-link, form#TradeFromID ul.nav-tabs li button.nav-link.active {border: 0;} form#TradeFromID .steps { display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 0px; max-width: 780px; margin-bottom: 30px !important; left: 17%;} form#TradeFromID .steps::after { content: ""; position: absolute; top: 18px; left: 12%; width: calc(var(--progress, 0%) * 0.75); height: 3px; background: var(--bs-primary); z-index: 1; transition: 0.3s ease;} form#TradeFromID ul.nav-tabs::before { content: ""; position: absolute; top: 25px; left: 0; right: 0;margin: 0 auto; width: 44%; height: 3px; background: #ddd; z-index: 0;} form#TradeFromID ul.nav-tabs li button .step-item { position: relative; z-index: 2; text-align: center; width: 25%;} form#TradeFromID ul.nav-tabs li button .step-circle { width: 38px; height: 38px; border-radius: 50%; background: #EFEFEF !important; color: #999999 !important; display: flex; align-items: center; justify-content: center; font-weight: 600; margin: 0 auto; font-size: 16px; position: relative;z-index: 2;} form#TradeFromID ul.nav-tabs li button .step-label { margin-top: 10px; font-size: 13px; color: #999999;} form#TradeFromID ul.nav-tabs li button.completed .step-circle {background: var(--bs-primary) !important; color: #fff !important;} form#TradeFromID ul.nav-tabs li button.completed .step-label {color: #000;} form#TradeFromID ul.nav-tabs li button.completed{position: relative;} form#TradeFromID ul.nav-tabs li button.completed:before {content: '';position: absolute;top: 25px;left: 50%;right: 0;margin: 0 auto;width: 100%;height: 3px;background: var(--bs-primary) !important;z-index: 1;} form#TradeFromID ul.nav-tabs li:nth-child(3) button.completed:before {width: 50%;} form#TradeFromID ul.nav-tabs li.nav-item:last-child button.completed:before {width: 50%;left: 0;margin: 0;} form#TradeFromID .form-group {margin-bottom: 25px;} /* orders page css */ .order_detailssec { background: #efefef87; padding-bottom: 80px;} .order_detailssec .order_leftcol { padding: 20px 16px; background: #FFFFFF; border-radius: 12px; height: 700px;} .order_detailssec .order_leftcol h4{font-weight: 600; font-size: 24px; letter-spacing: 1%; text-transform: capitalize; color: var(--bs-secondary); margin-bottom: 24px;} .order_detailssec .order_leftcol ul{margin: 0px; padding: 0px;} .order_detailssec .order_leftcol ul li { list-style: none; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E0E0E0;} .order_detailssec .order_leftcol ul li a{ font-weight: 600; font-size: 18px; color: var(--bs-secondary); text-decoration: none; display: flex; align-items: center; gap: 8px;} .order_detailssec .order_leftcol ul li:hover a{color: var(--bs-primary);} .order_detailssec .order_leftcol ul li.active a {color: var(--bs-primary) !important;} .order_detailssec .order_leftcol .logout_btn a{ font-weight: 600; font-size: 18px; color: #FF383C; display: flex; gap: 8px; text-decoration: none;} .order_rightcol { background: #fff; border-radius: 12px; height: 700px;} .order_rightcol .top_orderrow { padding: 20px 16px 14px 16px;} .order_rightcol .top_orderrow h2 { font-weight: 600; font-size: 24px; margin-bottom: 14px; color: var(--bs-secondary);} .order_rightcol .top_orderrow .checkorder_details { display: flex; gap: 12px; align-items: center;} .order_rightcol .top_orderrow .checkorder_details .order_search{position: relative; width: 40%;} .order_rightcol .top_orderrow .checkorder_details .order_search img { position: absolute; top: 16px; left: 13px;} .order_rightcol .top_orderrow .checkorder_details input { width: 100%; padding: 12px 12px 12px 12px;border: 1px solid #ccc; border-radius: 8px;font-size: 14px; cursor: pointer; border-radius: 30px; } .order_rightcol .top_orderrow .checkorder_details input.form-control { border: 1px solid #666666; padding: 12px 12px 12px 38px; border-radius: 30px; width: 100%;} .order_rightcol .top_orderrow .checkorder_details .sortby_info .sort_dropdown { max-width: 103px; padding: 12px 12px 12px 12px; border-radius: 30px; border: 1px solid #666666; font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(/dist/images/selectcategoryicon.svg) no-repeat right 12px center; background-size: 14px; cursor: pointer;} .order_rightcol .top_orderrow .checkorder_details .field { position: relative; margin-bottom: 0px;cursor: pointer;} .order_rightcol .top_orderrow .checkorder_details .field input { width: 100%; max-width: 140px; padding: 12px 12px 12px 12px; border: 1px solid #666666; border-radius: 8px; font-size: 14px; cursor: pointer; border-radius: 30px;} .order_rightcol .top_orderrow .checkorder_details .orange_btn {display: flex;gap: 5px;} .order_rightcol .top_orderrow .checkorder_details .orange_btn button { background: var(--bs-primary); padding: 12px 40px; border-radius: 30px; margin: 5.5px 0px; border: 1px solid var(--bs-primary); margin: 0px; font-weight: 700; font-style: Bold; font-size: 14px; text-transform: capitalize; color: #fff; text-decoration: none;} .order_rightcol .top_orderrow .checkorder_details .orange_btn button:hover { background: #fff; color: var(--bs-primary);} .order_rightcol .orderinfo_table table { width: 100%; min-width: 800px;} .order_rightcol .orderinfo_table table thead tr { background: var(--bs-secondary); padding: 8px 0px;} .order_rightcol .orderinfo_table table thead tr th{color: var(--bs-white); text-align: center; font-weight: 600; font-size: 14px; padding: 8px 0px;} .order_rightcol .orderinfo_table table tbody tr td{padding: 12px 0px; text-align: center; font-weight: 500; font-size: 14px; color: var(--bs-secondary);} .order_rightcol .orderinfo_table table tbody tr td .shipped_status { background: #34C75933; border-radius: 20px; padding: 3px 6px; font-weight: 500; font-size: 12px; color: #34C759; text-decoration: none;} .order_rightcol .orderinfo_table table tbody tr td .view_status img{ width: 26px; height: 26px; border-radius: 6px; border: 1px solid #666666; padding: 6px;} .order_rightcol .orderinfo_table table tbody tr:nth-child(even){ background-color: #efefef87;} /* my address */ .address_rightcol { padding: 16px;} .address_rightcol .top_addressrow { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;} .address_rightcol .top_addressrow h2{ font-weight: 600; font-size: 24px; line-height: 100%; letter-spacing: 0%; color: var(--bs-secondary);} .address_rightcol .address_innerrow { border-radius: 8px; background: #F5F5F5; padding: 16px; display: flex; align-items: center; margin-bottom: 14px;} .address_rightcol .address_innerrow .address_left { display: flex; gap: 16px; align-items: center; width: 30%;} .address_rightcol .address_innerrow .address_left .deleteaddress { background: #FF383C33; padding: 6px; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center;} .address_rightcol .address_innerrow .address_left .home_address h6 { font-weight: 600; font-size: 16px; color: var(--bs-secondary); margin-bottom: 16px;} .address_rightcol .address_innerrow .address_left .home_address p{font-weight: 500;font-size: 18px;color: var(--bs-secondary); margin-top: 6px; margin-bottom: 0px;} .address_rightcol .address_innerrow .address_right{width: 70%;} .address_rightcol .address_innerrow .address_righttop { display: flex; gap: 25px; justify-content: flex-end; align-items: center; margin-bottom: 20px;} .address_rightcol .address_innerrow .address_righttop a.edit_btn { border: 1px solid #1E1E1E; padding: 6px 12px; border-radius: 30px; font-weight: 600; font-size: 12px; text-transform: capitalize; text-decoration: none; display: flex; align-items: center; gap: 8px; color: var(--bs-secondary);} .address_rightcol .address_innerrow .address_righttop p { font-weight: 500; font-size: 14px; text-transform: capitalize; margin-bottom: 0px;} .address_rightcol .address_innerrow .address_rightbottom { display: flex; justify-content: space-between;} .address_rightcol .address_innerrow .address_rightbottom p{font-weight: 500;font-size: 12px;color: #666666;margin-bottom: 4px;} .address_rightcol .address_innerrow .address_rightbottom span{font-weight: 500;font-size: 14px; color: var(--bs-secondary);} .address_rightcol .address_innerrow .address_righttop .switch { position: relative; display: inline-block; width: 50px; height: 26px;} .address_rightcol .address_innerrow .address_righttop .switch input { opacity: 0; width: 0; height: 0;} .address_rightcol .address_innerrow .address_righttop .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #999999; transition: 0.4s; border-radius: 34px;} .address_rightcol .address_innerrow .address_righttop .switch .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; transition: 0.4s; border-radius: 50%;} .address_rightcol .address_innerrow .address_righttop .switch input:checked + .slider { background-color: var(--bs-primary);} .address_rightcol .address_innerrow .address_righttop .switch input:checked + .slider:before { transform: translateX(24px);} /* order-details */ .order_detailsleft { height: auto !important; margin-bottom: 14px;} .order_detailsleft h4{margin-bottom: 0px !important;} .order_detailsleft hr{border: 1px solid #E0E0E0; margin: 14px 0px;} .order_detailsleft .order_innerinfo {display: flex; justify-content: space-between;} .order_detailsleft .order_innerinfo .left_details h6{ font-weight: 600; font-size: 18px; color: var(--bs-secondary);margin-bottom: 10px;} .order_detailsleft .order_innerinfo .left_details h6 span{color: #34C759;} .order_detailsleft .order_innerinfo .deliverd_status { display: flex; gap: 8px; align-items: center;} .deliverd_status p, .right_details p{ font-weight: 500; font-size: 14px; color: #666666; margin-bottom: 0px;} .deliverd_status p span, .right_details p span{color: var(--bs-secondary);} .right_details a { background: #F16C21; color: #fff; padding: 10px 12px; border-radius: 30px; font-weight: 600; font-size: 12px; display: flex; gap: 8px; align-items: center; text-decoration: none; margin-top: 10px;} .order_detailsleft h5{ font-weight: 600; font-size: 18px; margin-bottom:14px; color: var(--bs-secondary);} .order_detailsleft .cart_box { display: flex; gap: 40px; justify-content: space-between; background: #F5F5F5; padding: 8px; margin-bottom: 14px; border-radius: 8px;} .order_detailsleft .cart_box .cart_left { display: flex; gap: 12px; align-items: center; width: 38%;} .order_detailsleft .cart_box .cart_left img{width: 90px; height: 90px; border-radius: 8px;} .order_detailsleft .cart_box .cart_left h3{ font-weight: 600; font-size: 16px; color: var(--bs-secondary); margin-bottom: 10px;} .order_detailsleft .cart_box .cart_left p{ font-weight: 500; font-size: 14px; color: #666666; margin: 0px;} .order_detailsleft .cart_box .cart_left p span{color: var(--bs-secondary);} .order_detailsleft .cart_box .cart_right { display: flex; width: 55%; flex-direction: column; gap: 12px;} .order_detailsleft .cart_box .reorder { display: flex; justify-content: flex-end;} .order_detailsleft .cart_box .cart_right a { background: #F16C21; display: flex; align-items: center; padding: 7px 12px; inline-size: fit-content; border-radius: 30px; font-weight: 600; font-size: 12px; color: #fff; text-decoration: none; display: flex; gap: 8px;} .order_detailsleft .cart_box .cart_innerright { display: flex; justify-content: space-between; padding: 0px 20px;} .order_detailsleft .cart_box .cart_innerright p{ font-weight: 500; font-size: 12px; color: #666666; margin-bottom: 4px;} .order_detailsleft .cart_box .cart_innerright h6{ font-weight: 600; font-size: 20px; color: var(--bs-secondary);} .order_detailsleft .cart_box .cart_innerright h6 span{color: var(--bs-primary);} .order_detailsleft .cart_box .order_detailsleft .cart_box:last-child{margin-bottom: 0px;} .order_detailsleft .order_summary { display: flex; flex-direction: column; gap: 13px;} .order_detailsleft .summary_inner { display: flex; justify-content: space-between; align-items: center;} .order_detailsleft .summary_inner p{ font-weight: 500; font-size: 16px; color: #666666; margin-bottom: 0px;} .order_detailsleft .summary_inner h6{ font-weight: 600; font-size: 16px; margin-bottom: 0px; color: var(--bs-secondary);} .order_detailsleft .summary_inner h6 span{color: var(--bs-primary);} .order_detailsleft .dark_hr {margin-top: 20px !important; margin-bottom: 14px !important; border: 1px solid #999999 !important;} .order_detailsleft .ordersummary_total { display: flex; justify-content: space-between; align-items: center;} .ordersummary_total p{ font-weight: 500; font-size: 20px; color: var(--bs-secondary); margin-bottom: 0px;} .order_detailsleft .ordersummary_total h6{ font-weight: 600; font-size: 20px; margin-bottom: 0px; color: var(--bs-secondary);} .order_detailsleft .ordersummary_total h6 span{color: var(--bs-primary);} .order_detailsleft .notes_text { font-weight: 500; font-size: 14px; color: #666666; margin-bottom: 15px;} /* right */ hr{border: 1px solid #E0E0E0; margin: 14px 0px;} .order_detailsright { padding: 16px; height: auto; margin-bottom: 14px;} .order_detailsright h5{ font-weight: 600; font-size: 18px; color: var(--bs-secondary);} .order_detailsright .orderd_innerright{display: flex; gap: 10px; flex-direction: column;} .order_detailsright .orderd_innerright p{ font-weight: 500; font-size: 14px; color: #666666; margin-bottom: 0px; } .order_detailsright .orderd_innerright p span{color: var(--bs-secondary);} .order_detailsright .timeline { background: #fff; border-radius: 10px; padding-left: 24px;} .order_detailsright .timeline-item {position: relative; padding-left: 8px; margin-bottom: 20px;} .order_detailsright .timeline-item:last-child { margin-bottom: 0;} .order_detailsright .timeline-item::before { content: ""; position: absolute; left: -12px; top: 22px; width: 1px; height: 91%; background: #34C759;} .order_detailsright .timeline-item:last-child::before { display: none;} .order_detailsright .timeline-item::after { content: "✔"; position: absolute; left: -20px; top: 1px; width: 18px; height: 18px; background: #34C759; color: #fff; font-size: 12px; text-align: center; line-height: 18px; border-radius: 50%;} .order_detailsright .title { font-weight: 600; font-size: 14px; color: var(--bs-secondary); margin-bottom: 4px;} .order_detailsright .date {font-weight: 500;font-size: 12px;margin-bottom: 0px;color: #666666;} /* wishlist css */ .wishlit_rightcol { padding: 0px;} .wishlit_rightcol h2{margin-bottom: 0px;} .wishlit_rightcol .wisthlist_toprow { padding: 20px 16px 20px 16px;} .wishlit_rightcol .bottom_wishlitrow { display: flex; align-items: center; gap: 12px; margin-bottom: 14px;} .wishlit_rightcol .bottom_wishlitrow .order_search { position: relative; width: 100%;} .wishlit_rightcol .bottom_wishlitrow .order_search img { position: absolute; top: 16px; left: 13px;} .wishlit_rightcol .bottom_wishlitrow .order_search input.form-control { border: 1px solid #666666; padding: 12px 12px 12px 38px; border-radius: 30px; width: 100%;} .wishlit_rightcol .bottom_wishlitrow .orange_btn button { width: 116px; padding: 12px;} .wishlit_rightcol .bottom_wishlitrow .submit_btn.orange_btn {display: flex;gap: 10px;} .wishlit_rightcol .bottom_wishlitrow .submit_btn.orange_btn a {width: 90px;display: flex;justify-content: center;} .wishlit_rightcol .wisthlist_header { display: grid; grid-template-columns: 3fr 1fr 1fr 1fr; background: #1E1E1E; color: #fff; padding: 8px 16px; font-weight: bold; font-weight: 600; font-size: 14px; margin-bottom: 16px;} .wishlit_rightcol .wistlist_innerrow { padding: 0px 16px 0px 16px; margin-bottom: 14px;} .wishlit_rightcol .wistlist_innerrow .address_left { background: #F5F5F5; padding: 16px; border-radius: 8px; display: flex; gap: 16px; align-items: center;} .wishlit_rightcol .wishlist_product { width: 100%; display: flex; justify-content: space-between; align-items: center;} .wishlit_rightcol .product_info { display: flex; gap: 8px; align-items: center;} .wishlit_rightcol .wistlist_innerrow .deleteaddress a img { width: 28px; height: 28px; background: #FF383C33; border-radius: 50%; padding: 6px;} .wishlit_rightcol .wishlist_product .product_info img{width: 80px; height: 80px; border-radius: 8px;} .wishlit_rightcol .product_detailswish h5{ font-weight: 600; font-size: 12px; margin-bottom: 6px; color: var(--bs-primary);} .wishlit_rightcol .product_detailswish h4{ font-weight: 600; font-size: 16px; color: var(--bs-secondary); margin-bottom: 4px;} .wishlit_rightcol .product_detailswish p{ font-weight: 500; font-size: 12px; color: #666666; margin: 0px;} .wishlit_rightcol .wishlist_product .price .old-price {font-weight: 500;font-size: 12px;text-decoration: line-through; color: #666666;} .wishlit_rightcol .wishlist_product .price .new-price{ font-weight: 600; font-size: 20px; color: var(--bs-secondary);} .wishlit_rightcol .wishlist_product .price .new-price span{color: var(--bs-primary);} .wishlit_rightcol .wishlist_product .stock .badge { background: #34C75933; border-radius: 20px; padding: 3px 6px; font-weight: 500; font-size: 12px; color: #34C759;} .wishlit_rightcol .wishlist_product .wishlist_product .orange_btn a { padding: 10px 16px;} /* Account settings css*/ .wishlit_leftcol, .wishlit_rightcol{height: 750px !important;} .wishlit_rightcol .account_user .user_img { width: 120px; height: 120px; background: var(--bs-primary); border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 40px;} .wishlit_rightcol .account_user .user_img img.camersblackimg { position: absolute; right: 0px; bottom: 0px;} .wishlit_rightcol .accountsetting_form .contact_form .form_group { display: grid; gap: 12px; margin-bottom: 20px; grid-template-columns: repeat(3, 1fr);} .wishlit_rightcol .accountsetting_form .contact_form .form_group .input_fields { width: 100%;} .wishlit_rightcol .accountsetting_form .create_accountbottom.orange_btn { display: grid; grid-template-columns: repeat(3, 1fr);} .wishlit_rightcol .check-wrap { margin-bottom: 20px;} .wishlit_rightcol .check-wrap label{ font-weight: 500; font-size: 16px; text-transform: capitalize; color: var(--bs-secondary);} .wishlit_rightcol .form_group.accountsetting_first { margin-bottom: 60px !important;} .wishlit_rightcol .form_group.accountsetting_second { margin-bottom: 20px !important;} .wishlit_rightcol .form_group.accountsetting_third { margin-bottom: 40px !important;} .create_account .create_accountrow .useraccountmain_box .form-step .create_accountbottom .setnew_account a { background: none; border: 0px; padding: 0px;} /* common cart */ .cart_wrapper { width: 100%;} .cart_wrapper h2 { margin-bottom: 15px;} .cart_table { width: 100%; border-collapse: separate; border-spacing: 0 12px;} .cart_table tr { background: #f5f5f5; border-radius: 10px;} .cart_table td { padding: 8px 8px; vertical-align: bottom; text-align: left; width: 21%;} .product_box { display: flex; align-items: center; gap: 15px;} .product_box img { width: 90px; height: 90px; border-radius: 8px;} .product_box h3 { font-weight: 600; font-size: 16px; color: var(--bs-secondary); margin-bottom: 10px;} .product_box p { font-weight: 500; font-size: 14px; color: #666666; margin: 0px;} .product_box p span{ color: var(--bs-secondary);} .cart_qty, .cart_price, .cart_total { text-align: center;} .cart_qty p, .cart_price p, .cart_total p {font-weight: 500; font-size: 12px; color: #666666; margin-bottom: 4px;} .cart_price h6,.cart_total h6, .cart_qty h6 { font-weight: 600; font-size: 20px; color: var(--bs-secondary);} .cart_price h6 span,.cart_total h6 span{color: var(--bs-primary);} .reorder_btn { background: var(--bs-primary); color: #fff; padding: 8px 12px; border-radius: 20px; text-decoration: none; font-size: 12px; display: inline-flex; align-items: center; gap: 5px; margin-bottom: 12px;} .cart_table td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .cart_table td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .cart_table td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; background: #F5F5F5; vertical-align: middle; width: 45%;} .table-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;} .cart-table { width: 100%; border-collapse: separate; border-spacing: 0 14px; min-width: 700px;} .cart-table td { white-space: nowrap;} /* popup css */ .saveaddress-popup{max-width: 600px;} .saveaddressform select {padding: 16px; border-radius: 30px; border: 1px solid #666666 !important;} .saveaddressform .form_row { display: flex; flex-direction: column;} .modal-header {padding: 0px; margin-bottom: 30px;} .modal-header h5{ font-weight: 600; font-size: 24px;} .modal-body {padding: 0px;} .modal-body .form_row {margin-bottom: 20px;} .saveaddressform .selectsave_address label{font-weight: 500; font-size: 12px; color: var(--bs-secondary); margin-bottom: 6px;} .saveaddressform .selectsave_address input::placeholder{ font-weight: 500; font-size: 14px; color: #666666;} .save_addressbtn { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 30px;} .cancel_btn button { border: 1px solid #666666; padding: 16px 40px; border-radius: 30px; font-weight: 600; font-size: 14px; line-height: 20px; color: #666666;} .save_addressbtn .orange_btn button{font-size: 14px;} .orderinfo_table { width: 100%; overflow-x: auto;} .orderinfo_table table { width: 100%; min-width: 700px; border-collapse: collapse;} .orderinfo_table { -webkit-overflow-scrolling: touch;} /* subcategory css */ .subcategory-style { height: 100vh;} .subcategory-style .filter_box { padding-top: 14px;} .subcategory-style .filter_box hr { margin: 14px 0px 14px 0px;} .allCategory_mainsec .filter_right .category_toprow .select_category .category_dropdown i { background: url(../images/arrow_product.svg) no-repeat center; background-size: 12px; width: 20px; height: 20px; display: inline-block;} .login_section{background: none;} .loginmainpg{background: url(../images/user_accountbg.png); background-size: cover; background-position: center;} .loginmainpg { padding: 132px 0px;} .login_section .useraccount_row {padding: 0px !important;} /* wishlist table */ .wishlist_table{min-width: 800px; width: 100%;} .wishlist_table thead tr th { background-color: var(--bs-secondary); font-weight: 600; font-size: 14px; color: var(--bs-white); padding: 8px 16px;} .wishlist_table thead tr th:nth-child(2){ text-align: left;} .wishlist_table thead tr th:nth-child(3) { text-align: center;} .wishlist_table tbody tr td:nth-child(2){text-align:left;} .wishlist_table tr { background: #f5f5f5; border-radius: 10px;} .wishlist_table td{padding: 16px;} .wishlist_table td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; background: #F5F5F5; vertical-align: middle; width: 45%;} .wishlist_table td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .wishlist_table { border-collapse: separate; border-spacing: 0px 12px; padding: 0px 16px;} .wishlist_table .product_box .deleteaddress img { width: 28px; height: 28px; background: #FF383C33; border-radius: 50%; padding: 6px;} .wishlist_table .stock {text-align: center;} .wishlist_table .stock .badge { background: #34C75933; border-radius: 20px; padding: 3px 6px; font-weight: 500; font-size: 12px; color: #34C759;} .wishlist_table .orange_btn{text-align: right;} .wishlist_table .orange_btn a{padding: 10px 16px;} .wishlist_table .cart_price p{ font-weight: 500; font-size: 12px; text-decoration: line-through; color: #666666;} #addressModal button.btn-close { background: url(../images/cross-icon.svg) no-repeat right 12px center; background-size: 20px; opacity: 1;} #addressModal .btn-close:focus { outline: 0; box-shadow: none !important;} #loginModal .useraccountmain_box{position: relative;} #loginModal button.btn-close { position: absolute; right: 7px; top: 15px; background: url(../images/cross-icon.svg) no-repeat right 12px center; background-size: 20px; opacity: 1; width: 25px;} #loginModal .btn-close:focus { outline: 0; box-shadow: none !important;} .dots_none ul.slick-dots, .dots_none .slick-next, .dots_none .slick-prev { display: none !important;} .address_saveform { display: none;} .has-error label {color: red !important;} .has-error input {border-color: red !important;} span.help-block {color: #ff383c;font-size: 14px;font-weight: 500;} /* Toast Base */ .toast { --bs-toast-zindex: 1095; --bs-toast-padding-x: 1.25rem; --bs-toast-padding-y: 1.25rem; --bs-toast-spacing: 1.25rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.9375rem; --bs-toast-color: ; --bs-toast-bg: #fff; --bs-toast-border-width: 0; --bs-toast-border-color: rgba(67, 89, 113, 0.1); --bs-toast-border-radius: 0.5rem; --bs-toast-box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); --bs-toast-header-color: #697a8d; --bs-toast-header-bg: transparent; --bs-toast-header-border-color: transparent; width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } /* Toast Container */ .toast-container { --bs-toast-zindex: 1095; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } /* Toast Header & Body */ .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } /* bs-toast specific */ .toast.bs-toast { background-color: rgba(255, 255, 255, 0.85); z-index: 1095; } .toast.bs-toast .toast-header { padding-bottom: 0.5rem; position: relative; } .toast.bs-toast .toast-header .btn-close { position: absolute; top: -8px; border-radius: 0.375rem; padding: 0.45rem; background-size: 0.625em; transition: all 0.23s ease 0.1s; background-color: #fff; box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4); right: 2px; } .toast.bs-toast .toast-header .btn-close:hover, .toast.bs-toast .toast-header .btn-close:focus, .toast.bs-toast .toast-header .btn-close:active { opacity: 1; outline: none; } .toast.bs-toast .toast-header ~ .toast-body { padding-top: 0; } .toast-container { --bs-toast-zindex: 9; } .toast-ex { position: fixed; top: 4.1rem; right: 2.5rem; } .toast-placement-ex { position: fixed; } .bg-danger.toast, .bg-danger.bs-toast { color: #fff; background-color: rgba(255, 62, 29, 0.85) !important; box-shadow: 0 0.25rem 1rem rgba(255, 62, 29, 0.4); } .bg-danger.toast .toast-header, .bg-danger.bs-toast .toast-header { color: #fff; } .bg-danger.toast .toast-header .btn-close, .bg-danger.bs-toast .toast-header .btn-close { /*background-color: #ff3e1d !important;*/ background-image: url("../images/cross-icon.svg"); box-shadow: 0 0.1875rem 0.375rem 0 rgba(255, 62, 29, 0.4) !important; } .bg-primary.toast, .bg-primary.bs-toast { color: #fff; background-color: rgba(105, 108, 255, 0.85) !important; box-shadow: 0 0.25rem 1rem rgba(105, 108, 255, 0.4); } .bg-success.toast, .bg-success.bs-toast { color: #fff; background-color: rgba(113, 221, 55, 0.85) !important; box-shadow: 0 0.25rem 1rem rgba(113, 221, 55, 0.4); } .bg-success.toast .toast-header, .bg-success.bs-toast .toast-header { color: #fff; } .bg-warning.toast, .bg-warning.bs-toast { color: #fff; background-color: rgba(255, 171, 0, 0.85) !important; box-shadow: 0 0.25rem 1rem rgba(255, 171, 0, 0.4); } .bg-warning.toast .toast-header, .bg-warning.bs-toast .toast-header { color: #fff; } .bs-toast[class^=bg-], .bs-toast[class*=" bg-"] { border: none; } .input_fields span.select2.select2-container {padding: 16px 4px 16px 18px;border-radius: 30px;border: 1px solid #666666;} .input_fields { text-align: left; margin-bottom: 16px;} .input_fields label{ padding: 0;font-weight: 500; font-size: 12px; color: var(--bs-secondary); margin-bottom: 6px;} .input_fields input, .input_fields select, .input_fields textarea { width: 100%; padding: 16px 4px 16px 18px; border-radius: 30px; border: 1px solid #666666;} .input_fields input::placeholder{ font-weight: 500; font-size: 14px; color: #666666;} .relative_cls{position: relative;} #common_loader, .common_loader {display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffffe0;z-index: 99;border-radius: 8px;} #common_loader > div, .common_loader > div{height: 100%;display: flex;align-items: center;justify-content: center;} #common_loader img, .common_loader img {width: 100px;margin: 0;} .filter_right {height: 100%;} .not_found {height: 250px;background: #fff;display: flex;justify-content: center;align-items: center;font-size: 28px;font-weight: 500;border-radius: 8px;} .pagination-wrapper .custome_paginate {} .pagination-wrapper .custome_paginate .justify-content-sm-between div:first-child {display: none;} .pagination-wrapper .custome_paginate .justify-content-sm-between div:last-child {width: 100%;} .pagination-wrapper .custome_paginate .justify-content-sm-between div:last-child ul.pagination {display: flex;align-items: center;justify-content: center;margin: 35px 0 0;} a { text-decoration: none;} .dataTables_paginate { padding: 0 20px; }