@import 'assets/css/bootstrap-rtl-4.5.3.min.css';
@import 'assets/css/fontawesome-5.15.1.min.css';
@import 'assets/css/jquery-ui.min.css';
@import 'assets/css/helper-4.0.0.min.css';
.headerbg .navbar .navbar-nav .nav-item + .nav-item {
    margin-right: 30px;
}
.headerbg .navbar .navbar-nav .nav-item{
	position: relative;
}
.headerbg .navbar .navbar-nav .nav-item .nav-link {
	font-size: 16px;
    padding: 0 0 5px;
	border-radius: 0;
    color: #0f0f0f;
    position: relative;
}
.headerbg .navbar .navbar-nav .nav-item .nav-link:hover,
.headerbg .navbar .navbar-nav .nav-item.active .nav-link,
.headerbg .navbar .navbar-nav .nav-item .nav-link.active {
    color: #0f0f0f;
}
.headerbg .navbar .navbar-nav .nav-item::before{
	position: absolute;
	content: '';
	transition: .5s;
	width: 0;
	height: 4px;
	border-radius: 100px;
	background-color: #f79520;
	right: 0;
	bottom: -4px;
}
.headerbg .navbar .navbar-nav .nav-item.active::before,
.headerbg .navbar .navbar-nav .nav-item:hover::before{
	width: 100%;
}
.headerbg .navbar .navbar-nav.nohover .nav-item::before{
	display: none;
}
.headerbg .styledropdown.navbar .navbar-nav .dropdown-toggle {
    padding-left: 20px !important;
	margin-left: 0 !important;
}
.headerbg .styledropdown.navbar .navbar-nav .dropdown-toggle::after {
    left: 0;
}
.headerbg .styledropdown.navbar .navbar-nav .dropdown-menu{
	margin-top: 10px;
}
.headerbg .navbar-toggler {
    padding: 0;
    border: 0;
    color: #f79520;
	background-color: transparent;
    font-size: 20px;
}
.headerbg .navbar-toggler.collapsed {
    color: #0f0f0f;
	background-color: transparent;
}
.headerbg .navbar-toggler::before{
	position: relative;
	content: '\f00d';
	font-family: "fa5_f";
	font-weight: 900;
}
.headerbg .navbar-toggler.collapsed::before{
	content: '\f0c9';
}
.sliderhome__thu::before{
	position: absolute;
	content: '';
	top: -15px;
	left: -15px;
	width: 100%;
	height: 100%;
	border: 2px dashed #f79520;
	border-left: 0;
	border-top-right-radius:5rem;
	border-bottom-right-radius:5rem
}
.nav-tabs.customtabs {
    border-bottom: none;
    padding: 0;
}
.nav-tabs.customtabs .nav-item {
    margin-bottom: 0;
    margin-left: 10px;
}
.nav-tabs.customtabs .nav-link {
	border: 0;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0;
    text-align: center;
	padding: 12px;
	font-weight: 400;
	background-color: transparent;
	color: #343434;
	font-weight: 700;
}
.nav-tabs.customtabs .nav-item.show .nav-link,
.nav-tabs.customtabs .nav-link.active{
	background-color: transparent;
}
.nav-tabs.customtabs .nav-item.show .nav-link,
.nav-tabs.customtabs .nav-link.active,
.nav-tabs.customtabs .nav-link:hover {
	background-color: transparent;
    border-color: #f79520;
	color: #0f0f0f;
}
.nav-tabs.customtabs2 {
    padding: 4px;
	border: 2px solid #f79520;
	border-radius: 50px;
}
.nav-tabs.customtabs2 .nav-item {
	margin: 0;
}
.nav-tabs.customtabs2 .nav-item + .nav-item{
	margin-right: 4px;
}
.nav-tabs.customtabs2 .nav-link {
    border: 0;
    border-radius: 50px;
	padding: 10px;
    min-width: 140px;
    text-align: center;
	font-size: 18px;
	background-color: #daedeb;
	color: #89adad;
}
.nav-tabs.customtabs2 .nav-item.show .nav-link,
.nav-tabs.customtabs2 .nav-link.active,
.nav-tabs.customtabs2 .nav-link:hover {
    background-color: #f79520;
    color: #fff;
}
.boxproduct > *{
	position: relative;
}
.boxproduct::before{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.55rem;
	background: linear-gradient(0deg, rgba(48, 47, 47, 0.7) 0%, transparent 80%);
}
.boxproduct:hover .content{
	transform: translateY(-70px);
}
.boxproduct .content,
.boxproduct .content p,
.boxproduct .hover{
	transition: .6s;
}
.boxproduct:hover .content p{
	opacity: 0;
}
.boxproduct .hover{
	right: 20px;
	bottom: 20px;
	width: calc(100% - 40px);
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
}
.boxproduct:hover .hover{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.footerbg{
	background-color: #feeedb;
}
.footerbg__links li{
	font-size: 16px;
	margin-bottom: 6px;
}
.buttoneyeshowpassword{
	bottom: 10px;
	left: 15px;
	z-index: 4;
	font-family: 'fa5_f';
	font-weight: 400;
	cursor: pointer;
}
.buttoneyeshowpassword::before{
	content: "\f06e";
}
.buttoneyeshowpassword.active::before{
	content: "\f070";
}
.page-item.active .page-link{
	background-color: #f79520;
	border-color: #f79520;
}
.page-link,
.page-link:hover{
	color: #f79520
}
.boxaboutpagelist li{
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 50px;
	margin-bottom: 6px;
}
.boxaboutpagelist li::marker{
	color: #f79520;
}
.box-tuts-number{
	width: 80px;
	height: 80px;
	line-height: 80px;
}
.listprofile li a{
	display: block;
	padding: 18px 25px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
}
.listprofile li:last-child a{
	border-bottom: 0;
}
.listprofile li.active a{
	background-color: #f79520;
	color: #fff;
}
.custom-table.table thead th,
.custom-table.table tbody td{
	padding: 15px;
	vertical-align: middle;
	text-align: center;
}
.custom-table.table thead th:nth-child(1){
	width: 8%;
}
.custom-table.table thead th:nth-child(2){
	width: 30%;
}
.custom-table.table thead th:nth-child(3){
	width: 16%;
}
.custom-table.table thead th:nth-child(4){
	width: 16%;
}
.custom-table.table thead th:nth-child(5){
	width: 16%;
}
.custom-table.table thead th:nth-child(6){
	width: 16%;
}
.ui-spinner{
	width: 100%;
	display: block;
	border: 0 !important;
}
.ui-spinner-input.custom-spinner{
	width: 100%;
	display: block;
	margin: 0;
	height: 50px;
	font-size: 1.3rem;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: .5rem 1rem .5rem 34px;
	line-height: 1.5;
	border-radius: .3rem;
	font-family: 'notokufiarabic', sans-serif;
}
.ui-spinner .ui-spinner-button{
	width: 25px;
	height: 25px;
	background-color: #e5e5e5;
	left: 0;
	right: auto;
	cursor: pointer;
}
.ui-spinner .ui-spinner-button::before{
	position: absolute;
	font-family: 'fa5_f';
	font-weight: 900;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	line-height: 25px;
}
.ui-spinner .ui-spinner-button.ui-spinner-up{
	border-bottom: 1px solid #d5d5d5;
}
.ui-spinner .ui-spinner-button.ui-spinner-up::before{
	content: '\f0d8';
}
.ui-spinner .ui-spinner-button.ui-spinner-down::before{
	content: '\f0d7';
}
.nav-tabs.customtabs.customtabs3 {
    border-bottom: none;
    padding: 0;
}
.nav-tabs.customtabs.customtabs3 .nav-item {
    margin-bottom: 0;
    margin-left: 0;
}
.nav-tabs.customtabs.customtabs3 .nav-link {
	border: 0;
    min-width: 80px;
	padding: 8px;
	font-size: 16px;
	background-color: #f5f5f5;
	color: #9e9e9e;
	position: relative;
}
.nav-tabs.customtabs.customtabs3 .nav-link::after{
	position: absolute;
	content: '';
	bottom: -8px;
	right: calc(50% - 8px);
	width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f79520;
	transition: .4s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
}
.nav-tabs.customtabs.customtabs3 .nav-link.active::after{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.nav-tabs.customtabs.customtabs3 .nav-link.active,
.nav-tabs.customtabs.customtabs3 .nav-link:hover {
	background-color: #f79520;
    color: #fff;
}
.nav-tabs.customtabs.customtabs3 .nav-link.active{
	font-weight: 400;
}
.customslider03 .slick-next,
.customslider03 .slick-prev{
	top: 0
}
.customslider03 .slick-prev{
	right: 0;
}
.customslider03 .slick-next{
	left: 0;
}
.customslider03 .slick-next::before,
.customslider03 .slick-prev::before{
	border-radius: 0;
	height: 100px;
	width: 45px;
	line-height: 100px;
}
.customslider03 img{
	cursor: pointer;
	transition: .4s;
	opacity: 0.5;
}
.customslider03 img:hover{
	opacity: 1;
}
.customslider03 .slick-current img,
.customslider03 .slick-current img:hover{
	opacity: 1;
}
.singlecontentbg.fsmall p{
	font-size: 16px;
}
.boxhotels__ameenities [class^="fa"]{
	width: 44px;
	flex: 0 0 44px;
	max-width: 44px;
	height: 50px;
	line-height: 50px;
}
.nav-tabs.customtabs4 {
    border-bottom: none;
    padding: 0;
}
.nav-tabs.customtabs4 .nav-item {
    margin-bottom: 0;
    margin-left: 0;
}
.nav-tabs.customtabs4 .nav-link {
	border: 0;
    border-bottom: 3px solid #e5e5e5;
    border-radius: 0;
    min-width: inherit;
    text-align: center;
	font-size: 18px;
	padding: 0 15px 15px;
}
.nav-tabs.customtabs4 .nav-link.active,
.nav-tabs.customtabs4 .nav-link:hover {
    border-color: #2f4354;
    color: #2f4354;
}
.nav-tabs.customtabs4 .nav-link.active{
	font-weight: 700;
}
.nav-tabs.customtabs4.border-bottom .nav-item + .nav-item{
	margin-right: 30px;
}
.nav-tabs.customtabs4.border-bottom .nav-item{
	margin-bottom: -3px;
}
.fa-30{
	width: 30px;
}
.customslider20{
	padding-bottom: 50px;
}
.customslider20 .slick-next,
.customslider20 .slick-prev{
	top: auto;
	bottom: 0;
}
.customslider20 .slick-next::before,
.customslider20 .slick-prev::before{
	border-radius: 0;
	background-color: transparent;
	border: 1px solid #f79520;
	color: #f79520;
	transition: .4s;
}
.customslider20 .slick-next:hover::before,
.customslider20 .slick-prev:hover::before{
	color: #fff;
}
.customslider20 .slick-prev{
	right: calc(50% - 45px);
}
.customslider20 .slick-next{
	right: 50%;
	left: auto;
}
.custom-control-boxbooking .custom-control-label::before,.custom-control-boxbooking .custom-control-label::after{display: none;}
.custom-control-boxbooking .boxbooking__checkbox{transition: .4s;background-color: #eee;color: #8e8e8e;}
.custom-control-boxbooking .custom-control-input:checked~.custom-control-label .boxbooking__checkbox{background-color: #f79520 !important;color: #fff !important;}
.boxcourses200 .boxcourses200__thu img{
	width: 100%;
	height: 100%;
	transition: .4s;
}
.boxcourses200:hover .boxcourses200__thu img{
	transform: scale(1.08);
}
.boxcourses200__price,
.boxcourses200__label{
	top: 220px;
}
.boxcourses200__price{
	right: 0;
}
.boxcourses200__label{
	left: 0;
}
.boxcourses200__price span{
	border-radius: 4px 0 0 0;
	min-width: 100px;
}
.boxcourses200__label span{
	border-radius: 0 4px 0 0;
	min-width: 100px;
}
.customtoptotal{
	top: 5px;
}
.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 50px;
	user-select: none;
	-webkit-user-select: none;
	border-color: #ddd;
}
.select2-selection__rendered{
	height: 50px;
	display: flex !important;
	align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 48px;
	width: 40px;
}
.box-show-text.active > *:first-child{
	display: flex;
	top: 0;
	right: 0;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 2;
}
.box-show-text.active > *:last-child{
	filter: blur(2px);
}
.box-show-text > *:first-child{
	display: none;
}
/*--------- Responsive ----- */
@media (max-width: 992px) {
	.headerbg .navbar .navbar-nav .nav-item + .nav-item{margin-right: 0;}
	.headerbg .navbar .navbar-nav .nav-item::before{display: none;}
	.headerbg .navbar .navbar-nav .nav-item{margin-bottom: 10px;}
	.headerbg .navbar .navbar-nav .nav-item .nav-link{font-size: 20px;}
	.headerbg .navbar .navbar-nav .nav-item .btn{display: block;}
	.headerbg .navbar-collapse{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;right: 0;background-color: #fff;padding: 25px;z-index: 1081;transition: .4s;}
	.headerbg .navbar-toggler{z-index: 1082;}
	.headerbg .navbar-collapse.show{opacity: 1;}
	.headerbg .navbar-collapse.collapsing {transition: none !important;opacity: 0;height: 100vh !important;}
	.sliderhome__thu{background-image: none !important;}
	.sliderhome__thu::before{display: none;}
}
@media (max-width: 768px) {
    .box-tuts-number{width: 50px;height: 50px;line-height: 50px;}
	.nav-tabs.customtabs4.border-bottom .nav-item + .nav-item{margin-right: 20px;}
	.nav-tabs.customtabs4 .nav-link{font-size: 16px;padding: 0 0 10px;}
	.boxaboutpagelist li{max-width: 100%;flex: 0 0 100%;padding-left: 0;}
	.pagination{flex-wrap: wrap;}
	.headerbg .navbar{flex-direction: column;}
}
@media (max-width: 500px) {
	.btn-group-lg>.btn, .btn-lg, .form-control-lg{font-size: 1rem;}
	.customaccordion .card .card-header a,.customaccordion .card .card-body{font-size: 16px;}
}
@media (max-width: 375px) {

}


.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    height: 48px;
    position: relative;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    color: white;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f2982a;
}