:root {
  /*════════════════════════════════════════════════*/
  /* 🎨 Colors 🎨                                  */
  /*════════════════════════════════════════════════*/
  --primary: #475c9c !important;
  --secondary: #ebebeb;
  --success: #15e403;
  --danger: #f52626;
  --link: #1e00e0;
  --white: #ffffff;
  --black: #1c1c1c;
  --gray: #bb2525;
  --body-color: #ffffff;
  --border-color: #e5e5e5;
  --secondary-text: #818181;
  --primary-text: #000000;
  --linear-gradient: linear-gradient(90deg, #cbcbcb 0%, #cbcbcb 100%);
  --footer-and-header-bg: #2a4914;
  --primary-footer-and-header-text: #ffffff;
  --secondary-footer-and-header-text: rgb(229, 229, 229);
  /*════════════════════════════════════════════════*/
  /* 🔘 Buttons 🔘                                 */
  /*════════════════════════════════════════════════*/
  --primary-button-text: #f2f2f2;
  --primary-button-hover-text: #ffffff;
  --primary-button-hover-bg: #c6930a;
  --primary-header-and-footer-hover: #c6930a;
  /*════════════════════════════════════════════════*/
  /* 🎭 Transitions 🎭                             */
  /*════════════════════════════════════════════════*/
  --transition-hover: background-color 0.3s ease, color 0s ease, border 0.3s ease;
  /*════════════════════════════════════════════════*/
  /* 🔠 Text Sizes 🔠                              */
  /*════════════════════════════════════════════════*/
  --text-lg: 2.5rem;
  --text-md: 1rem;
  --text-sm: 0.8rem;
  /*════════════════════════════════════════════════*/
  /* 🏳️ Borders 🏳️                                 */
  /*════════════════════════════════════════════════*/
  --border-width: 0.3px;
  --border-style: solid;
  --border: 0.3px solid #adadad;
  --border-radius: 5px;
}

/*==============================================
        [ di_peg_number ]            
==============================================*/
.di_peg_number #di_peg_number_first {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  background-color: white !important;
}
.di_peg_number #di_peg_number_first h6 {
  color: var(--primary);
}
.di_peg_number #di_peg_number_first h1 {
  font-size: 2vw;
  font-weight: bold;
}
.di_peg_number #di_peg_number_first h1 span {
  background-color: var(--primary);
  border-radius: 4px;
  color: var(--primary-footer-and-header-text);
  padding: 12px;
}
@media (max-width: 768px) {
  .di_peg_number #di_peg_number_first h1 {
    font-size: 20px;
  }
}
.di_peg_number #di_peg_number_first ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 60px;
}
@media (max-width: 768px) {
  .di_peg_number #di_peg_number_first ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
.di_peg_number #di_peg_number_first ul p {
  font-weight: bold;
  font-size: 40px;
  color: var(--primary);
}
.di_peg_number #di_peg_number_first ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
.di_peg_number #di_peg_number_first ul li h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  font-size: 22px;
}


body.apex-no-scroll {
    overflow: auto !important;
}

/* .h-page{
    z-index: 1;corses_11
    margin-top: -20px;
    position: static;
} */
.image-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: white;
    margin: 10px;
}


.a-CardView-header{
    border-bottom: NONE ;
}
.a-CardView-body{
    padding-top: 0px;
    padding-bottom: 0px;
}
.t-CardsRegion--styleB .a-CardView-badge:not(:first-child){
    background-color: whitesmoke;
}

.a-CardView-actionsPrimary .a-CardView-buttonLabel{
    color: black ;
}

/************************************/
*{
    border: none !important;
    box-shadow: none  !important;
}

.col.col-end , .col.col-start{
    background-color: white;
    border: none;
}

.t-Body-contentInner{
background: white ;
padding: 0;
}

/***********foter***********/
.t-Footer{
    padding: 0px;
}
    .t-Footer {
        align-items: center;
        grid-template-areas: none;
        grid-template-columns:none;
      
    }
    .t-Footer-apex{
        display: none;
    }
    .t-Region--noUI{
        margin: 0px;
    }
/***********card_page_page***********/
.body_t_rej{
    padding: 0%  4% !important;

  
}
.regon_body{
        padding: 0% !important;
}
/*******************************/
.a-CardView-subContent{
    BACKGROUND-COLOR: var(--primary);
    margin: var(--ut-cv-subcontent-margin, .75rem 0 0);
    HEIGHT: 50PX;
    TEXT-ALIGN: center;
    ALIGN-ITEMS: center;
    DISPLAY: flex;
    JUSTIFY-CONTENT: center;
    COLOR: WHITE;
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 16PX;
    width: 240px !important;
    padding: 0px;
    border-radius: 0px !important;
}
.a-CardView-subContent:hover{
    background-color: var(--primary);

}

.a-CardView-button{
height: 24px !important;
width: 120px !important;
border-radius: 0px !important;
border: white !important;

}
.a-CardView-actionsPrimary{
    width: fit-content;
}
.a-CardView-subContent dev{
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.a-CardView-subContent dev del{
    margin-left: 12px;
}

.has-media--first {
    border-radius: 12px;
    transition: transform 0.3s ease;
}

.a-CardView a{
    padding: 0px;
    border-radius: 12px;
   
}
.a-CardView-items li{
      width: 280px;
      border: solid 0.2px rgb(107, 107, 107) !important; 
      border-radius: 12px;
      padding: 2px;
      height: 410px;
}

.a-TMV--cards, .a-TMV--cards .a-TMV-w-scroll{
    display: flex;
    justify-content:center ;
    overflow: auto;
}

.corses_11 .a-TMV--cards, .a-TMV--cards .a-TMV-w-scroll{
flex-direction: column;
}
.image-card{
    margin: 0PX;
}
.a-CardView.has-actions--full:hover{
    background-color: rgba(242, 244, 246, 0.39);
}
.a-CardView-items--grid{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}
/************************************/

.a-CardView-items--grid {
    margin: 12px;
    align-items: center;
    padding: 0px;;
    gap: 12px;
    justify-items: center;
    width: fit-content;
    display: inline-flex;
   
}




/*****************************************/
.a-CardView-subContent , .a-CardView-mainContent  {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    max-height: 136px;
    overflow: auto;
    /* إضافة خصائص السكروول */
    scrollbar-width: thin; /* للمتصفحات التي تدعمها */
    scrollbar-color: #888 #f0f0f0; /* اللون الأول لشريط التمرير والثاني للخلفية */
}

/* تصميم خاص لشريط التمرير لمتصفح كروم و Edge */
.a-CardView-mainContent::-webkit-scrollbar, 
.a-CardView-subContent::-webkit-scrollbar {
    width: 8px; /* عرض شريط التمرير */
    height: 8px; /* ارتفاع شريط التمرير الأفقي */
}

.a-CardView-mainContent::-webkit-scrollbar-track, 
.a-CardView-subContent::-webkit-scrollbar-track {
    background: #f0f0f0; /* لون خلفية شريط التمرير */
    border-radius: 10px;
}

.a-CardView-mainContent::-webkit-scrollbar-thumb, 
.a-CardView-subContent::-webkit-scrollbar-thumb {
    background: #888; /* لون شريط التمرير */
    border-radius: 10px;
}

.a-CardView-mainContent::-webkit-scrollbar-thumb:hover, 
.a-CardView-subContent::-webkit-scrollbar-thumb:hover {
    background: #555; /* لون شريط التمرير عند التحويم */
}
/*****************************************
******************************************
*****************************************
*******************************************/
    .a-CardView-items--grid2col, .a-CardView-items--grid3col, .a-CardView-items--grid4col, .a-CardView-items--grid5col{
    display: flex;
    justify-content:start;
}


.t-Login-container{
    padding: 0px;
    margin: 0px;
}


.t-Region--accent2>.t-Region-header{
background-color: white;
text-align: center;
color: black;
font-size: 30px;
}


.t-Login-container{
    gap: 0px;
}


.i-h640>.t-Region-bodyWrap>.t-Region-body{
    height: fit-content;
}









.a-CardView-actionsPrimary {
    width: fit-content;
    display: contents;
}
/**********************/
/**********************/
/***********************/
/**********************/

.a-CardView-items--grid {
    margin: 12px;
    align-items: center;
    padding: 0px;
    gap: 12px;
    justify-items: center;
    /* width: fit-content; */
    /* display: inline-flex; */
    flex-direction: column;
    display: grid
;
    width: 100%;
    justify-content: center;
    
} 
.a-TMV--cards, .a-TMV--cards .a-TMV-w-scroll {
    display: flex
;
    justify-content: center;
    overflow: hidden ;
}

@media (max-width: 480px) {

.a-TMV--cards, .a-TMV--cards .a-TMV-w-scroll , .a-CardView-items--grid {
    overflow: auto !important;
    display: flex;
    flex-direction: row;
    justify-items: end;
    align-items: flex-start !important;
    }
    }







.ads_ads .a-CardView-items--grid{
    display: flex;
    flex-direction: row;
}

.ads_ads .a-CardView-items li {
    height: 420px;
}
.ads_ads .a-CardView-actions {
    justify-content: center;
    position: absolute;
    bottom: 0 !important;
}

.a-CardView-actions{
    justify-content: center;
}


  .alhiea{
      display: flex;
      background-color: #d8d8d824 !important;
  }

@media (max-width: 480px) {
    .alhiea .a-TMV--cards, .a-TMV--cards .a-TMV-w-scroll, .a-CardView-items--grid {
        overflow: auto !important;
        display: flex;
        flex-direction: column;
        justify-items: end;
    }
    .alhiea {
    flex-direction: column;
    display: flex;
}

}

  .alhiea .a-CardView-items--grid {
    flex-direction: row;
    display: flex;
}




@media (max-width: 750px) {
    .alhiea .a-CardView-items--grid {
    flex-direction: column;
    display: flex;
    padding: 0px;
    margin: 0px;
}
    .alhiea .a-CardView-items li {
    width: 280px;
    border: none !important;
    border-radius: 0px;
    padding: 0px;
    height: fit-content;
}
    }
.alhiea .a-CardView-items li{
    border: solid 0px rgb(107, 107, 107) !important;
}
.alhiea .a-CardView-subContent {
    background-color: #ffffff;
    color: black;
    height: fit-content;
    font-weight: 300;
    font-size: 16;
    padding: 0px;
    min-height: 190px;
    text-align: start;
    line-height: 17px;
}
.alhiea .a-CardView{
    height: fit-content;
}
.a-CardView-media--fit .a-CardView-mediaImg {
    -o-object-fit: contain;
    object-fit: cover;
    width: 100% !important;
}

.alhiea {
    background-color: rgb(255, 255, 255);
}
.a-CardView-media--fit .a-CardView-mediaImg {
    -o-object-fit: contain;
    object-fit: cover;
    width: 100% !important;
    height: -webkit-fill-available;
}
/* .t-Region-body>.container{
    width: 300px;
    border-radius: 12px;
    margin-bottom: 25px;
    border: none;
} */
.alhiea .a-CardView-items--grid {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}


.alhiea {
    display: flex
;
    flex-direction: column;
}
.container .HAMODA{
    width: 250PX;
    border-radius: 100PX;
    overflow: hidden;
    border: solid 1PX rgb(57, 57, 57) !important;
}
.HAMODA:focus{
    border: none;
}
.apex-item-comboselect.has-focus, .apex-item-comboselect:focus-within{
    border: none;
    box-shadow: none;
    outline: none;
    outline-offset: none;
}
.alhiea .a-CardView-media{
    min-height: 284px !important;
}

.t-Region-title{
    font-size: 33px;
    text-align: center;
}

.a-CardView-body{
    flex-grow: 0 !important;
}

.a-CardView-media--cover .a-CardView-mediaImg {
    width: 100%;
    height: 160px !important;
    background-size: cover;
    border-radius: 0px !important;
}
.a-CardView-media--cover .a-CardView-mediaImg {
    width: 100%;
    height: 160px !important;
    background-size: cover;
    border-radius: 0px !important;
    border: none;
}
.image-card {
    margin: 0PX;
    border-radius: 0px;
}
.a-CardView-items li {
    width: 280px;
    border: solid 0.2px rgb(107, 107, 107) !important;
    border-radius: 12px;
    padding: 0px;
    height: 410px;
    overflow: hidden;
}
.a-CardView-items li {
    width: 280px;
    border: solid 0.2px rgb(107, 107, 107) !important;
    border-radius: 12px;
    padding: 0px;
    height: fit-content;
    overflow: hidden;
    padding-bottom: 12px;
}
.a-CardView-subContent {
    BACKGROUND-COLOR: var(--primary);
    margin: var(--ut-cv-subcontent-margin, .75rem 0 0);
    HEIGHT: 50PX;
    TEXT-ALIGN: center;
    ALIGN-ITEMS: center;
    DISPLAY: flex;
    JUSTIFY-CONTENT: center;
    COLOR: WHITE;
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 16PX;
    width: 240px !important;
    padding: 0px;
    border-radius: 12px !important;
}



.a-CardView-items li {
    font-size: inherit;
    line-height: inherit;
    background: white;
}
.a-CardView-items--grid {
    margin: 12px;
    align-items: center;
    padding: 0px;
    gap: 12px;
    justify-items: center;
    width: fit-content;
    display: inline-flex
;
    flex-direction: column;
    display: grid
;
    width: 100%;
    justify-content: center;
    /* background: red; */
    padding: 12px;
    width: fit-content;
    display: flex
;
    flex-direction: row;
}
.a-TMV--cards, .a-TMV--cards .a-TMV-w-scroll {
    display: flex
;
    justify-content: center !important;
    overflow: hidden;
    align-items: center;

}
.a-FS-smartFilter .a-FS-searchBar {
    flex-basis: 100%;
    border: solid 1px black !important;
    border-radius: 100px;
    overflow: hidden;
}

@media (max-width:600px){
    .a-TMV--cards, .a-TMV--cards .a-TMV-w-scroll {
    display: grid
;
    justify-content: center !important;
    overflow: hidden;
    align-items: flex-start !important;
    justify-items: start !important;
}
}

.a-CardView-media--cover .a-CardView-mediaImg{
    width:100%;
    /* height: 160px; */
    background-size: cover;
    border-radius: 0px !important;
}

/********************************************/
 @media (max-width: 760px) {
  .t-Header-navBar , .t-Header-branding{
    display: flex;
    flex-wrap: wrap;
  }
  .t-Header-navBar--start , .t-Header-navBar--center{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
  }

}


.alhiea .a-CardView {
    height: fit-content;
    display: flex;
}

.corses_11 .a-CardView-subContent {
    position: absolute;
    top: -5px;
    left: 4px;
    width: 75% !important;
    color: white !important;
    border-radius: 4px !important;
    }
    .corses_11 .a-CardView-subContent .offer {
        font-size: 19px !important;
        font-weight: 500 !important;
        color: yellow !important;
        text-decoration: line-through !important; 
        font-style: italic !important;
    }
    .corses_11 .a-CardView-subContent .offer-old::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 100% !important;
    height: 1px !important; 
    background-color: yellow !important; 
    transform: skewX(-15deg) !important;
}





    .corses_11 .a-CardView-subContent:hover{
        background-color: var(--primary);
        cursor: pointer;
    }
    .corses_11 .a-CardView-subContent div{
    font-size: 20px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin: 0;
    gap: 6px;
    }
   .corses_11 .a-CardView-subContent b , .a-CardView-subContent p{
    color: #ffffff !important;
    padding: 0;
    margin: 0;
    }
    span{
        background: none;
    }
    .a-CardView-headerBody{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    
/*==============================================
        [ di_labile_info ]            
==============================================*/
.di_labile_info #di_labile_info_first {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
  height: 300px;
  gap: 10px;
  background-color: var(--primary);
}
.di_labile_info #di_labile_info_first p {
  color: var(--body-color);
}
.di_labile_info #di_labile_info_first h1 {
  color: var(--body-color);
}
.di_labile_info #di_labile_info_first h2 a {
  background-color: var(--body-color);
  padding: 4px;
  border-radius: 4px;
  color: var(--primary);
  transition: var(--transition-hover);
}
.di_labile_info #di_labile_info_first h2 a:hover {
  background-color: var(--primary-button-hover-bg);
}

/*==============================================
        [ di_card_text ]            
==============================================*/
.di_card_text {
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.di_card_text #di_card_text_first {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 900px) {
  .di_card_text #di_card_text_first {
    width: 90%;
  }
}
@media (max-width: 600px) {
  .di_card_text #di_card_text_first {
    width: 96%;
  }
}
.di_card_text #di_card_text_first div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.di_card_text #di_card_text_first div p {
  background-color: var(--primary);
  padding: 15px;
  border-radius: 5px;
  cursor: pointer;
  color : var(--primary-footer-and-header-text);
}
.di_card_text #di_card_text_first div p:hover {
  box-shadow: 0px 0px 10px 0px #dddddd;
}
@media (max-width: 500px) {
  .di_card_text #di_card_text_first div {
    grid-template-columns: repeat(2, 1fr);
  }
}
.di_card_text #di_card_text_first h6 {
  text-align: center;
}
.di_card_text #di_card_text_first h1 {
  padding-top: 15px;
}
.di_card_text #di_card_text_first h1 span {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--primary);
  border-radius: 4px;
  padding: 2px;
  font-weight: bold;
  color: var(--body-color);
}
.image-card {
    padding: 12px;
    margin: 0PX;
}


.a-CardView-subTitle{
color: var(--primary);
font-size: 22px;
margin: 2px;
}
.a-CardView-subTitle::before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 2px; 
    background-color: var(--primary);
    margin-right: 10px; 
    margin-left: 10px;
    vertical-align: middle; 
}
.alhiea .a-CardView-items li {
    border: none;
    padding: 10px; 
    background: #fff; 
    border-radius: 8px; 
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important; 
    transition: all 0.3s ease-in-out; 
}

.alhiea .a-CardView-items li:hover {
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-3px); 
}