:root { --primari-color: #FF7500; --secondary-color: #009A44; --third-color: #009ACE; --light-color: #fff; --dark-color: #fff; } /* font ***********/ @font-face { font-family: 'gothic'; src: url('../fonts/gothic/gothic.ttf'); } @font-face { font-family: 'gothic-bold'; src: url('../fonts/gothic/GOTHICB.TTF'); } /* font ***********/ /* *********/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html,body { font-family: 'gothic' !important; font-size: 16px; /* font-weight: 600; */ line-height: 1.2; background: #fff; overflow-x: hidden; } .color_xircle{ color: #00205B; } .color_shop{ color: var(--primari-color); } .color_own{ color: var(--third-color); } .color_dispose{ color: var(--secondary-color); }.shop_custom{ color: var(--primari-color); background: var(--primari-color); } .own_custom{ color: var(--third-color); background: var(--third-color); } .dispose_custom{ color: var(--secondary-color); background: var(--secondary-color); } p { letter-spacing: 1px; } a { text-decoration: none; } /* *********/ /* sticky right bar */ .sticky_rightbar { display:none; } @media (min-width: 1024px) { .sticky_rightbar { position: fixed; right: 15px; top: 50%; transform: translateY(-50%); display: block; } } .sticky_rightbar .sticky_rightbar_content { margin: 0; list-style: none; padding: 0; } .sticky_rightbar .sticky_rightbar_content .sticky_rightbar_content_item { margin-bottom: 15px; } .sticky_rightbar .sticky_rightbar_content .sticky_shop .sticky_shop_link { background: var(--primari-color); display: flex; width: 66px; height: 66px; border-radius: 50%; color: #fff; font-size: 10px; font-family: 'gothic-bold'; text-decoration: none; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-content: center; align-items: center; } .sticky_rightbar .sticky_rightbar_content .sticky_shop .sticky_shop_link p { margin: 0px; } .sticky_rightbar .sticky_rightbar_content .sticky_own .sticky_own_link { background: var(--third-color); display: flex; width: 66px; height: 66px; border-radius: 50%; color: #fff; font-size: 10px; font-family: 'gothic-bold'; text-decoration: none; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-content: center; align-items: center; } .sticky_rightbar .sticky_rightbar_content .sticky_own .sticky_own_p { margin: 0px; } .sticky_rightbar .sticky_rightbar_content .sticky_dispose .sticky_dispose_link { background: var(--secondary-color); display: flex; width: 66px; height: 66px; border-radius: 50%; color: #fff; font-size: 10px; font-family: 'gothic-bold'; text-decoration: none; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-content: center; align-items: center; } .sticky_rightbar .sticky_rightbar_content .sticky_dispose .sticky_dispose_link p { margin: 0px; } .sticky_rightbar .sticky_rightbar_content .sticky_rightbar_content_item .sticky_link img { width: 25px; height: 25px; } .dropdown-custom_item { position: absolute; top: 0px; right: 70px; transform: translateX(-5%); background-color: var(--light-color); border-radius: 5px; width: 222px; display: none; z-index: 1; transition: all 300ms ease-in-out; padding: 25px 15px; border-top: 8px solid var(--primari-color); border-bottom: 8px solid var(--primari-color); -webkit-animation: mega_drop_down_out .25s ease-in-out; animation: mega_drop_down_out .25s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .own.dropdown-custom_item{ border-top: 8px solid var(--third-color); border-bottom: 8px solid var(--third-color); } .dispose.dropdown-custom_item{ border-top: 8px solid var(--secondary-color); border-bottom: 8px solid var(--secondary-color); } .dropdown-custom_item.active{ -webkit-animation: mega_drop_down_in .3s ease-in-out; animation: mega_drop_down_in .3s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } @-webkit-keyframes mega_drop_down_in { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-5deg); transform: perspective(500px) rotateX(-5deg); } 50% { opacity: 1; } to { opacity: 1; -webkit-transform: perspective(9999px) rotateX(0deg); transform: perspective(9999px) rotateX(0deg); } } @keyframes mega_drop_down_in { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-5deg); transform: perspective(500px) rotateX(-5deg); } 50% { opacity: 1; } to { opacity: 1; -webkit-transform: perspective(9999px) rotateX(0deg); transform: perspective(9999px) rotateX(0deg); } } @-webkit-keyframes mega_drop_down_out { 0% { opacity: 1; -webkit-transform: perspective(9999px) rotateX(0deg); transform: perspective(9999px) rotateX(0deg); } 50% { opacity: 1; } to { opacity: 0; -webkit-transform: perspective(500px) rotateX(-5deg); transform: perspective(500px) rotateX(-5deg); } } @keyframes mega_drop_down_out { 0% { opacity: 1; -webkit-transform: perspective(9999px) rotateX(0deg); transform: perspective(9999px) rotateX(0deg); } 50% { opacity: 1; } to { opacity: 0; -webkit-transform: perspective(500px) rotateX(-5deg); transform: perspective(500px) rotateX(-5deg); } } .active { display: block; } .dropdown-custom_item ul { padding: 0; margin: 0; list-style: none; } .dropdown-custom_item_image_box { width: 57px; height: 57px; border-radius: 50%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; margin-bottom: 6px; } .dropdown-custom_item_ul li { background: #F8F8F8; margin-bottom: 3px; padding: 7px 25px; border-radius: 4px; } .dropdown-custom_item_ul li a img { margin-right: 15px; } .dropdown-custom_item_ul li a { font-size: 14px; letter-spacing: 1px; font-family: 'gothic-bold'; } .dropdown-custom_item_title { font-size: 18px; letter-spacing: 1px; font-family: 'gothic-bold'; } /* sticky right bar */ /* hero_slider-area ********************/ .hero_slider-area .slick-prev { left: 15px; z-index: 1; } .hero_slider-area .slick-next { right: 15px; } .hero_slider-area .slick-next:before, .hero_slider-area .slick-prev:before { font-size: 20px; line-height: 1; opacity: 1; color: #fff; } .hero_slider-area .slick-dots{ bottom: 0px; } .slick-slider { margin-bottom: 0px !important; } .hero_slider .slick-slide img { width: 100%; } /* hero_slider-area ********************/ /* best deals *************************/ .find_best_deals { padding: 45px 0px; } .slider-area_content_box { padding: 10px; text-align: center; height: 124px; width: 124px !IMPORTANT; border: 1px solid #EDEDED; border-radius: 17px; margin: 0 auto; } .slider-area_content_box img { /* width: 85px; */ /* height: 100%; */ /*padding: 10px;*/ max-width: 100px; max-height: 100px; object-fit: contain; } /* best deals *************************/ /* catagories *************************/ .categories_sec{ padding: 45px 0px; } .categories_box { border: 1px solid #ABABAB; padding: 15px; text-align: center; height: 235px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; margin-bottom: 30PX; } .categories_box_img { width: 100px; height: 100px; background: #F9F9F9; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; align-content: center; flex-direction: row; flex-wrap: wrap; margin-bottom: 25px; } .categories_box_img img { width: 50px; height: 50px; } .categories_box_title { font-family: 'gothic-bold'; font-size: 14px; color: #212529; } @media (min-width: 768px){ .categories_box { border: 1px solid #ABABAB; padding: 15px; } } @media (min-width: 992px) { .seven-cols .seven-cols_col, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; padding-right: 0;padding-left: 0; } .seven-cols .seven-cols_col:first-child { padding-left: calc(var(--bs-gutter-x) * .5); } .seven-cols .seven-cols_col:last-child { padding-right: calc(var(--bs-gutter-x) * .5); } .seven-cols_col:last-child .categories_box { border-right: 1px solid #ababab; } .categories_box { border-right: 0px; flex-direction: row; margin-bottom: 0PX; } } @media (min-width: 1200px) { .seven-cols .seven-cols_col, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; } } /* catagories *************************/ /* featured_Barands *************************/ .featured_Barands { padding: 45px 0px; } .featured_Barands_content_box { text-align: center; height: 90px; width: 90px !IMPORTANT; border-radius: 17px; margin: 0 auto; } .featured_Barands_content_box img { width: 90px; height: 100%; padding: 10px; } /* featured_Barands *************************/ /* by_directly_from_ximple *************************/ .by_directly_from_ximple { padding: 45px 0px; } .ximple_store_logo.text-center { margin-bottom: 35px; } /* by_directly_from_ximple *************************/ /* DISCUSSIONS *************************/ .discussion { padding-top: 45px; } .discussion_tab .nav-link.active { color: #00205b; background-color: transparent; border-bottom: 3px solid #000; border-radius: 0; } .discussion_tab .nav-link { color: #979797; font-size: 16px; font-family: 'gothic-bold'; padding: 0; margin-right: 19px; padding-bottom: 10px; } .discussion_product_reviews_content_title h4 { font-size: 14px; font-family: 'gothic-bold'; height: 2.2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #212529; } .discussion_product_reviews_content { padding: 15px; border: 1px solid #ccc; border-top: 0px; } .discussion_product_reviews_img img { width: 100%; height: 100%; object-fit: cover; } .discussion_product_reviews_img { height: 169px; } .discussion_product_reviews_content_date p { font-size: 12px; font-family: 'gothic' !important; font-weight: 600; margin: 0; color: #212529; height: 1rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .discussion_product_reviews_content_date { margin-top: 15px; } /* DISCUSSIONS *************************/ /* left_nav_bar *************************/ .left_nav_bar { background: #FAFAFA; padding: 0px 20px 25px 20px; } .left_nav_bar .nav a { font-family: 'gothic' !important; font-size: 14px; color: #000; margin-left: 0; letter-spacing: 1px; position: relative; font-weight: 500; padding: 10px 0px; padding-right: 24px; } .left_nav_bar h2 { font-family: 'gothic-bold'; font-size: 20px; margin: 0; margin-top: 15px; } .right_navigation_icon { position: absolute; right: 0; color: #A4A4A4; } /* left_nav_bar *************************/ /* ============myitem================ */ .product_cart_des { font-family: 'gothic' !important; font-size: 14px; margin-top: 15px; text-align: left; } .product_cart_des p{ margin: 0; } .product-ite_header h2 { margin-bottom: 15px; font-family: 'gothic-bold'; font-size: 25px; } .product-ite_header { border-bottom: 1px solid #CECECE; margin-bottom: 25px; } .add-item button { background: #009ACE; color: #fff; border-radius: 2px; padding: 5px 8px; font-size: 14px; } @media (min-width: 768.9px) { .add-item button{ border-radius: 4px; padding: 8px 36px; font-size: 15px; } } .add-item:hover button{ color: #fff; } .product_search input { border: 1px solid #cacaca; padding-left: 40px; width: 346px; height: 42px; } .product_search .search_btn { position: absolute; top: 0px; left: -2px; font-size: 22px; outline: 0; border: 0; background: transparent; padding: 8px 10px; color: #CBCBCB; } .product_search { position: relative; } .sort_by_filter p { margin: 0; white-space: nowrap; margin-right: 15px; font-size: 10px; } @media (min-width: 768.9px) { .sort_by_filter p { font-size: 15px; } } .sort_by_filter select { border-radius: 2px; padding: 5px 28px 5px 8px; font-size: 14px; } @media (min-width: 768.9px) { .sort_by_filter select { padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; border-radius: 0.25rem; } } .product_cart_img { padding: 20px; text-align: center; height: 177px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } .product_cart_img img{ max-height: 150px; max-width:100%; } .product_cart_des_title{ font-size: 14px; font-family: 'gothic-bold'; height: 2.2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #212529; } .product_cart_des p{ color: #212529; } .xt-cnfrm-shoping { border:none; color: white; background: #FF7500; padding: 12px 30px 12px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border-radius: 5px; font-size: 15px; font-weight: bold; text-decoration: none; } .xt-cnfrm-shoping:hover { color: white; text-decoration: none; } /* ============myitem tb================ */ .own_item_sec .nav-pills .nav-link{ color: #009ACE; font-family: 'gothic-bold'; font-size: 20px; padding: 18px 0px; border: 1px solid #F2F2F2; } .own_item_sec .nav-pills .nav-link.active{ background: #F2F2F2; color: #000; font-family: 'gothic-bold'; font-size: 20px; padding: 18px 0px; } /* ============myitem tab================ */ /* personal info *************************/ .Update_Info button { background: #009A44; color: #fff; padding: 10px 69px; font-size: 16px; font-family: 'gothic-bold'; } .Update_Info:hover button { color: #fff; } .Change_Password button { background: #009A44; color: #fff; padding: 10px 45px; font-size: 16px; font-family: 'gothic-bold'; } .Change_Password:hover button { color: #fff; } .show_profile_img { display: flex; align-items: center; justify-content: center; width: 150px; height: 150px; margin: 0 auto; } .show_profile_img img { width: 100%; } .upload_img label { background: #ECECEC; border: 1px solid #989898; padding: 6px 28px; border-radius: 25px; font-size: 14px; font-family: 'gothic-bold'; } .image_uplode_instruction p { margin: 0; font-family: 'gothic' !important; font-size: 12px; } .upload_btn button { background: #009A44; color: #fff; padding: 9px 96px; font-size: 16px; font-family: 'gothic-bold'; } .upload_btn:hover button { color: #fff; } .upload_btn { margin-top: 30px; } .image_uplode_instruction { margin-top: 15px; } .upload_img { margin-top: 40px; } /* my address b00k ************************/ .action_btn_edit button { background: #009A44; color: #fff; padding: 2px 28px; font-size: 14px; font-family: 'gothic-bold'; margin-right: 10px; } .action_btn_edit:hover button { color: #fff; } .action_btn_delet button { background: #FF7500; color: #fff; padding: 2px 28px; font-size: 14px; font-family: 'gothic-bold'; margin-right: 5px; } .action_btn_delet:hover button { color: #fff; } .My_Address_Book thead tr th { font-size: 16px; font-family: 'gothic-bold'; } .My_Address_Book tbody th, td { font-family: 'gothic' !important; font-size: 15px; font-weight: 500; } .My_Address_Book tbody th:first-child { padding-left: 0; } .My_Address_Book thead th:first-child { padding-left: 0; } .My_Address_Book tbody td:last-child { padding-right: 0; } .My_Address_Book thead td:last-child { padding-right: 0; } .My_Address_Book .table>:not(caption)>*>* { padding: 23px 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .add_New_Address button { background: #ECECEC; border: 1px solid #989898; padding: 6px 11px; border-radius: 6px; font-size: 14px; font-family: 'gothic-bold'; } /* my address b00k ************************/ /* personal info **************************/ /* Brand New *****************************/ @media (min-width: 1200px){ .w_20 { width: 20%; } } /* Brand New *****************************/ /* xstore_video **************************/ .xstore_video_contant p { font-size: 16px; font-family: 'gothic' !important; line-height: 1.5; font-weight: 500; } .xstore_video_contant { box-shadow: -1px 9px 13px -1px rgb(168 168 168 / 75%); -webkit-box-shadow: 1px 0px 13px -1px rgb(222 222 222 / 75%); -moz-box-shadow: -1px 9px 13px -1px rgba(168,168,168,0.75); padding: 35px 35px; } .xstore_video_contant_xstore_logo { margin-bottom: 35px; } .xstore_video { padding: 0px 0px 35px 0px; } /* xstore_video **************************/ /* exclusive_authorized_Earn_Points */ /* events page *********************/ .exclusive_authorized_Earn_Points { padding: 35px 0px; } .exclusive_authorized_Earn_Points_content { box-shadow: -1px 9px 13px -1px rgb(168 168 168 / 75%); -webkit-box-shadow: 1px 0px 13px -1px rgb(222 222 222 / 75%); -moz-box-shadow: -1px 9px 13px -1px rgba(168,168,168,0.75); padding: 35px 35px; text-align: center; } .exclusive_authorized_Earn_Points_content p { font-size: 16px; font-family: 'gothic-bold'; margin-top: 25px; margin-bottom: 0; } .exclusive_authorized_Earn_Points_content_ico img { width: 160px; height: 160px; margin: 0 auto; } /* exclusive_authorized_Earn_Points */ .event_search input { border: 1px solid #cacaca; padding-right: 40px; width: 346px; height: 42px; } .event_search .search_btn { position: absolute; top: 0px; right: -2px; font-size: 22px; outline: 0; border: 0; background: transparent; padding: 8px 10px; color: #ff7500; } .event_search { position: relative; } .event_pagination .page-link { padding: 6px 10px; font-size: 23px; } .event_date p{ margin-bottom: 0; } .event_box_content_footer { background: #F1F1F1; padding: 20px; } .event_box_content_img img { width: 100%; height: 215px; object-position: left; object-fit: cover; } .event_box_content_title { text-transform: uppercase; font-family: 'gothic-bold'; margin-bottom: 25px; font-size: 18px; } .event_box_content_des { font-family: 'gothic' !important; font-size: 15px; font-weight: 500; margin-bottom: 15px; } .xt_content_des{ height: 33px; } .xt_content_title{ height: 40px; } .event_box_content_eventlink { text-align: center; } .event_box_content_eventlink button { background: #009ACE; border-radius: 25px; padding: 6px 25px; color: #fff; } .event_box_date { text-align: center; margin-bottom: 15px; } /* events page *********************/ /* my cart *************************/ .my_cart_box{ box-shadow: -1px 9px 13px -1px rgb(168 168 168 / 75%); -webkit-box-shadow: -1px 9px 13px -1px rgb(222 222 222 / 75%); -moz-box-shadow: -1px 9px 13px -1px rgba(168,168,168,0.75); padding: 25px; } .my_cart_product_box_title h3 { color: #00205B; font-family: 'gothic-bold'; font-size: 20px; margin: 0; } .my_cart_product_box_title { margin-bottom: 15px; } .page_title{ font-family: 'gothic-bold'; font-size: 20px; } .my_cart_product_box_price .curent-price p { color: #009A44; font-family: 'gothic-bold'; font-size: 20px; margin: 0; text-transform: uppercase; } .curent-price { margin-right: 15px; display: flex; align-items: center; } .my_cart_product_box_price .save_price { background: #FF6961; color: #fff; font-size: 12px; font-weight: 500; border-radius: 6px; padding: 5px 15px; } .my_cart_product_box_price .save_price p { margin: 0; } .my_cart_product_box_price.d-flex { margin-bottom: 15px; } .my_cart_product_box_status p { font-size: 15px; font-weight: 600; margin: 0; margin-bottom: 15px; } .my_cart_product_box_add_remove_remove button { background: #F8F8F8; border: 1px solid #959595; border-radius: 2px; padding: 2px 25px; } .cart-product_lable p { font-size: 10px; padding: 4px 10px; margin: 0; background: #FE7602; color: #fff; } .cart-product_lable { display: inline-block; position: absolute; top: 0px; left: 0; } .cart_product_box { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .place_order { text-align: center; } .place_order button { background: #FF7500; color: #fff; font-family: 'gothic-bold'; font-size: 18px; width: 100%; } .place_order button:hover { color: #fff; } .shop-cart-line-old-price{ text-decoration: line-through; color: red; margin-right: 10px; } .shop-cart-line-sub-total{ margin-right: 10px; color: #009A44; } .shop-cart-price-saved{ color: #212529; text-decoration: none; margin-top: 2px; } .apply-creddits-active{ background: #198754 !important; color: #fff; font-weight: bold; } .apply-creddits-disabled{ background: #6c757d !important; color: #fff; font-weight: bold; } .shop-cart-btn{ height: 38px !important; } .remove-creddits{ height: 38px !important; background: #dc3545 !important; color: #fff; font-weight: bold; } .apply-creddits-active:hover, apply-creddits-disabled:hover ,.remove-creddits:hover{ color:#fff; } .available-credit-box{ background: #17a2b8; padding: 12px; border-radius: 7px; color: #fff; } .used-credit-box{ background: #28a745; padding: 12px; border-radius: 7px; color: #fff; } /* my cart *************************/ /* shop-address ********************/ .xt-shop-checkoutbox { background: #FEFEFE; box-shadow: 0px 8px 24px rgb(172 173 174 / 30%); padding: 14px 20px; margin-bottom: 15px; position: relative; } .xt-shop-checkoutbox a { text-decoration: none; } .count-number{ background: #F4F4F4; border-radius: 25px; height: 33px; width: 33px; display: flex; align-items: center; justify-content: center; color: #009ACE; } .add-new-address a { color: #009ACE; } .xt-shop-address { background: #009ACE; box-shadow: 0px 8px 24px rgb(172 173 174 / 30%); padding: 14px 20px; position: relative } .xt-shop-address_content { padding: 20px; background: #F8F8F8; } .xt-shop-address_new { padding: 20px; background: #fff; margin-bottom: 15px; } .continue button { background: #FF7500; color: #fff; padding: 7px 29px; } .edit button { color: #009ACE; font-family: 'gothic-bold'; } .remove button { color: #009ACE; font-family: 'gothic-bold'; } .buyer_name { font-size: 18px; font-family: 'gothic-bold'; } .buyer_mendmark { background: #ECECEC; padding: 3px 15px; border-radius: 4px; font-size: 12px; } .buyer-address_number p { font-family: 'gothic-bold'; font-size: 15px; } .buyer-address p { font-size: 15px; } .xt-shop-address_sec{ box-shadow: 0px 8px 24px rgb(172 173 174 / 30%); } .delivery_status{ color: #019A44; } /* shop-address ********************/ /* ximple_experience ****************/ .what_ximple { background: #F8F8F8; padding: 60px 40px; } .what_ximple h2 { font-family: 'gothic-bold'; font-size: 30px; margin-bottom: 25px; color: #00205B; } .what_ximple p { font-weight: 500; } .Shop_Own_Dispose_box { display: flex; height: 100%; padding: 26px 15px; flex-wrap: wrap; flex-direction: column; align-items: center; border-radius: 8px; position: relative; } .Shop_Own_Dispose_box.shop { border: 3px solid #ff7500; } .Shop_Own_Dispose_box.own { border: 3px solid #00B2EF; } .Shop_Own_Dispose_box.dispose { border: 3px solid #019A44; } .shop.active-a { background: #ff7500; } .own.active-a { background: #00B2EF; } .dispose.active-a { background: #019A44; } .shop.active-a a, .own.active-a a, .dispose.active-a a{ color: #fff; } .Shop_Own_Dispose_box_img { height: 47px; width: 47px; margin-bottom: 15px; } .Shop_Own_Dispose_box_img img { width: 100%; } .Shop_Own_Dispose_box_link a { color: #000; letter-spacing: 1px; cursor: pointer; } .shop_Own_Dispose_sec{ padding: 60px 0px; } .shop_Own_Dispose_heading { border-left: 15px solid #FF7500; } .shop_Own_Dispose_heading.ps-5 h4 { font-family: 'gothic-bold'; font-size: 20px; color: #00205B; margin-bottom: 10px; } .shop_Own_Dispose_heading h3 { font-family: 'gothic-bold'; font-size: 28px; color: #00205B; margin-bottom: 10px; } .shop_for_a_new_product { text-align: center; box-shadow: -1px 9px 13px -1px rgb(168 168 168 / 75%); -webkit-box-shadow: -1px 4px 13px -1px rgb(222 222 222 / 75%); -moz-box-shadow: -1px 9px 13px -1px rgba(168,168,168,0.75); padding: 42px 8px; height: 100%; } .shop_for_a_new_product_img img { width: 100%; } .shop_for_a_new_product_img { height: 60px; width: 60px; margin: 0 auto; } .shop_for_a_new_product_box_heading { font-family: 'gothic-bold'; font-size: 12px; margin-top: 20px; } .shop_for_a_new_product_heading h2 { font-family: 'gothic-bold'; font-size: 28px; color: #00205B; margin-bottom: 10px; } .shop_for_a_new_product_heading p { font-size: 16px; font-weight: 500; } .shop_Own_Dispose_app { padding-bottom: 60px; } .shop_Own_Dispose_app_background { background:url('/custom_ximplethings_website/static/src/img/experience_dl_background.jpg'); background-size: contain; background-repeat: no-repeat; width: 100%; height: 300px; } .shop_Own_Dispose_app_img { max-height:53px; max-width: max-content; padding-left: initial; margin-top: 10px; padding-right: 10px; } .shop_Own_Dispose_app_text { font-size: 20px; } .shop_Own_Dispose_app_content { position: relative; left: 100px; top: 100px; height: fit-content; width: fit-content; } @media (max-width: 768px){ .shop_Own_Dispose_sec { padding: initial; } .shop_Own_Dispose_app_img { padding-right: initial; } .shop_Own_Dispose_app_background { background: initial; background-size: contain; background-repeat: no-repeat; width: 100%; height: initial; } .shop_Own_Dispose_app_content { position: relative; left: 20px; top: initial;' } } .product-ite_subheader { font-weight: 500; } .Exclusive_partner_header h3 { font-family: 'gothic-bold'; font-size: 22px; } .exclusive_partner_deals_card { text-align: center; box-shadow: -1px 9px 13px -1px rgb(168 168 168 / 75%); -webkit-box-shadow: -1px 4px 13px -1px rgb(222 222 222 / 75%); -moz-box-shadow: -1px 9px 13px -1px rgba(168,168,168,0.75); padding: 42px 8px; height: 100%; border-radius: 8px; } .exclusive_partner_deals_card_img { width: 68px; height: 68px; margin: 0 auto; margin-bottom: 20px; } .exclusive_partner_deals_card_img img { width: 100%; } .exclusive_partner_deals_card_heading { font-family: 'gothic-bold'; font-size: 18px; margin-top: 20px; } .Ximple_Rewards_Program { height: 100%; background: #009ACE; box-shadow: -1px 9px 13px -1px rgb(168 168 168 / 75%); -webkit-box-shadow: -1px 4px 13px -1px rgb(222 222 222 / 75%); -moz-box-shadow: -1px 9px 13px -1px rgba(168,168,168,0.75); border-radius: 8px; display: flex; align-items: center; width: 100%; justify-content: space-around; } /* .Ximple_Rewards_Program_img { width: 100px; } */ .Ximple_Rewards_Program_img img { width: 100%; } .Ximple_Rewards_Program_content p { color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 6px; } .Ximple_Rewards_Program_content h3 { color: #fff; font-family: 'gothic-bold'; font-size: 20px; } .Ximple_Rewards_Program_content button { border-radius: 25px; color: #000; background: #fff; box-shadow: -1px 9px 13px -1px rgb(168 168 168 / 75%); -webkit-box-shadow: -1px 4px 13px -1px rgb(0 0 0 / 18%); -moz-box-shadow: -1px 9px 13px -1px rgba(168,168,168,0.75); padding: 5px 19px; font-family: 'gothic-bold'; font-size: 14px; } .tab{ display: none; } .tab-active{ display: block; } /* ximple_experience ****************/ /* Xpert_Digitise ******************/ .challenges_by_Businesses_tab button { background-color: transparent !important; opacity: 0.5; position: relative; } .challenges_by_Businesses_tab button span { writing-mode: vertical-lr; position: absolute; left: 59px; top: 50%; transform: translateY(-50%); color: #fff; font-weight: 600; font-size: 14px; letter-spacing: 1px; } .challenges_by_Businesses_tab button.active { opacity: 1; } .challenges_by_Businesses_tab button img { width: 100px; } .challenges_by_Businesses_tab_content_ul li { font-size: 20px; } .tab_market{ background: #FBFBFB; padding: 56px; border: 1px solid #EAEAEA; } .market_Sell_tab_btn { padding: 23px 103px !important; border-radius: 20px 20px 0px 0px !important; background-color: #F6F6F6 !important; font-family: 'gothic-bold'; font-size: 15px; color: #000 !important; } .Digitise_tab_btn { padding: 23px 103px !important; border-radius: 20px 20px 0px 0px !important; background-color: #F6F6F6 !important; font-family: 'gothic-bold'; font-size: 15px; color: #000 !important; } .market_Sell_tab_btn.active { background-color: #009a44 !important; color: #fff !important; padding: 23px 103px !important; } .Digitise_tab_btn.active { background-color: #009a44 !important; color: #fff !important; padding: 23px 103px; } .If_you_lack_icon { height: 150px; width: 150px; background: #fff; margin: 0 auto; padding: 20px; margin-bottom: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .If_you_lack_text { text-align: center; } .If_you_lack_text a { font-family: 'gothic-bold'; font-size: 14px; color: #000; } /* Xpert_Digitise ******************/ .xt-custom-pagination{ float:right; } .xt-page-info-sec{ color: #000; font-weight:500; } .xt-custom-pagination ul { padding: 0; margin: 0; } .xt-custom-pagination ul li { display: inline-block; margin-bottom: 4px; font-weight: 400; } .xt-custom-pagination ul li a, .xt-custom-pagination ul li span { color: #000; text-align: center; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-weight:500; } .xt-custom-pagination ul li.active a, .xt-custom-pagination ul li.active span { background: #4ba1fa; color: #fff; border: 1px solid transparent; } .xt-custom-pagination ul li a.prev{ margin-right: -5px; } .xt-custom-pagination ul li a.first{ margin-right: -5px; } .xt-custom-pagination ul li a.next{ margin-right: -5px; } @media (max-width: 767px){ .xt-custom-pagination{ float:none; } .xt-page-box-page{ text-align: center; margin-bottom: 25px; } .xt-page-box-sec-box{ text-align: center; } } /* Consumer page side nav */ .consumer-accordin{ background: #FAFAFA !important; border: none; } .consumer-accordin.accordion-button{ background: #FAFAFA !important; border: none; box-shadow: none; height: 60px; color: #000; padding: 10px 20px !important; font-size: 18px; font-weight: 500 !important; } .accordion-button:not(.collapsed)::after{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") }