/* start modern css */
*,
*::before,
*::after {
    box-sizing: border-box;
}
html, body {
    overflow-x: hidden;
    max-width: 100%;
}
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  .languageBox{
    margin: 0 22px;
    cursor: pointer;
  }
  .mob_menu{
    border-bottom: 1px solid black;
    padding: 10px 0;
  }
  @media(max-width:992px){
    .langBig{
      display: none !important;
    }
  }
  .languageItem{
    color: #343434;
    font-size: 20px;
    font-weight: 500;
  }
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
 body {
  font-family: 'Poppins', 'Inter', system-ui, sans-serif;
}

/* RTL (Arabic) */
[dir='rtl'] body {
  font-family: 'Cairo', 'Tajawal', system-ui, sans-serif;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}
ul[role='list'],
ol[role='list'] {
    list-style: none;
}
html:focus-within {
    scroll-behavior: smooth;
}
a:not([class]) {
    text-decoration-skip-ink: auto;
}
.item img{
    background-color: white !important;
}
a{
    text-decoration: none;
}
img,
picture {
    max-width: 100%;
    display: block;
}
input,
button,
textarea,
select {
    font: inherit;
}
/* end modern css */
/* Global Style */
:root {
    --primary1-color: #343434;
    --primary2-color : #EB5B05;
    --secondary1-color : #ffffff;
    --secondary2-color : #F2F2F2;
}
/* products */
.product_btn {
    background-color: var(--primary2-color);
    color: white;
    margin-top: 10px;
    font-size: 12px;
    max-width: 122.8px;
    margin: 11px 14px;
    margin-top: 4px;
    min-height: 34px;
    white-space: nowrap;
}
small {
    direction: inherit;
}
.slide-title {
    direction: inherit;
    unicode-bidi: plaintext;
}

/* Global Quiz Card Alignment Fix */
.carousel-box, .quizz-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    align-self: stretch !important;
}

.creator {
    margin-top: auto !important;
}
.product_btn:focus{
    border: none;
    background-color: var(--secondary1-color);
    color: white;

}
.product_btn:hover,.product_btn:active{
    background-color: var(--secondary1-color);
    color: white;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--primary1-color);
}
::-webkit-scrollbar-track {
    background-color: #d4d1d1;
}
span,p,h1,h2,h3,h4,h5,a{
    color: #343434;
}


.swal2-styled.swal2-confirm:hover{
    border-color: transparent !important;;
}
.swal2-icon.swal2-success{
    background-color: var(--main-color);
    color: white !important;
}
.customTitle {
    color: var(--secondary-color) !important;
    font-size: 22px!important;
    font-weight:400!important;
    line-height: 34px!important;

}
.customIcon  {
    background: var(--main-color);
    border: none !important;
}
.colored-toast {
    background-color: #fff !important;
    display: flex !important;
}

.colored-toast.swal2-icon-error {
    background-color: #fff !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: #454545;
        line-height: 54px;
    margin: 0 10px !important;
}
.valid_msg {
  color: red;
}
.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}
.wrong-message{
    color: #EB5757;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-top: 3px;
    display: inline;
    padding-inline-start: 5px;
}
button:disabled,
button[disabled]{
  border: 0;
  background-color: grey;
  color: #fff;
}
.my-style-item .slide-title{
  font-size: 13px !important;
}