/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2025 | 23:41:29 */
/* =============================================== */
/* ======== GENERAL STYLE========== */
/* =============================================== */
.flatpickr-calendar {
    width: 315px!important;
}

.numInputWrapper {
    margin-left: 170px;
}
@media (max-width: 768px) {
    .flatpickr-calendar .numInputWrapper {
        margin-left: 160px !important;
		margin-top: 5px;
   		font-size: 16px;
    }
}
/* ------------------------------------------------------------- */
.fluentform-step.active {
 
    overflow-y: hidden;
}

 div:has(>.ff_submit_btn_wrapper_custom) {
	display:flex!important;
	flex-direction: row!important;
	 gap: 10px!important;
	 align-items: flex-start!important;
} 

button.next-one {
/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
    background-color: #8E59FF;
    border-color: #8E59FF;
    color: #fff;
    border-radius: 32px;
    min-width: 100%;
	width: 250px;
}

button.previous-one {
/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
    background-color: #8E59FF;
    border-color: #8E59FF;
    color: #fff;
    border-radius: 32px;
    min-width: 100%;
	width: 250px;
}
.ff-el-group.ff-text-left.ff_submit_btn_wrapper.ff_submit_btn_wrapper_custom {
	margin-top:0px!important
}

button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {
	margin-right:270px
}


@media (max-width: 768px) {	
	div:has(>.ff_submit_btn_wrapper_custom) {
    flex-direction: column!important;
    gap: 0px !important;
	}
	.ff-el-group.ff-text-left.ff_submit_btn_wrapper.ff_submit_btn_wrapper_custom {
    	width: 100% !important;
	}
	.fluentform .ff-el-group {
   		 width: -webkit-fill-available;
	}
	.btn-div-n-p {
		 display: block;
		 width: 100% !important;
	}
	.next-one {
		display: block;
		width: 100% !important;
		text-align: center;
	}
	.previous-one {
		display: block;
		width: 100% !important;
		text-align: center;
	}
	button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {
		margin-right:0px
	}
	.fluentform .ff-step-t-container .ff-t-cell {
   		 width: 100%;
	}
}






/* -------------------------------------------------------------- */
/* Default font color for form controls */
.ff-default .ff-el-form-control {
   color: #000000!important;
/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
	padding: 12px 15px!important;
    
}
/* Base styling for all form controls */
.ff-el-form-control,
select,
textarea,
input[type="file"] {
/*   font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #000000;
}

/* Placeholder styling */
.ff-el-form-control::placeholder,
input::placeholder,
textarea::placeholder {
/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
	font-weight: 500 !important;
	font-size: 14px !important;
	overflow:visible!important;
}

/* Focus state styling */
.ff-el-form-control:focus,
select:focus,
textarea:focus,
input[type="file"]:focus {
	border-color: #FFC466 !important;
	outline: none !important;
}

.container-desktop{
	display:block;
}
.container-mobile {
	display:none;
}
.displayflex {
	display:flex;
	justify-content:center;
}

/* =============================================== */
/* ======== GENERAL STYLE MOBILE========== */
/* =============================================== */
@media (max-width: 600px) {	
	.fluentform-step.active {
   		 display: flex;
	     flex-direction: column;
	}
	.container-desktop{
		display:none;
	}
	.container-mobile {
		display:block;
	}
}

/* =============================================== */
/*  TITLE WITH IMAGE STYLING */
/* =============================================== */
.main-title {
    display: flex;
    align-items: center;
	gap: 12px;
}	
.title-text-beside-image{
font-family: "Almarai", sans-serif!important; 
/* 	  font-family: "Rubik", sans-serif; */
    font-size: 26px;
    font-weight: 600;
    color: #000;
}

@media (max-width: 768px) {	
	.title-text-beside-image{
		font-size: 20px;
	}
	.main-title img {
	  max-width: 70px;
	}
}


/* =============================================== */
/* HEADER TITLE STYLING */
/* =============================================== */

/* background and layout of form */


.rounded-up {
	border-radius: 24px 24px 0px 0px;
	padding-top: 55px!important;
}

.rounded-down {
	border-radius: 0px 0px 24px 24px;
	padding-bottom: 55px!important;
}

.rounded-all {
	border-radius: 24px 24px 24px 24px;
	padding-top: 55px!important;
	padding-bottom: 55px!important;
}
.background-green {
	background-color: #53CAB733;
}
.layout-form-space {
    padding: 0px 55px 0px 55px;
}
.padding-up-down {
	padding: 50px 0px 35px 0px;
}

/* mobile  */
@media (max-width: 768px) {

	.rounded-up {
		padding-top: 24px!important;
	}
	.rounded-down {
		padding-bottom: 24px!important;
	}
	.rounded-all {
		padding-top: 24px!important;
		padding-bottom: 24px!important;
	}
	.layout-form-space {
		padding: 0px 18px 0px 18px;
	}
	.padding-up-down {
		padding: 32px 0px 14px 0px;
	}
}
/* =============================================== */
/* ==== btn to add rpeated filed  ==== */
/* =============================================== */
.btn-to-add-repeated-1 {
	display:flex;
	align-items: center;
    gap: 10px;
	cursor:pointer;
	margin-top: -10px;
}
.btn-to-add-repeated-2 {
	display:flex;
	align-items: center;
    gap: 10px;	
	cursor:pointer;
	margin-top: -10px;
}
.btn-to-add-repeated-3 {
	display:flex;
	align-items: center;
    gap: 10px;
	cursor:pointer;
	margin-top: -10px;
}
.btn-to-add-repeated-4 {
	display:flex;
	align-items: center;
    gap: 10px;
	cursor:pointer;
	margin-top: -10px;
}
.text-beside-image-repeated {
/* 	font-family: DIN Next LT Arabic; */
	font-family: "Almarai", sans-serif!important;
	font-weight: 500;
	font-size: 16px;
	text-align: right;
	margin:0px!important;
}




/* =============================================== */
/* FORM ELEMENTS STYLING */
/* =============================================== */

/* ----------------------------- */
/* General Form Controls Styling */
/* ----------------------------- */


}
/* Base styling for all form controls */
.ff-el-form-control,
select,
textarea,
input[type="file"] {
  padding: 12px 15px 12px 15px!important; 

}
.ff-default .ff-el-form-control {
	line-height:1.4!important;
}
.Container-for-submit-and-save {
/* 	padding: 32px 0px 64px 0px; */
	padding: 32px 0px 0px 0px;
}







/* ----------------------------- */
/* Form Labels Styling */
/* ----------------------------- */
/* ------ Label Style -------- */
.form-label-container {
	display : block;
	/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
/* 	font-family: "Rubik", sans-serif!important; */
	font-family: "Almarai", sans-serif!important;
	font-weight: 500;
	font-size: 16px;
	align-items:center;
	padding-bottom:5px;
	
}
.label-form {
	display:inline;
/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
/* 	font-family: "Rubik", sans-serif!important; */
	font-family: "Almarai", sans-serif!important;
	font-weight: 500;
	font-size: 16px; 
	color: #000;
	padding:0px;
	margin:0px;
}
.label-star {
	color: #8E59FF;
	padding-bottom: 5px;
	
}

div:has(> .form-label-container) {
/* 	height: 30px; */
	   margin-bottom: 0px!important;
} 

h2.label-form-20px {
/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
	font-weight: 700;
	font-size: 20px; 
	color: #000;
	padding:0px 0px 0px 0px;
	margin:0px;
	border:0px !important;
	line-height:1.4;
}


h3.label-form-18px {
	font-family: "Almarai", sans-serif!important;
	font-weight: 400;
	font-size: 18px; 
	color: #000;
	padding:0px 0px 0px 0px;
	margin:0px;
	border:none;
	border:0px !important;
	line-height:1.7;
}

li.label-form-18px {
	font-family: "Almarai", sans-serif!important;
	font-weight: 400;
	font-size: 18px; 
	color: #000;
	padding:0px 0px 0px 0px;
	margin:0px;
	border:none;
	border:0px !important;
	line-height:1.7;
}
@media (max-width: 768px) {	
	h2.label-form-20px{
		font-size: 16px;
	}
	
	h3.label-form-18px{
		font-size: 16px;
	}
	li.label-form-18px{
		font-size: 16px;
	}
}

.form-label-container-text-with-image {
	display:flex;
	align-items: flex-start;
	
}
.hide-section-new {
	display:none!important;
}

.ff-default .ff-el-input--label label {
    display: inline-block;
    font-family: "Almarai", sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    border: 0px !important;
    line-height: 1.4;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: var(--fluentform-danger);
    content: " *";
    margin-right: 3px;
	display:none!important;
}
/* number filed  */
input[type="number"] {
  text-align: left;
  direction: ltr;
}

input[type="number"]::placeholder {
  text-align: left;
  direction: ltr;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  
}
@media (max-width: 768px) {
  input[type="number"] {
    text-align: right;
  }
	input[type="number"]::placeholder {
  	text-align: right;

	}
}

/* ----------------------------- */
/* Select Dropdown Styling */
/* ----------------------------- */

/* Select dropdown base styling */
.ff-el-form-control[type="select-one"],
select.ff-el-form-control {
/*   font-family: "DIN Next LT Arabic", Sans-serif!important; */
	font-family: "Almarai", sans-serif!important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #000 !important; 
  border: 1px solid #53CAB733 !important;
  border-radius: 32px !important;
	padding: 12px 15px; !important; 
  background-color: #fff !important;
  appearance: none !important; /* removes native arrow styling */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* Custom dropdown arrow */
select.ff-el-form-control {
  background-image: url('https://grantform.qaddumi.org/wp-content/uploads/2024/12/arrow-icon-form-1.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

/* Dropdown options styling */
select.ff-el-form-control option {
  /*   font-family: "DIN Next LT Arabic", Sans-serif!important; */
	font-family: "Almarai", sans-serif!important;
  font-weight: 600;
  font-size: 16px; 
}
/* Error message styling */
.error.text-danger {
	position:absolute;
	margin-top: 0px!important;
	text-align: right!important;
}

/* =============================================== */
/* CHOSEN.JS SELECT STYLING (Custom Dropdown) */
/* =============================================== */

/* Main container styling */
.chosen-container-single .chosen-single {
  border: 0px solid #FFC15166;
  border-radius: 32px;
  padding: 10px 15px;
  height: auto;
  /*   font-family: "DIN Next LT Arabic", Sans-serif!important; */
	font-family: "Almarai", sans-serif!important;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
	box-shadow: none;
}

/* Arrow container */
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  height: 15px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Arrow icon */
.chosen-container-single .chosen-single div b {
  background-image: url('https://grantform.qaddumi.org/wp-content/uploads/2025/05/Vector-down.svg')!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: 16px!important;
  width: 24px;
  height: 15px;
  display: inline-block;


}

/* Rotate arrow when dropdown is open */
.chosen-container-active.chosen-with-drop .chosen-single div b {
   background-image: url('https://grantform.qaddumi.org/wp-content/uploads/2025/05/Vector-up.svg')!important;
		background-position: center!important;
}

/* Dropdown list styling */
.chosen-container .chosen-drop {
  border: 1px solid #FFC15166;
  border-radius: 0px 0px 32px 32px;
  margin-top: 5px;
  box-shadow: none;
}

/* Options list */
.chosen-container .chosen-results li {
/*   font-family: "DIN Next LT Arabic", Sans-serif!important; */
	font-family: "Almarai", sans-serif!important;
  font-weight: 500;
  font-size: 16px;
  padding: 9px 15px;
  text-align: right;
  border-radius: 32px;
  cursor: pointer;
  color: #000;
}

/* Hover state for options */
.chosen-container .chosen-results li:hover {
  background-color: #FFC15166!important;
}
/* Highlighted option */
.chosen-container .chosen-results  li.highlighted {
	 background-color: #FFC15166!important;
	color:#000!important;
	background-image:none!important;
}

/* Hide search bar */
.chosen-container .chosen-search {
  display: none;
}
/* Active state styling */
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #FFE5D1 ;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: none!important;
    background-image: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.chosen-container-active .chosen-single {
    border: 1px solid #FFE5D1!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
	/* Selected field arrow */
	.chosen-container-single .chosen-single div b {
		width: 16px;
		height: 10px;
	}
}

/* ------------------------- */
/* Container fix for consistent styling */
select.ff-el-form-control {
	appearance: none!important; /* Removes default arrow in modern browsers */
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(https://grantform.qaddumi.org/wp-content/uploads/2025/05/Vector-down.svg)!important;
	background-repeat: no-repeat;
	background-position: left 12px center; /* Adjust as needed */
	background-size: 16px 20px; /* Matches your specified size */
	line-height: normal !important;
}

select.ff-el-form-control:focus {
	background-image: url(https://grantform.qaddumi.org/wp-content/uploads/2025/05/Vector-up.svg)!important;
} 

/* =============================================== */
/* AUTO-FILL STYLING */
/* =============================================== */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000;
  transition: none !important;
}




/* =============================================== */
/* RADIO BUTTON STYLING */
/* =============================================== */
/* Container label styling */
.ff-el-form-check-label {
  display: flex;
  align-items: self-start;
  gap: 10px;
  cursor: pointer;
  direction: rtl;
  font-size: 16px;
  margin-bottom: 12px;
}

/* Hide default radio */
.ff-el-form-check-input {
  appearance: none!important;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  transition: border-color 0.3s ease;
  top: 0px!important;
}

/* When selected - custom green circle */
.ff-el-form-check-input:checked {
  border-color: #89DBA0;
  background-color: #89DBA0;
}

.ff-el-form-check-input {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  position: relative;
  cursor: pointer;
  transition: border-color 0.3s ease;
  display: inline-block;
  vertical-align: middle;
}


/* Optional: inner circle (green dot) */
.ff-el-form-check-input:checked::before {
	content: "";
	position: absolute;
/* 	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px; */
	background-color: #89DBA0;
	border-radius: 50%;
}

/* Fix zoom/responsive differences on mobile */
@media (max-width: 768px) {
	.ff-el-form-check-input {
		width: 20px;
		height: 20px;
	}
	.ff-el-form-check-label span {
		line-height:1.4;
	}
}
/* disable radio btn  */
.ff-el-group.radio-disable {
    margin-bottom: 0px!important;
}
@media (max-width: 768px) {
  .ff-el-group.radio-disable {
		margin-top: 25px;
	}
}

/* =============================================== */
/* RADIO BUTTON STEP 3  */
/* =============================================== */
.radio-options-vertical label.ff-el-form-check-label > span {
		font-family: "Almarai", sans-serif!important;
		font-weight: 500!important;
		font-size: 18px!important;;

}
@media (max-width: 768px) {
  .radio-options-vertical label.ff-el-form-check-label > span {
		font-family: "Almarai", sans-serif!important;
		font-weight: 500!important;;
		font-size: 16px!important;;

	}
}




.label-for-radio-btn {
/* 	font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
	font-weight: 700;
	font-size: 18px; 
	color: #000;
	padding:0px 0px 0px 0px;
	margin:0px;
	border:none;
	border:0px !important;
}

@media (max-width: 768px) {	
	.label-for-radio-btn{
		font-size: 16px;
	}
}

.radio-label-container {
    display: flex;
    justify-content: space-around;
}
.radio-label-container p{
/*     font-family: "DIN Next LT Arabic", Sans-serif; */
	font-family: "Almarai", sans-serif!important;
	font-weight: 700;
	font-size: 18px; 
	color: #000;
	min-width: 80px;
	max-width:80px;
    text-align: center;
	padding:0px;
	
}
@media (max-width: 768px) {
  .radio-label-container p{
	font-size: 14px; 
	min-width: 50px;
	max-width:50px;
	}
}
/* to hide radio label  */
.radio-options-horizontal label.ff-el-form-check-label > span {
  display:none;
}
.radio-options-horizontal .ff-el-form-check-label {
    justify-content: center;
}


.radio-options-horizontal .ff-el-form-check.ff-el-form-check- {
  padding-left: 0px !important;
}

input[type="radio"] {
  padding: 10px 10px 10px 10px!important; 

}

.radio-options-horizontal > :nth-child(2) {
  display: flex;
  justify-content: space-around;
}

.radio-options-horizontal .error.text-danger {
  position: absolute;
  margin-top: 25px !important;
}



/* to custom style radio input and label on mobile  */
@media (max-width: 600px) {
  /* mobile */
	.hide-mobile{
		display:none;
	}
	.radio-options-horizontal .ff-el-form-check-label {
    	flex-direction: column-reverse;
	}
	.radio-options-horizontal label.ff-el-form-check-label > span {
/* 		font-family: "DIN Next LT Arabic", Sans-serif; */
		font-family: "Almarai", sans-serif!important;
		font-weight: 700;
		font-size: 14px;
  		display:block;
	}
	
	.radio-options-horizontal label.ff-el-form-check-label > input {
		align-self: center;
	}
	.radio-options-horizontal .error.text-danger {
	 	margin-top: 0px !important;
		top:50px!important;
	}
}



/* =============================================== */
/* SUBMIT BUTTON STYLING */
/* =============================================== */


/* =============================================== */
/* FILE UPLOAD STYLING */
/* =============================================== */
/* =============================================== */
/* UPLOAD FILE LAYOUT & MISC STYLING */
/* =============================================== */

/*---------- for error msg upload file only -----------*/
.ff-el-group.ff-el-is-error .ff-el-input--content {
  position: relative!important;
}

.ff-t-cell.ff-t-column-1 {
    width: 100%;
}

.upload-file-Container .error.text-danger {
  position: absolute!important;
  top: 65px !important;
  overflow: visible!important;
	width: 350px!important;
}
/*mobile  */
@media (max-width: 767px) {
  .upload-file-Container .error.text-danger {
    top:75px !important;
  }
}


.ff-upload-thumb {
	display:none!important;
}
.ff-upload-filename {
	display:none!important;
}
.ff-upload-preview {
    border: none !important;
}


/* Align form fields consistently */
.frm-fluent-form .ff-t-cell {
    justify-content: flex-start;
}
.Container-for-submit-and-save .frm-fluent-form .ff-t-cell {
    justify-content: flex-start;
	align-items: flex-start;
}
/* Autofill styling */
.ff-upload-filename {
/*     display: none; */
}

.ff-upload-preview-img {
/*     display: none; */
}

/* .fluentform .ff-upload-preview {
    border: none;
    width: 400px;
} */


.fluentform .ff-upload-details {
    border: none;
   
}

div:has(>.upload-file-Container) {
/* 	width: %100; */
} 
/*------------------------*/
.upload-file-Container-space-top {
	margin-top: 15px;
}


.upload-file-Container {
	display:flex;
	flex-direction:column;
	 justify-content: center;
    align-content: center;
    align-items: center;
	gap:0px!important;
  	border: 1px solid #333; /* adjust color as needed */
	border-radius: 10px;
  	padding: 15px;
 	text-align: center;
  	transition: border-color 0.3s ease;
	width:50%!important;
	margin-bottom: 24px!important;
	min-height: 100px!important;	
    width: 100%!important;
    border-radius: 10px;
	margin-top: 20px!important;
}

.upload-file-Container .ff-el-input--content{
	width: 100%!important;	
}
.upload-file-Container:first-child {
	width: 100%!important;
    justify-content: center;
    align-items: center;
    min-height:150px;
	
}

.upload-file-Container .ff-el-group  {
 	margin-bottom: 0px!important;
	height: 23px;
}

.fluentform .ff_upload_btn.ff-btn {
    background: #6f757e00!important;
    border-color: #6f757e00!important;
    color: #000!important;
    padding: 5px 0 0 0!important;
    font-size: 16px!important;
}


/* .upload-file-Container:hover {
  	border-color: #FFC151; 
} */

.ff_file_upload_holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ff_upload_btn {
  font-size: 18px;
  font-weight: bold;
  color: #f06548; /* red color for the main text */
  margin-top: 0px;
}

.ff-el-input--label {
  display: none; /* hide original label if you want to fully customize */
}

.upload-file-Container::before {
  content: url('https://application.aaai-khutwa.org/wp-content/uploads/2025/05/upload-vector.svg')!important; /* use an upload icon or replace with your own */
  display: block!important;
  width: 23px;
  height: 23px;
  margin: 0px!important;
}

.ff-uploaded-list {
	position: relative;
  	font-size: 13px;
  	margin-top: 0px;
  	color: #555;
	margin-top:5px!important;
}

.ff-el-form-control.ff-screen-reader-element {
	display: none; /* hide the actual input */
}

.upload-file-Container::after {
	font-family: "Almarai", sans-serif!important;
	content: 'حجم الملف 5MB'!important;
	display: block!important;
	font-weight: 500;
	font-size: 11px;
	color: #999;
	margin-top: 0px;
}
.upload-file-Container-video::after {
	font-family: "Almarai", sans-serif!important;
	content: 'حجم الملف 10MB'!important;
	display: block!important;
	font-weight: 500;
	font-size: 11px;
	color: #999;
	margin-top: 0px;
}
/*  =================== ============================================ =====================*/


.fluentform .ff-upload-details {
    border-right: none;
    padding: 0px;
    position: absolute;
    width: 100%;
/*     top: 40px; */
	bottom: 70px;
    left: 10px;
    z-index: 9;
    overflow: visible;
}
 
    
span.ff-upload-progress-inline-text.ff-inline-block {
    display: none;
}

.ff-upload-filesize.ff-inline-block {
    display: none;
}

.fluentform .ff-upload-remove {
    left: -25px;
    top: -5px;
	padding: 0px 4px 4px;
/*     border: 1px solid #000 !important; */
    border-radius: 50%;
	color:#000;
}

.fluentform .ff-el-progress-bar {
    background-color: #89DBA0!important;
}



/* ------- after uploded file --------- */

/* After file uploaded */
.upload-file-Container.file-uploaded::after {
	display: none !important;
}
.upload-file-Container.file-uploaded::before {
	content: url('https://grantform.qaddumi.org/wp-content/uploads/2025/04/right-blue-icon.svg');
	margin-top: 10px !important;
}
span.ff_upload_btn.ff-btn.file-uploaded-text {
	font-family: "Almarai", sans-serif!important;
    margin-top: 5px;
    color: #1D1D1D !important;
}
/*---------- for error msg upload file only -----------*/
.ff-el-group.ff-el-is-error .ff-el-input--content {
  position: relative!important;
}


.ff-el-group.ff-el-is-error.is-file-upload .error.text-danger {
  position: absolute!important;
  top: 60px!important;
  overflow: visible!important;
	width: 200px!important;
}

/* ==============  */

@media (max-width: 768px) {
	.fluentform .ff-upload-details, .fluentform .ff-upload-preview {
		overflow:visible!important;
	}
	  .upload-file-Container {
		width: 100% !important;
		  margin-top: 30px!important;
		  
		}
	
    .fluentform .ff-upload-details {
     position: relative !important;
        display: block!important;
        left: auto !important;
/*         top: 55px !important; */
		bottom: 80px !important;
        transform: none !important;
        width: 85% !important;
        padding:0px !important;
        box-sizing: border-box;
        margin:0px!important;
		right:10px!important;
    }
	 .fluentform .ff-upload-remove {
        left: -35px!important;
        top: -10px!important;
		font-size: 24px;
		padding: 0px 5px 4px;
	}
	.fluentform .ff_upload_btn.ff-btn {
		width:100%!important;
	}
/* 	.upload-file-Container .error.text-danger {
    top: 75px !important;
  } */
}


/* =============================================== */
/* NUMBER FILEDS  */
/* =============================================== */



/* =============================================== */
/* PLACE OF LIVING TEXT exsis on each page single and group*/
/* =============================================== */
	.place-of-living-mobile {
		display:none;
	}

@media (max-width: 768px) {
	.place-of-living-mobile {
		display:block;
	}
	.place-of-living-desktop {
		display:none;
	}
}
/* =============================================== */
/* HIDE MESSAGE FROM SAVE PROGRESS*/
/* =============================================== */
	
/* div#\34 _save_progress_msg{
	display:none;
}
.ff-el-group.ff-saved-state-input.ff-saved-state-link.ff-hide-group{
	display:none;
}
.ff-el-group.ff-saved-state-input.ff-email-address.ff-hide-group{
	display:none;
} */