/* font */
@font-face {
    font-family: 'IBMPlexSansArabic_Regular';
    src: url('../fonts/alfont_com_IBMPlexSansArabic-Regular.ttf');
}

body{background: #f8f9fa;font-family: 'IBMPlexSansArabic_Regular', sans-serif;}
.text-original{color: #0A6C9C !important;}
.bg-original{background: #0A6C9C !important;color: #fff;}
.all_btn_icon{ background: #0A6C9C; color: #fff; padding: 5px 8px; border-radius: 6px;}

.header{background: #0A6C9C;}
.header button,.header button:hover{
    position: absolute;
    background: #fff;
    color: #0A6C9C;
    top: 13px;
    left: 20px;
    border-radius: 8px;
    padding: 10px 20px;
}

nav .nav-btns{ 
    background: #959EAD29; 
    width: 40px; 
    height: 40px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
}
nav .nav-btns span{
    width: 24px;
    height: 24px;
    top: 2px;
    left: 312px;
    gap: 10px;
    border-radius: 20px;
    padding: 10px;
    border-width: 2px;
    background-color: #0A6C9C;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
nav .nav-btns.user_account{background: #0A6C9C;}
nav .nav-btns.lang_box{
    width: 132px;
    height: 41px;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 6px;
    padding-bottom: 8px;
    padding-left: 6px;
}
nav .nav-btns.lang_box div{
    width: 60px;
    height: 31px;
    gap: 10px;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'IBMPlexSansArabic_Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #000;

}
nav .nav-btns.lang_box .active{background: #fff;}
nav input[type="search"]{
    width: 788;
    height: 53;
    justify-content: space-between;
    border-radius: 12px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    background: #959EAD29;
}
nav input[type="search"]::placeholder{color: #A8B1CE;}
nav .search-icon{
    right: 14px;
    top: 3px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0A6C9C;
}
nav .download-app{
    width: 282px;
    height: 60px;
    gap: 8px;
    border-radius: 4px;
    padding: 8px;
    background: #0A6C9C;
    color: #fff;
    border: 0;
}
nav .filter{
    width: 350px;
    height: 48px;
    justify-content: space-between;
    border-radius: 12px;
}
nav .filter select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #A8B1CE1A; /* Or any color */
    padding: 12px 2.5rem; /* Leave space for the icon */
    border: 0;
    color: #0A6C9C;
}
nav .filter svg{top: 17px;right: 13px;color: #0A6C9C;}
nav .filter .form-select{background-position: left .75rem center;}
nav .nav-link{color: #000; font-weight: 600; font-size: 14px;}
nav .nav-link.active{color: #0A6C9C !important;}

/* ============= header_carousel ================= */

.header_carousel{background:#0A6C9C;overflow: hidden;}
.header_carousel .carousel-caption{
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
    right: 25%;
}
.header_carousel .carousel-caption h4 {
    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
    text-shadow: 0px 7px 6px #D6CECE40;
    text-align: justify;
}

.header_carousel .buy_now,.header_carousel .buy_now:hover{
    background: #fff;
    color: #0A6C9C;
    top: 13px;
    left: 20px;
    border-radius: 8px;
    padding: 10px 20px;
}
.header_carousel img{max-width: 300px;}
/* .carousel-inner{overflow: visible;} */

.header_carousel .header_bg:nth-child(1){top: -50px;right: 0;}
.header_carousel .header_bg:nth-child(2){bottom: -50px;right: 0;}
.header_carousel .header_bg:nth-child(3){top: -50px;left: 0;}
.header_carousel .header_bg:nth-child(4){bottom: -50px;left: 0;}

.header_carousel .carousel-indicators {right: -600px;bottom: -18px;}
.carousel-indicators [data-bs-target]{width: 15px;background-color: #0A6C9C;}
.carousel-indicators .active {width: 25px;background-color: #0A6C9C;}

.categories{margin: 100px 50px 0;}
.categories .card__image{
    background: #0A6C9C1A;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
}
.categories .card__image:hover{border: 1px solid #0A6C9C;}
.categories .card__image img{height: 100%; width: 100%; object-fit: contain;}


/* ================== home__items ================== */
.home_items_section article .card__content{background: #F7F7F7;}
.home_items_section .discount_month{font-size: 14px;color: #FF9C00;}
.home_items_section .units{font-size: 12px;}
.home_items_section .timer{background: #0A6C9C;font-size: 12px;}
.home_items_section .colors div{ width: 10px; height: 10px; border-radius: 50%; margin:2px;}
.home_items_section .carousel-item img{ height: 250px;max-height: 250px;}

.home_items_section .carousel-indicators button{ width: 8px; height: 8px; border-radius: 50%;}
.home_items_section .fav_icon,
.home_items_section .basket{
    width: 70px;
    left: 0;
    z-index: 1;
    background: #fff;
    bottom: 55px;
    box-shadow: 1px 1px 2px #818181;
    color: #0A6C9C;
}
.home_items_section .basket{bottom: 9px;}
.home_items_section .fav_icon svg.filled{color: #DC2926;}
.home_items_section .fav-animate {animation: heartBeat 0.3s ease-in-out;transform: scale(1);}
@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

.home_items_section .card__article {border-radius: 1.25rem;}
/* .home_items_section .card__article {width: 300px !important;border-radius: 1.25rem;} */
.home_items_section .card__image .carousel-item{place-items: center;}


/* ================== buy_more_section ================== */
.buy_more_section article .card__content{background: #F7F7F7;}
.buy_more_section .discount_month{font-size: 14px;color: #FF9C00;}
.buy_more_section .units{font-size: 12px;}
.buy_more_section .timer{background: #0A6C9C;font-size: 12px;}
.buy_more_section .colors div{ width: 10px; height: 10px; border-radius: 50%; margin:2px;}
.buy_more_section .carousel-item img{ height: 250px;max-height: 250px;}

.buy_more_section .carousel-indicators button{ width: 8px; height: 8px; border-radius: 50%;}
.buy_more_section .fav_icon,
.buy_more_section .basket{
    width: 70px;
    left: 0;
    z-index: 1;
    background: #fff;
    bottom: 55px;
    box-shadow: 1px 1px 2px #818181;
    color: #0A6C9C;
}
.buy_more_section .basket{bottom: 9px;}
.buy_more_section .fav_icon svg.filled{color: #DC2926;}
.buy_more_section .fav-animate {animation: heartBeat 0.3s ease-in-out;transform: scale(1);}
@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

.buy_more_section .card__article {/*width: 300px !important*/;border-radius: 1.25rem;}
.buy_more_section .card__image .carousel-item{place-items: center;}



/* ================== video_section ================== */
.video_section{
    background-image: url(../img/home/video.jfif);
    background-size: cover;
    background-position: center;
    height: 450px;
}
.video_section .overlay{
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.play_icon { top: 50%; left: 50%; transform: translate(-50%, -50%);}



/* ================== slider_items_section ================== */


/* ================== new_offers_section ================== */
.new_offers_section article .card__content{background: #F7F7F7;}
.new_offers_section .discount_month{font-size: 14px;color: #FF9C00;}
.new_offers_section .units{font-size: 12px;}
.new_offers_section .timer{background: #0A6C9C;font-size: 12px;}
.new_offers_section .colors div{ width: 10px; height: 10px; border-radius: 50%; margin:2px;}
.new_offers_section .carousel-item img{ height: 250px;max-height: 250px;}

.new_offers_section .carousel-indicators button{ width: 8px; height: 8px; border-radius: 50%;}
.new_offers_section .fav_icon,
.new_offers_section .basket{
    width: 70px;
    left: 0;
    z-index: 1;
    background: #fff;
    bottom: 55px;
    box-shadow: 1px 1px 2px #818181;
    color: #0A6C9C;
}
.new_offers_section .basket{bottom: 9px;}
.new_offers_section .fav_icon svg.filled{color: #DC2926;}
.new_offers_section .fav-animate {animation: heartBeat 0.3s ease-in-out;transform: scale(1);}
@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

.new_offers_section .card__article {/*width: 300px !important;*/border-radius: 1.25rem;}
.new_offers_section .card__image .carousel-item{place-items: center;}


/* ================== slider_items_section ================== */
.announcement{font-family: 'IBMPlexSansArabic_Regular', sans-serif;}
.announcement h4{font-size: 37px;text-shadow: 0px 7px 6px #D6CECE40;}

.announcement .buy_now,.announcement .buy_now:hover{
    background: #fff;
    color: #0A6C9C;
    top: 13px;
    left: 20px;
    border-radius: 8px;
    padding: 10px 20px;
}
.announcement .mobile_devices{
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    background: linear-gradient(113.34deg, #3C9AD9 0%, #0A6C9C 100%);
}
.announcement .mobile_devices img{width: 350px;height: 410px;}
.announcement .apple_devices{background: linear-gradient(113.34deg, #3C9AD9 0%, #0A6C9C 100%);}
.announcement .apple_devices img{width: 145px;height: 155px;}



/* ================== featured_section ==================  */
.featured_section article .card__content{background: #F7F7F7;}
.featured_section .discount_month{font-size: 14px;color: #FF9C00;}
.featured_section .units{font-size: 12px;}
.featured_section .timer{background: #0A6C9C;font-size: 12px;}
.featured_section .colors div{ width: 10px; height: 10px; border-radius: 50%; margin:2px;}
.featured_section .carousel-item img{ height: 250px;max-height: 250px;}

.featured_section .carousel-indicators button{ width: 8px; height: 8px; border-radius: 50%;}
.featured_section .fav_icon,
.featured_section .basket{
    width: 70px;
    left: 0;
    z-index: 1;
    background: #fff;
    bottom: 55px;
    box-shadow: 1px 1px 2px #818181;
    color: #0A6C9C;
}
.featured_section .basket{bottom: 9px;}
.featured_section .fav_icon svg.filled{color: #DC2926;}
.featured_section .fav-animate {animation: heartBeat 0.3s ease-in-out;transform: scale(1);}
@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

.featured_section .card__article {/*width: 300px !important;*/border-radius: 1.25rem;}
.featured_section .card__image .carousel-item{place-items: center;}


/* ================== brand_section ================== */
.brand_section .brands{background: #0A6C9C;}
.brand_section .card__image{
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
}
.brand_section .card__image img{height: 100%; width: 100%; object-fit: contain;}




/* ================== footer ================== */
footer{background: #0A6C9C;font-family: 'IBMPlexSansArabic_Regular', sans-serif;}
.market-btn {
    display: inline-block;
    padding: 0.3125rem 0.875rem;
    padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border: 1px solid #000;
    background-position: center left 0.75rem;
    background-color: #000;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
    border-radius: 6px;
}
.market-btn .market-button-title {display: block;color: #fff;font-size: 1.125rem;}
.market-btn .market-button-subtitle {
    display: block;
    margin-bottom: -0.25rem;
    color: #fff;
    font-size: 0.6rem;
    text-align: end;
}
.market-btn.apple-btn{background-image: url('../img/icons/apple_store.svg');}
.market-btn.google-btn{background-image: url('../img/icons/google_play.svg');}
footer .app_store{font-family: sans-serif;font-weight: 500;}
footer .app_store p{font-family: 'IBMPlexSansArabic_Regular', sans-serif;color: #282828;font-weight: 400;font-size: 14px;}
/* footer .market-btn {background-color: transparent;} */
footer .market-btn .market-button-subtitle{color: #fff;}
footer .market-btn .market-button-title{color: #fff;}








/*================== swipper =============*/
.card__container {padding-bottom: 2rem;} 
.card__content {margin-inline: 2rem;border-radius: 1.25rem;overflow: hidden; padding: 30px 10px; margin: 0;}
/* .card__article {width: 300px;border-radius: 1.25rem;overflow: hidden;} */
.card__image {position: relative;background-color: var(--first-color-light);padding-top: 1.5rem;margin-bottom: -.75rem;overflow: hidden;}
.card__data {background-color: var(--container-color);padding: 1.5rem 2rem;border-radius: 1rem;position: relative;z-index: 10;}
.card__img {width: 180px;margin: 0 auto;position: relative;z-index: 5; }
.card__shadow {
  width: 200px;
  height: 200px;
  background-color: var(--first-color-alt);
  border-radius: 50%;
  position: absolute;
  top: 3.75rem;
  left: 0;
  right: 0;
  margin-inline: auto;
  filter: blur(45px);
}
.card__description {font-weight: 500;margin-bottom: 1.75rem;}
/* Swiper class */
.swiper-button-prev:after,.swiper-button-next:after {content: "";}
.swiper-button-prev,.swiper-button-next {width: initial;height: initial;font-size: 2rem;color: var(--second-color);/* display: none; */}
.swiper-button-prev {left: 50px;}
.swiper-button-next {right: 50px;}
.swiper-pagination-bullet {background-color: #CFD3D6;opacity: 1;}
.swiper-pagination-bullet-active {background-color: var(--secondary);}
.swiper-button-next svg, .swiper-button-prev svg{
    font-size: 18px;
    background-color: #0A6C9C;
    color: #fff;
    box-shadow: 0px 1px 2px #979797;
    border-radius: 50%;
    padding: 9px 12px;
}
.swiper-button-next svg:hover, .swiper-button-prev svg:hover {background-color: var(--secondary);color: #0A6C9C;}
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}






.categories_page .sidebar .nav-link{color: #292D32;}
.categories_page .sidebar .nav-link svg{font-size: 12px;}
.categories_page .sidebar .nav-link.active{background: #E5EBF8;}
.categories_page .items .card__image{
    background: #0A6C9C1A;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
}
.categories_page .items .card__image img{object-fit: contain;}
.categories_page .items .card__content{font-size: 14px;}



/* ================== product_page ============= */
.products_page .accordion-button::after{margin-right: auto;margin-left: 0;}
.products_page .form-check-input:checked {
    background-color: #0A6C9C;
    border-color: #0A6C9C;
}
.products_page .list_view{top: 14px;right: 20px;}
.products_page .list_view .cardShape{
    background: #979797;
    color: #fff;
    border-radius: 4px;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin: 0 3px;
    cursor: pointer;
}
.products_page .list_view .active .cardShape{
    background-color: #0A6C9C;
}
/* ============ filter by price ============= */
.price-filter {width: 300px;}
.price-filter .slider-labels {margin-top: 10px;}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
 .noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {position: relative;direction: ltr;}
.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1;/* Fix 401 */}
.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0;}
.noUi-handle { position: relative; z-index: 1;}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */ 
   z-index: 10;
}

.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s,top .3s; transition: left 0.3s,top .3s;}
.noUi-state-drag * {cursor: inherit !important;}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;*/
.noUi-horizontal {height: 4px;}
.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #0A6C9C;
}

/* price filter Styling;*/
.noUi-background {background: #e6e6e6;}
.noUi-connect {
  background: #0A6C9C;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {border-radius: 2px;}
.noUi-target {border-radius: 2px;}
/* Handles and cursors;*/
.noUi-draggable {cursor: w-resize;}
.noUi-vertical .noUi-draggable {cursor: n-resize;}
.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53,93,187,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}
/* Disabled state;*/
[disabled].noUi-connect,[disabled] .noUi-connect {background: #B8B8B8;}
[disabled].noUi-origin,[disabled] .noUi-handle {cursor: not-allowed;}




/* ================== product_details_page ============= */
.product_details_page .side_slider .img_box{width: 110px;height: 119px;opacity: .5;overflow: hidden;}
.product_details_page .side_slider .img_box.active{opacity: 1;border: 1px solid #0A6C9C;}
.product_details_page .side_slider .img_box img{cursor: pointer;}
.product_details_page .main_img_box{height: 755px;}
.product_details_page .details .discount_box div:nth-child(1){background: #F55157;font-size: 12px;}
.product_details_page .details .discount_box div:nth-child(2){background: #F551571A;color: #F55157;font-size: 12px;}
.product_details_page .details .desc{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 50px;
}
.product_details_page .colors div{ width: 22px; height: 22px; border-radius: 50%; margin:2px;}
.product_details_page .size{width: 70px; height: 44px;border: 2px solid #0A6C9C;color: #0A6C9C;}
.product_details_page .not_available{color: #A8B1CE !important;border: 2px solid #A8B1CE !important;text-decoration: line-through;}
.product_details_page .stars{font-size: 12px;}
.product_details_page select{
    background-position: left .75rem center;
    padding: .375rem .75rem .375rem 2.25rem;
    text-align: center;
    width: 80px;
    border-color: #0A6C9C;
}
.product_details_page .carousel{ cursor: auto;}
.product_details_page .carousel-item img{ height: 250px;max-height: 250px;}
.product_details_page .carousel-indicators button{ width: 8px; height: 8px; border-radius: 50%;}
.product_details_page .carousel-indicators [data-bs-target]{ background-color: #BEC8D9;}
.product_details_page .carousel-indicators [data-bs-target].active{ background-color: #0A6C9C;}


/* =================== cart_page ================== */
.cart_page .price{color: #F55157;font-size: 20px;letter-spacing: .1rem;}
.cart_page select{
    background-position: left .75rem center;
    padding: .375rem .75rem .375rem 2.25rem;
    text-align: center;
    width: 80px;
}
.cart_page select:focus{box-shadow: none;}
.checkout_page .card.active{border: 1px solid #0A6C9C;}
.checkout_page .desc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px; /* adjust width to fit ~2 words */
    display: inline-block;
}
.checkout_page #addressModal input[type="radio"]:checked + .card {border: 1px solid #0A6C9C;}
.checkout_page .item_count{
    font-size: 12px;
    top: 2px;
    right: 3px;
    background: #E2E6ED;
    border-radius: 2px;
    width: 26px;
    text-align: center;
}

/* ================== favorites_page ================== */
.favorites_page article .card__content{background: #F7F7F7;}
.favorites_page .discount_month{font-size: 14px;color: #FF9C00;}
.favorites_page .units{font-size: 12px;}
.favorites_page .timer{background: #0A6C9C;font-size: 12px;}
.favorites_page .colors div{ width: 10px; height: 10px; border-radius: 50%; margin:2px;}
.favorites_page .carousel{ cursor: auto;}
.favorites_page .carousel-item img{ height: 250px;max-height: 250px;}
.favorites_page .carousel-indicators button{ width: 8px; height: 8px; border-radius: 50%;}
.favorites_page .carousel-indicators [data-bs-target]{ background-color: #BEC8D9;}
.favorites_page .carousel-indicators [data-bs-target].active{ background-color: #0A6C9C;}
.favorites_page .fav_icon,
.favorites_page .basket{
    width: 70px;
    left: 0;
    z-index: 1;
    background: #fff;
    bottom: 55px;
    box-shadow: 1px 1px 2px #818181;
    color: #0A6C9C;
}
.favorites_page .basket{bottom: 9px;}
.favorites_page .fav_icon svg.filled{color: #DC2926;}
.favorites_page .fav-animate {animation: heartBeat 0.3s ease-in-out;transform: scale(1);}
@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

.favorites_page .card__article {width: 300px !important;border-radius: 1.25rem;}
.favorites_page .card__image .carousel-item{place-items: center;}


/* ================== profile page ================== */
.profile_page .sidebar a {color: #0A6C9C !important;}
.profile_page .sidebar a.active, .profile_page .sidebar a:hover {background: #0A6C9C !important;color: #fff !important;}
.profile_page .sidebar .logout, .profile_page .sidebar .logout:hover{color: #DE1F1F !important;background: #fff !important;}
.profile_page .mail, .profile_page label{font-size: 14px;}
.profile_page .modal input{color: #0A6C9C;}
.profile_page .modal .country-code{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999999;
    width: 60px;
    background: #F2F2F2;
    direction: ltr;
    padding: 2px 10px;
    border-radius: 5px !important;
    margin: 4px 3px;
}
.profile_page select{background-position: left 0.75rem center;padding: .375rem .75rem .375rem 2.25rem;color: #0A6C9C;}
.profile_page .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type: #0A6C9C0D;}
.profile_page table td{padding-top: 15px;padding-bottom: 15px;align-content: center;}
.profile_page table .desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px; /* adjust width to fit ~2 words */
    display: inline-block;
  }
  
.profile_page table .bg-label-success{background-color: rgba(40, 167, 69, 0.1); color: #28a745;width:80px}
.profile_page table .bg-label-danger{background-color: rgba(220, 53, 69, 0.1); color: #dc3545;width:80px}
.profile_page table .bg-label-warning{background-color: rgba(255, 122, 0, 0.1); color: #ff7a00;width:80px}

.profile_page.address .card.active{border:1px solid #0A6C9C}

/* ================== pages ================== */
:is(.return_policy_page, .about_us_page, .privacy_page, .que_page) .title{border-bottom: 0.5px solid #0B65BA4D;}
:is(.return_policy_page, .que_page) p{line-height: 32px;}
:is(.about_us_page,.privacy_page) p{line-height: 42px;}

.que_page{margin-bottom: 200px !important;}
.que_page .accordion{
    box-shadow: 0px 1px 2px #0C0C0D0D;
    /* var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100); */
}
.que_page .accordion-item:first-of-type .accordion-button{
    font-weight: 600;
    background: #fff; 
    outline: none; 
    box-shadow: none; 
    border-bottom: 0.5px solid #c4c4c44d;
}
.que_page .accordion-button::after{margin-right: auto;margin-left: 0;}



/* ================== common classes ================== */
.home_items_section, .buy_more_section, .new_offers_section, .featured_section, .featured_section{margin: 0 50px 0;}
.high_rate, .buy_more, .save_more{
    z-index: 1;
    font-size: 12px;
    top: 9px;
    width: 80px;
    text-align: center;
    padding: 3px 5px;
    box-shadow: 0px 4px 4px 0px #00000040;
}
.high_rate{background: #07AD5D;right: -5px;}
.buy_more{background: #0A6C9C; right: -5px;}
.save_more{background: #DC2926;left: -5px;}