html,body{
    font-family: "IBM Plex Sans Arabic", sans-serif!important;;
}
.navbar-brand,.footer-brand{
    height:50px
}
.bg-light{
    background-color: #fff!important;
    box-shadow: 0 0 12px 8px rgb(125 125 125 / 7%);
}
.fa-solid,.fa-regular {
    padding-left: 5px;
}
.alert-nav {
    position: relative;
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    text-align: center;
}
.alert-success-quikcv{
    background-color: #8287A6;
    color: #fff;

}

.btn-primary-quikcv {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8287A6;
    --bs-btn-border-color: #8287A6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #717691;
    --bs-btn-hover-border-color: #717691;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8287A6;
    --bs-btn-active-border-color: #8287A6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8287A6;
    --bs-btn-disabled-border-color: #8287A6;
}
footer {
        padding: 35px 0;
}
.animate__pulse{
    animation-duration: 4s!important;
}
.social .fa-brands {
    color: #8287A6;
    background-color: #f8f9fa;
    height: 30px;
    padding: 6.5px;
    border-radius: 27px;
    width: 30px;
}
.text-quikcv{
    color: #8287A6;
}
.text-quikcv-secondary{
    color: #8287A6;
    border-top: 1.5px solid;
    border-radius: 15px 15px 0 0!important;
}
.bg-gray{
	background-color: #f6f6f6;
}
.card{
    --bs-card-border-color:0px;
    box-shadow: 0 0 16px -4px rgb(191 191 191 / 50%);
    border-radius: 15px;
}

.form-control:focus,.form-select:focus,.form-select:focus {
	color: #666666;
	background-color: #fff;
	border-color: #8287A6;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(130 135 166 / 25%);
}
.form-control{
    border: 2px solid #ededed;
    border-radius: 0.775rem;
    padding: 0.375rem 0.50rem;
    color: #676767!important;
}
.form-select{
    border: 2px solid #ededed;
    border-radius: 0.775rem;
    color: #676767!important;
}
::placeholder {
    color: #979797!important;
}
::-ms-input-placeholder {
    color: #979797!important;
}
:-ms-input-placeholder {
    color: #979797!important;
}
/*
input::placeholder,
::placeholder,
input::-webkit-input-placeholder,
-webkit-input-placeholder,
input::-moz-placeholder,
.form-control::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
input::placeholder{
    color: red;
    line-height:20px!important;
    padding: 0 0!important;
    margin: 0!important;
}
*/

.hr-quikcv {
    margin: 1rem auto;
    border-top: 3px solid;
    color: #ededed;
    border-radius: 2px;
    opacity: 1;
}
.tooltip-inner{
    font-family: 'Almarai', sans-serif!important;
    background-color: #8287A6!important;
    border-radius: 8px;

}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before{
    border-top-color:#8287A6!important;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before{
    border-bottom-color:#8287A6!important;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before{
    border-left-color:#8287A6!important;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before{
    border-right-color:#8287A6!important;
}
.btn{
    border-radius: 13px;
}

.wa-float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:18px;
	left:18px;
	background-color:#8287A6;
	color:#FFF;
	border-radius:14px;
	text-align:center;
    font-size:30px;
	box-shadow: 0px 0px 7px -2px rgb(60 60 60 / 71%);
  z-index:100;
}
.wa-float:hover{

	width:45px;
	height:45px;
	bottom:20px;
	left:20px;
	background-color:#8287A6;
	color:#FFF;
	border-radius:14px;
	text-align:center;
    font-size:25px;
	box-shadow: 0px 0px 7px -2px rgb(60 60 60 / 71%);
  z-index:100;
}


.wa-my-float{
	margin-top:10px;
}
a{
    color:#8287A6;
    text-decoration:none;
}
a:hover {
    color:#717691;
    text-decoration:none;
}
.swal2-popup{
    border-radius: 25px!important;
}
.swal2-confirm, .swal2-styled {
    border-radius: 14px!important;
}
.swal2-confirm {
    background-color: #8287A6!important;
}
.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgb(130 135 166 / 50%)!important;
}
.card-theme{
    height: 200px;
    width: 150px!important;
    margin: 12px 5px;
    border: 3px solid #fff;
}
.form-check-input:checked[type=radio]{
    display: none;
}
.active-theme {
  border:3px solid #8287A6 !important;

}
input[type="radio"]:checked + label {
    border:3px solid #8287A6 !important;
  }
  .form-check-input{
    display: none;
  }
  .form-check {
    padding-left: 0em;
}
.fa-brands{
    padding-left: 4px;
    padding-right: 4px;
}
.swal2-image{
    border-radius: 12px!important;
    box-shadow: 0 0 16px -4px rgb(191 191 191 / 50%)!important;
}
.swal2-title{
    padding: 0em 1em 0!important;
}
.swal2-html-container{
    margin: 0.8em 1.6em .3em!important;
    line-height: unset!important;
}