:root {
    --theme-primary-color: #81B01C;
    --theme-button-color: #81B01C;
    --theme-primary-color-rgb: rgb(129, 176, 28);
    --theme-secondary-color: #212121;
    --theme-secondary-color-rgb: 33, 33, 33;
    --theme-custom-background: #DEEFFD;
    --theme-main-black: #1D1B20;
    --theme-main-blue: #0063A3;
    --theme-main-blue-light: #2196F3;
    --theme-main-blue-background: #E3F2FD;
    --theme-main-white: #fff;
    --theme-main-grey: #959494;
    --theme-main-background-grey: #f6f6f6;
    --theme-main-ease: cubic-bezier(.65,.05,.36,1);
    --theme-main-lable-text-color: #49454F;
    --theme-main-lable-text-light-color: #87848b;
    --theme-outlined-primary-background: #E5F1CB;
    --theme-light-primary-background: #f3f7e6;
    --theme-light-grey-background: #e8e8e8;
    --theme-main-background-dark: #000;
    --theme-main-background-light-grey: #D9D9D9;
    --theme-insurance-main-text-color: #777171;
    --theme-main-danger: #F44336;
    --theme-main-danger-bg: rgba(244, 67, 54, 0.2541);
    --theme-main-success: #1C822C;
    --theme-main-warning: #C2AD1B;
    --theme-light-danger: #FEF4F5;
    --theme-light-yellow: #FBF6EB;
    --theme-bs-black-rgb: 0, 0, 0;
}

body{
  /*font-family: "Lato", sans-serif;*/
}

.standard-input {
  position: relative;
}

.standard-input textarea,
.standard-input input {
  color: var(--theme-main-black);
  height: 4rem;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--theme-main-grey);
  background-color: var(--theme-main-background-grey);
  padding-top: 1rem;
  font-size: 20px;
  transition: .1s var(--theme-main-ease);
  outline: none;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
}

.standard-input label {
  position: absolute;
  top: 30%;
  left: 0%;
  right: 0%;
  transform: translateY(-30%);
  /* background-color: var(--main-background-grey); */
  color: #49454F;
  text-align: center;
  transition: .2s var(--main-ease);
  font-size: 1rem;
  pointer-events: none;
  padding: 0.75rem 5px;
}

.standard-input input:not(:placeholder-shown) ~ label,
.standard-input textarea:focus ~ label,
.standard-input input:focus ~ label {
  top: 0px;
  left: 0;
  font-size: 15px;
  color: #49454F;
  /* color: var(--main-lable-text-light-color); */
}

.standard-input .underline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transition: transform 0.2s var(--theme-main-ease);
  border-bottom: 2px solid var(--theme-main-blue);
}

.standard-input textarea:focus ~ .underline,
.standard-input input:focus ~ .underline {
  transform: scaleX(1);
}
.standard-input textarea:hover,
.standard-input input:hover {
  border-bottom: 2px solid var(--theme-main-blue-light);
}
.standard-input textarea:focus
.standard-input input:focus {
  background-color: var(--theme-main-blue-background);
}

.standard-input textarea:focus ~
.standard-input input:focus ~ label {
  color: var(--theme-main-blue) !important;
  background-color: transparent !important;
}

/*.standard-input.error input,
.standard-input.error .underline,
.standard-input.error textarea:hover,
.standard-input.error input:hover,
.standard-input.error textarea:focus, 
.standard-input.error input:focus {
  border-bottom: 2px solid var(--theme-main-danger) !important;
  background-color: var(--theme-main-danger-bg);
}
*/
button.primary {
  background-color: var(--theme-primary-color);
  color: var(--theme-main-white);
  border: none;
  padding: 0.5rem 2rem;
  font-size: 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--theme-main-ease);
}

button.primary:hover {
  /* background-color: #6d8f0d; */
  background-image: url("../assets/loading-white.gif");
  background-position: right;
  background-size: 35px;
  background-repeat: no-repeat;
}

button.secondary {
  background-color: var(--theme-secondary-color);
  color: var(--theme-main-white);
  border: none;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--theme-main-ease);
}

button.secondary:hover {
  background-image: url("../assets/loading-green.gif");
  background-position: right;
  background-size: 35px;
  background-repeat: no-repeat;
}

button.gray {
  background-color: var(--main-grey);
  color: var(--main-white);
  border: none;
  padding: .5rem 2rem;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--main-ease);
}
button.gray-payment {
  background-color: var(--main-grey);
  color: var(--main-white);
  border: none;
  padding: 1rem 2rem;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--main-ease);
}
button.primary-payment {
  background-color: var(--primary-color);
  color: var(--main-white);
  border: none;
  padding: 1rem 2rem;
  font-size: 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--main-ease);
}

label.full-width,
button.full-width {
  width: 100%;
}

label.outlined,
button.outlined {
  background-color: var(--outlined-primary-background);
  color: var(--main-text-color);
  border: 1px solid var(--primary-color);
  padding: 1rem 1rem;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--main-ease);
}

label.outlined-white,
button.outlined-white {
  background-color: var(--main-white);
  color: var(--main-text-color);
  border: 1px solid var(--main-grey);
  padding: 1rem 1rem;
  font-size: 1rem;
  border-radius: .5rem;
  cursor: pointer;
  transition: .2s var(--main-ease);
}
button.outlined-expired {
  background-color: var(--main-white);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 0.5rem 2rem;
  font-size: 1rem;
  border-radius: .5rem;
  cursor: pointer;
  transition: .2s var(--main-ease);
}

button.outlined-grey {
  background-color: var(--main-background-grey);
  color: var(--main-text-color);
  border: 1px solid var(--main-grey);
  padding: 1rem 1rem;
  font-size: 1rem;
  border-radius: .5rem;
  cursor: pointer;
  transition: .2s var(--main-ease);
}

@media (max-width: 350px) {
  button.outlined-grey {
    padding: 1rem 0.5rem;
  }
}

button.outlined-offers {
  background-color: var(--outlined-primary-background);
  color: var(--main-text-color);
  border: 1px solid var(--primary-color);
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--main-ease);
  height: 100%;
}
button.danger {
  background-color: var(--main-danger);
  color: var(--main-white);
  border: 1px solid #C81901;
  padding: 0.1rem 1rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: .2s var(--main-ease);
}

button.success {
  background-color: var(--main-success);
  color: var(--main-white);
  border: 1px solid #0797A7;
  padding: 0.1rem 1rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: .2s var(--main-ease);
}
button.pending {
  background-color: var(--main-warning);
  color: var(--main-white);
  border: 1px solid #D69F32;
  padding: 0.1rem 1rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: .2s var(--main-ease);
}

button.bima-checkbox-button {
  background-color: var(--main-white);
  color: var(--main-text-color);
  border: 1px solid var(--primary-color);
  padding: 5px;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s var(--main-ease);
  display: flex;
  justify-content: center;
  align-items: center;
}

/*# check-box */

.bima-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(var(--secondary-color-rgb, 0, 0, 0), 0.87);
  font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
  font-size: 16px;
  line-height: 1.5;
}

/* Input */
.bima-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  top: -8px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(var(--secondary-color-rgb, 0, 0, 0), 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.bima-checkbox > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

/* Box */
.bima-checkbox > span::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 10px;
  border: solid 2px; /* Safari */
  border-color: rgba(var(--secondary-color-rgb, 0, 0, 0), 0.6);
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */
:lang(en) .bima-checkbox > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 11px;
  width: 10px;
  height: 5px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
}

:lang(ar) .bima-checkbox > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 17px;
  width: 10px;
  height: 5px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */

.bima-checkbox > input[type=checkbox]:checked + span::before,
.bima-checkbox > input[type=checkbox]:checked:indeterminate + span::before {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.bima-checkbox > input[type=checkbox]:checked + span::after,
.bima-checkbox > input[type=checkbox]:checked:indeterminate + span::after {
  border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
}

/* .bima-checkbox > input[type=checkbox]:checked:indeterminate + span::after {
  border-left: none;
  transform: translate(4px, 3px);
} */

/* Hover, Focus */
.bima-checkbox:hover > input {
  opacity: 0.04;
}

.bima-checkbox > input[type=checkbox]:checked:focus {
  opacity: 0.12;
}

.bima-checkbox:hover > input[type=checkbox]:checked:focus {
  opacity: 0.16;
}

/* Active */
.bima-checkbox > input[type=checkbox]:checked:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.bima-checkbox > input[type=checkbox]:checked:active + span::before {
  border-color: rgb(var(--primary-color-rgb, 33, 150, 243));
}

.bima-checkbox > input[type=checkbox]:checked:checked:active + span::before {
  border-color: transparent;
  background-color: rgba(var(--secondary-color-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.bima-checkbox > input[type=checkbox]:checked:disabled {
  opacity: 0;
}

.bima-checkbox > input[type=checkbox]:checked:disabled + span {
  color: rgba(var(--secondary-color-rgb, 0, 0, 0), 0.38);
  cursor: initial;
}

.bima-checkbox > input[type=checkbox]:checked:disabled + span::before {
  border-color: currentColor;
}

.bima-checkbox > input[type=checkbox]:checked:checked:disabled + span::before,
.bima-checkbox > input[type=checkbox]:checked:indeterminate:disabled + span::before {
  border-color: transparent;
  background-color: currentColor;
}

/* .standard-input select {
  color: var(--main-text-color);
  height: 4rem;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--main-grey);
  background-color: var(--main-background-grey);
  padding-left: 20px;
  font-size: 20px;
  transition: .1s var(--main-ease);
  outline: none;
  box-sizing: border-box;
  border-radius: 5px;
}

select:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #000 transparent transparent transparent;
} */

.standard-input select {
  color: var(--main-text-color);
  height: 4.2rem;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--main-grey);
  background-color: var(--main-background-grey);
  padding-left: 20px;
  font-size: 20px;
  transition: 0.1s var(--main-ease);
  outline: none;
  box-sizing: border-box;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.standard-input select:after {
  content: "\25BC";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #000000;
  font-size: 15px;
}

.vertical-line{
  border-left: 2px solid var(--main-grey);
  height: 100%;
  text-align: center;
}

.vertical-line-green{
  border-left: 2px solid var(--primary-color);
  height: 100%;
  text-align: center;
}

.width-100{
  width: 100%;
}
.width-90{
  width: 90%;
}
.width-85{
  width: 85%;
}
.width-80{
  width: 80%;
}
.width-70{
  width: 70%;
}
.width-50 {
  width: 50%;
}
.width-60{
  width: 60%;
}
.width-20{
  width: 20%;
}
.width-47{
  width: 47%;
}
.width-40{
  width: 40%;
}
.width-30{
  width: 30%;
}
.width-10{
  width: 10%;
}
.width-15{
  width: 15%;
}
.width-bima-normal{
  width: 80%;
}

.width-70-normal{
  width: 70%;
}
.width-50-normal{
  width: 50%;
}
.domestic-container-width{
  width: 50%;
}
.width-60-normal{
  width: 60%;
}
.width-payment-success{
  width : 50%;
}

.profile-btn-responsive{
  width: auto;
}

.fs-8{
  font-size: 0.8rem;
}
.fs-9{
  font-size: 0.9rem;
}

.margin-left {
  margin-left: 10px !important; 

}
.margin-right {
  margin-right: 10px !important;
}

.bima-chip-container{
  background-color: #d9eab3;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.3rem;
}

input[type="radio"] {
  width: 20px;
  height: 20px;
  background-color: none;
  border: 2px solid var(--main-grey);
  border-radius: 50%;
  margin-right: 5px;
}

input[type="radio"]:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

input[type="checkbox"]:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
/* input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type="date"] {
  background: url("../assets/cal-icon.svg") no-repeat right center;
  background-size: 40px 24px;
  padding-right: 24px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
} */

input[type="date"]::-webkit-calendar-picker-indicator {
  display: block;
  background: url("../assets/cal-icon.svg") no-repeat right center;
  background-size: 40px 24px;
  padding-right: 24px; 
  appearance: none;
  /* background-color: var(--main-background-grey); */
  -moz-appearance: none;
  -webkit-appearance: none;
}

:lang(ar) input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 1%;
}

:lang(ar) input::-webkit-datetime-edit-fields-wrapper {
  position: relative;
  left: 5%;
}

:lang(ar) ::-webkit-datetime-edit {
  position: relative;
  left: 5%;
}

label{
  color: var(--main-text-color);
  /* margin-bottom: 10px; */
  margin-left: 4px;
  margin-top: 2px;
}

:lang(en) #i-accept label{
  margin-left: 4px;
}

:lang(ar) #i-accept label{
  margin-right: 2rem;
}

:lang(ar) .form-check .form-check-input{
  float: right !important;
}

:lang(en) .border-radius-left-custom{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

:lang(ar) .border-radius-left-custom{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.custom-shadow{
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
}

.custom-hr{
  border: 1px solid var(--primary-color);
}

.custom-hr-grey {
  border: 1px solid var(--main-grey);
}

hr.new5{
  border: 1px solid rgb(0, 0, 0);
}

hr.dashed{
  border-top: 1px dashed var(--main-grey) !important;
  width: 100%;
  opacity: 1 !important;
}

hr.dark-grey{
  border-top: 1px solid var(--main-grey) !important;
  width: 100%;
  opacity: 1 !important;
}

.custom-table {
  --bs-table-color: #000 !important;
  --bs-table-bg: none !important;
  --bs-table-border-color:var(--main-grey) !important;
  --bs-table-striped-bg: none !important;
  --bs-table-striped-color: none !important;
  --bs-table-active-bg: none !important;
  --bs-table-active-color: none !important;
  --bs-table-hover-bg: #bfd1ec !important;
  --bs-table-hover-color: #000 !important;
  color: var(--bs-table-color) !important;
  border-color: var(--bs-table-border-color) !important;
}

.text-no-wrap{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.border-sm-top {
  border-top: none;
}

:lang(en) .border-md-end {
  border-right: 1px solid var(--main-grey);
}

:lang(ar) .border-md-end {
  border-left: 1px solid var(--main-grey);
}

:lang(en) .border-offer {
  border-right: 1px solid var(--main-grey);
}
:lang(ar) .border-offer {
  border-left: 1px solid var(--main-grey);
}

:lang(en) #back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-decoration: none;
  z-index: 12;
}
:lang(ar) #back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  text-decoration: none;
  z-index: 12;
}

:lang(ar) .back-button{
  transform: rotate(180deg);
}

.form-check .form-check-input{
  margin-left: 0;
}

#back-to-top-div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  padding: 10px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.res-fs-1{
  font-size: 1rem;
}
.res-heading-font {
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
.text-mobile-center{
  text-align: inherit;
}

.custom-ul-direction {
  border-top-right-radius: 0px!important;
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 7px!important;
  border-bottom-right-radius: 7px!important;
}

.custom-ul-snippet {
  height: 3px !important;
  width: auto !important;
  background-color: var(--primary-color) !important;
}

:lang(ar) .custom-li-direction {
  text-align: right!important;
}

.custom-li-direction:hover {
  background-color: var(--outlined-primary-background) !important;
  border-radius: 5px !important;
}

/* Media Queries */
@media (min-width: 576px) {
  .vehicle-buttons-left {
    margin-left: 10px;
  }
  .vehicle-buttons-right {
    margin-right: 10px;
  }
}

@media (max-width: 576px) {
  .main-home-container-frame1, 
  .main-home-container-frame2,
  .main-home-container-frame3 {
    margin-top: -1.1rem;
    height: 35vh;
  }
  .border-md-end{
    border: none !important;
  }
  .border-sm-top{
    border-top: 1px solid var(--main-grey) !important;
  }
 
  .width-sm-100{
    width: 100% !important;
  }
  .res-fs-1{
    font-size: 0.75rem;
  }
  .res-heading-font {
    font-size: 1rem !important;
  }
  .profile-btn-responsive{
    width: 45% !important;
  }

  :lang(ar) .custom-li-direction {
    text-align: right!important;
  }
  :lang(ar) .custom-ul-direction {
    margin-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .text-mobile-center{
    text-align: center !important;
  }
}

@media (max-width: 1024px ){
  .width-bima-normal{
    width: 90% !important;
  }
  .width-70-normal{
    width: 90% !important;
  }
  .width-60-normal{
    width: 90% !important;
  }
  .width-50-normal{
    width: 100% !important;
  }
  .width-payment-success{
    width : 90% !important;
  }
  /* .profile-btn-responsive{
    width: 45% !important;
  } */
  .domestic-container-width{
    width: 85% !important;
  }

#carouselHomeIndicators .carousel-indicators{
    right: 0 !important;
    justify-content: center !important;
    margin-bottom: 3.5rem !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
.carousel-indicators [data-bs-target] {
    width: 8px !important;
    height: 8px !important;
  }
.carousel-indicators .active {
    width: 16px !important;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .main-home-container-frame1,
  .main-home-container-frame2,
  .main-home-container-frame3 {
    margin-top: -1.1rem;
    height: 35vh;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .main-home-container-frame1,
  .main-home-container-frame2,
  .main-home-container-frame3 {
    margin-top: 2.5rem;
    height: 35vh;
  };
}

@media (min-width: 992px) and (max-width: 1280px) {
  .custom-carousel-margin {
    margin-top: 1rem;
  }
}

/* iPad Air */
@media only screen 
  and (max-device-width: 360px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .bima-checkbox > span::before{
      margin: 3px 10px !important;
    }
    label{
      margin-left: 0 !important;
    }
}

/* iPad Mini */
/* @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    .bima-checkbox > span::before{
      margin: 3px 4px !important;
    }
    label{
      margin-left: 0 !important;
    }
} */

/* Customize Bootstrap Carousel Dots */
#carouselHomeIndicators .carousel-indicators {
  position: absolute;
  right: 0;
  justify-content: end;
  margin-right: 2%;
  margin-left: 2%;
  margin-bottom: 1rem;
}
#carouselOfferIndicators .carousel-indicators {
  position: absolute;
  justify-content: center;
  margin-bottom: -1rem;
}

#carouselHomeIndicators .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-clip: padding-box;
  border: 0;
  opacity: .5;
  transition: opacity .6s ease;
  border-radius: 50%;
  right: 0;
}

#carouselHomeIndicators .carousel-indicators .active {
  opacity: 1 !important;
  background-color: var(--primary-color) !important;
  width: 24px;
  border-radius: 3rem;
}

#carouselOfferIndicators .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 7px;
  height: 7px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--main-grey);
  background-clip: padding-box;
  border: 0;
  opacity: .5;
  transition: opacity .6s ease;
  border-radius: 50%;
  right: 0;
}

#carouselSignInIndicators .carousel-indicators {
  position: absolute;
  justify-content: center;
  margin-bottom: -1.2rem;
  left: -25%;
}
#carouselSignInIndicators .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--theme-main-grey);
  background-clip: padding-box;
  border: 0;
  opacity: .5;
  transition: opacity .6s ease;
  border-radius: 50%;
  right: 0;
}

#carouselSignInIndicators .carousel-indicators .active {
  opacity: 1 !important;
  background-color: var(--theme-primary-color) !important;
  width: 20px;
  border-radius: 3rem;
}

#carouselOfferIndicators .carousel-indicators .active {
    opacity: 1 !important;
    background-color: var(--theme-primary-color) !important;
    width: 14px;
    border-radius: 3rem;
}

.dropdown-select {
  width: 90%;
  max-width: 1336px;
  margin: 0 auto;
  padding: 15px;
  /* box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); */
  border-radius: 5px;
}

.standard-input select {
  padding-top: 1.7rem;
  text-align: center;
}

.select-container{
  position: relative;
}

select option {
  position: absolute !important;
}

.standard-input .select-label {
  position: absolute;
  top: 3px;
  font-size: 1rem;
  color: #49454F;
  z-index: 1;
}

:lang(en) .dropdown-icon {
  position: absolute;
  bottom: 1.2rem;
  right: 0;
  /* margin-top: 2rem; */
  margin-right: 1rem;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid rgb(111 111 111);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
:lang(ar) .dropdown-icon {
  position: absolute;
  bottom: 1.3rem;
  left: 1rem;
  margin-right: 1rem;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid rgb(111 111 111);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custom-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.side-marker-par{
  position: relative;
}

:lang(en) .side-marker{
  position: absolute; 
  top: 15px; 
  left: 0;
  background-color: #81B01C;
  height: 32.68px  ;
  width: 3px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
:lang(ar) .side-marker {
  position: absolute; 
  top: 15px; 
  right: 0;
  background-color: #81B01C;
  height: 32.68px  ;
  width: 3px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.custom-border-radius-left {
  border-top-left-radius: 5px !important; 
  border-bottom-left-radius: 5px !important;
}

.custom-border-radius-right {
  border-top-right-radius: 5px !important; 
  border-bottom-right-radius: 5px !important;
}

.btnHover button:hover {
  background-color: var(--primary-color) !important;
  color: var(--main-white)!important;
}

:lang(ar) .accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  /* margin-top: 0px; */
  margin-left: 0px!important;
  margin-right: auto !important;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

:lang(ar) .accordion-button {
  text-align: right!important;
}

:lang(ar) .custom-arabic-form{
  margin-right: 0px!important;
}

.custom-text-alignment {
  margin-left: 0.5rem!important;
}

:lang(ar) .custom-text-alignment {
  margin-right: 0.5rem!important;
}

:lang(en) .custom-border-radius-left {
  border-top-left-radius: 5px !important; 
  border-bottom-left-radius: 5px !important;
}

:lang(en) .custom-border-radius-right {
  border-top-right-radius: 5px !important; 
  border-bottom-right-radius: 5px !important;
}

:lang(ar) .custom-border-radius-left {
  border-top-left-radius: 0px !important; 
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 5px !important; 
  border-bottom-right-radius: 5px !important;
}

:lang(ar) .custom-border-radius-right {
  border-top-left-radius: 5px !important; 
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0px !important; 
  border-bottom-right-radius: 0px !important;
}

:lang(ar) .custom-close-modal-button {
  margin: 0rem !important;
}

:lang(ar) .custom-rotate-button {
  transform: rotate(180deg) !important;
}

.spinner-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.702);
  z-index: 9999;
  margin: auto;
  text-align: center;
  padding-top: 40vh;
  backdrop-filter: blur(8px);
}

.accordion-button:focus {
  box-shadow: none !important;
}

/*.accordion-button:not(.collapsed){
  background-color: var(--theme-outlined-primary-background) !important;
}

.accordion-item {
  border-color: var(--theme-primary-color) !important;
}*/

.show-spinner {
  display: block;
}

.hide-spinner {
  display: none;
}

.border-black {
     --bs-border-opacity: 1; 
    border-color: rgba(var(--theme-bs-black-rgb), var(--bs-border-opacity)) !important;
}

.verify-otp-box {
    height: 60px;
    width: 60px;
    text-align: center;
}

.rounded {
    border-radius: 0.75rem !important;
}

.primary-text-bima {
    color: var(--theme-primary-color);
    letter-spacing: 0.0325rem;
}