body{
   overflow-x: hidden;
   padding-top: 20px
}
.btn-outline-primary {
   --bs-btn-color: #b3934a !important;
   --bs-btn-border-color: #b3934a !important;
   --bs-btn-hover-color: #fff !important;
   --bs-btn-hover-bg: #b3934a !important;
   --bs-btn-hover-border-color: #b3934a !important;
   --bs-btn-focus-shadow-rgb: 220, 53, 69 !important;
   --bs-btn-active-color: #fff !important;
   --bs-btn-active-bg: #b3934a !important;
   --bs-btn-active-border-color: #b3934a !important;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
   --bs-btn-disabled-color: #b3934a !important;
   --bs-btn-disabled-bg: transparent !important;
   --bs-btn-disabled-border-color: #b3934a !important;
   --bs-gradient: none !important;
}
.btn-primary {
   color: #fff;
   background-color: #b3934a;
   border-color: #b3934a;
   --bs-btn-hover-color: #fff !important;
   --bs-btn-hover-bg: #8f854f !important;
   --bs-btn-hover-border-color: #b3934a !important;
   --bs-btn-active-color: #fff !important;
   --bs-btn-active-bg: #b3934a !important;
   --bs-btn-active-border-color: #b3934a !important;
}

#auth_form,
#medical_record_form{
   background: #e8e1d0;
   color: #000;
   margin-bottom: 50px;
   padding: 20px;
   border-radius: 10px;
}
#auth_form .form-group,
#medical_record_form .form-group{
   margin-bottom: 10px;
}
#medical_record_form a,
#auth_form a{
   text-decoration: underline;
}
.b-color{
   color: #8f854f;
}
input[type="radio"]{
   width: 30px;
   height: 30px;
   margin-left: 10px;
   position: relative;
}

input[type="radio"]:checked {
   box-shadow: 0 0 5px 3px #b3934a;
}
input[type="radio"]:checked::after {
   content: "\2713";
   color: #b3934a;
   font-weight: bold;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 27px;
   width: 25px;
   height: 25px;
   position: absolute;
   left: 2px;
   top: 3px;
}
.elementor-widget.elementor-mobile-align-right .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a{
   justify-content: start !important;
}
.elementor-column{
   min-height: 0;
}

.client-card img{
   /* max-width: 200px; */
   /* max-height: 200px; */
   /* height: 200px; */
   object-fit: contain;
   width: 100%;
   margin: auto;
}

.btn-success {
   --bs-btn-bg: #b3934a !important;
}
@media (max-width: 500px) {
   /* .client-card img{
      height: 100px;
   } */
   .elementor-icon{
      font-size: 35px !important;
   }
}
.service-image{
   width: 100%;
   max-width: 250px;
   margin-bottom: 15px;
   height: 250px;
   object-fit: contain;
}
table td,
table th{
   background-color: #f8f8f8 !important;
   vertical-align: middle;
}

/* *{
   font-family: "Tajawal",Sans-serif !important;
} */

@font-face {
   font-family: "cocon";
   src: url("../../admin/fonts/cocon-next-arabic.ttf");
   font-weight: normal;
   font-style: normal;
}
* {
   font-family: 'cocon' !important;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas, .fa {
   font-family: "Font Awesome 6 Free" !important;
}

.fa-brands, .fab {
   font-family: "Font Awesome 6 Brands" !important;
}

/* Preloader container */
#preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.9); /* Semi-transparent white */
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
}

/* Spinner */
.spinner {
   width: 50px;
   height: 50px;
   border: 5px solid #ccc;
   border-top: 5px solid #b3934a;
   border-radius: 50%;
   animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

/* The container_checkbox */
.container_checkbox {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/* Hide the browser's default radio button */
.container_checkbox input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
   position: absolute;
   top: 0;
   right: 0;
   height: 20px;
   width: 20px;
   background-color: #eee;
   border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark {
   background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark {
   background-color: #b3934a;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_checkbox input:checked ~ .checkmark:after {
   display: block;
}

/* Style the indicator (dot/circle) */
.container_checkbox .checkmark:after {
   top: 6px;
   left: 6px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
}

#swal2-title{
   margin: auto;
}