/*
Name: 			rtl-demo-accounting-1.css
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	13.1.0
RTL Edition:    Arabic RTL with Cairo & Tajawal Typography
*/

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap');

body,
html[dir="rtl"] body {
	font-family: 'Alexandria', 'Tajawal', sans-serif !important;
	direction: rtl;
	text-align: right;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Alexandria', 'Tajawal', sans-serif !important;
	color: var(--dark);
	letter-spacing: 0 !important;
}

.custom-font-secondary {
	font-family: 'Alexandria', 'Tajawal', sans-serif !important;
	letter-spacing: 0 !important;
}

.custom-font-tertiary {
	font-family: 'Tajawal', 'Alexandria', serif !important;
	font-style: normal !important;
	letter-spacing: 0 !important;
}

p {
	font-family: 'Alexandria', 'Tajawal', sans-serif;
	line-height: 1.9;
	font-size: 15px;
	letter-spacing: 0 !important;
}

.badge {
	font-weight: 600;
	font-family: 'Alexandria', 'Tajawal', sans-serif !important;
	letter-spacing: 0 !important;
}

.custom-graph-svg-color-primary {
	fill: var(--primary) !important;
}

.custom-graph-svg-color-secondary {
	fill: var(--secondary) !important;
}

.btn {
	font-family: 'Alexandria', 'Tajawal', sans-serif !important;
	padding: 14px 32px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0 !important;
}

.custom-text-color-1 {
	color: #df0b0b;
}

.custom-text-color-2 {
	color: #e3993f;
}

/* Header & Navigation in RTL */
@media (min-width: 992px) {
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
		font-family: 'Alexandria', 'Tajawal', sans-serif !important;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0 !important;
		color: var(--dark);
	}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover {
		color: var(--primary) !important;
	}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a.active {
		color: #0f172a !important;
	}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu {
		transition: all 300ms;
		opacity: 0;
		transform: translate3d(5px, 0, 0) !important;
		border: 1px solid var(--grey-200);
		border-radius: var(--border-radius2x) !important;
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
		right: 0;
		left: auto;
		text-align: right;
	}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li a {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		padding-right: 22px !important;
		padding-left: 22px !important;
		font-family: 'Alexandria', 'Tajawal', sans-serif !important;
		text-align: right;
	}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li:hover.dropdown:not(.dropdown-mega) .dropdown-menu {
		opacity: 1;
		transform: translate3d(5px, -10px, 0) !important;
	}
}

/* Mask Image */
.custom-mask-img {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-position: center;
	mask-position: center;
}

.custom-mask-img-1 {
	-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-1.png);
	mask-image: url(../../img/demos/accounting-1/generic/mask-image-1.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-position: center;
	mask-position: center;
}

.custom-mask-img-2 {
	-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-2.png);
	mask-image: url(../../img/demos/accounting-1/generic/mask-image-2.png);
}

.custom-mask-img-3 {
	-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-3.png);
	mask-image: url(../../img/demos/accounting-1/generic/mask-image-3.png);
}

.custom-mask-img-4 {
	-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-4.png);
	mask-image: url(../../img/demos/accounting-1/generic/mask-image-4.png);
}

/* Cascading Wrapper Mirrored for RTL */
.custom-cascading-images-wrapper-1 {
	padding: 40% 30% 0 0% !important;
}

.cascading-images .custom-mask-img-3 {
	left: auto !important;
	right: -30% !important;
}

.cascading-images .custom-badge-join {
	left: auto !important;
	right: -45% !important;
}

/* Stamp Mirrored for RTL */
.custom-stamp-1 {
	width: 180px;
	height: 180px;
	left: auto !important;
	right: -90px !important;
	top: 55%;
	border-radius: 50%;
}

.custom-stamp-1 svg {
	position: relative;
	left: auto;
	right: 4px;
	top: 1px;
	margin: 2px;
}

.custom-stamp-1:after {
	opacity: 0.2;
	position: absolute;
	content: "";
	width: 105px;
	height: 105px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #FFF;
	border-radius: 50%;
	display: block;
}

@media (max-width: 992px) {
	.custom-stamp-1 {
		top: 30%;
		transform: scale(0.5);
	}
}

/* Custom Elements Mirrored */
.custom-el-1 {
	bottom: 13%;
	left: 7% !important;
	right: auto !important;
}

@media (max-width: 1200px) {
	.custom-el-1 {
		left: 0 !important;
		right: auto !important;
		bottom: 8%;
	}
}

@media (max-width: 575px) {
	.custom-el-1 {
		bottom: 0;
	}
}

.custom-el-1 p {
	font-size: clamp(35px, -1.6666666667px + 0.0763888889 * 100vw, 90px);
	letter-spacing: 0 !important;
	position: relative;
	z-index: 1;
	margin: 0;
	line-height: 1;
	font-weight: bold;
}

@media (max-width: 991px) {
	.custom-el-1 p {
		letter-spacing: 0 !important;
	}
}

.custom-el-1 em {
	font-size: clamp(18px, 11.3333333333px + 0.0138888889 * 100vw, 28px);
	position: relative;
	bottom: 2px;
	display: inline-flex;
	letter-spacing: 0 !important;
}

.custom-el-1 em mark {
	padding: 0 7px 5px !important;
}

@media (max-width: 991px) {
	.custom-el-1 em {
		bottom: 5px;
		left: -1px;
		right: auto;
	}
}

.custom-el-2 {
	position: absolute;
	width: 100%;
	height: 100%;
}

.custom-el-2 img {
	height: 150%;
	min-width: 1200px !important;
	min-height: 1200px !important;
}

@media (max-width: 1400px) {
	.custom-el-2 img {
		min-height: 1500px !important;
	}
}

.custom-el-3 {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: none !important;
}

.custom-el-3 img {
	height: 100%;
	min-width: 1200px !important;
	min-height: 1200px !important;
}

.custom-el-4 svg {
	width: 100%;
}

.custom-el-5 {
	position: absolute;
	width: 100%;
	height: 100%;
}

.custom-el-5 img {
	height: 100%;
	min-width: 1000px !important;
	min-height: 1000px !important;
}

@media (min-width: 992px) {
	.custom-el-6 {
		margin-bottom: -70px;
		margin-right: 7px !important;
		margin-left: 0 !important;
	}
}

.custom-el-7 {
	max-height: 32px;
	width: auto !important;
	max-width: 150px !important;
	transform: none !important;
}

/* Custom Positions Mirrored */
.custom-pos-1 {
	left: -37% !important;
	right: auto !important;
	top: -33%;
}

.custom-pos-2 {
	right: -75% !important;
	left: auto !important;
	top: -33%;
}

.custom-pos-3 {
	margin-top: -80px;
}

.custom-pos-4 {
	left: -40% !important;
	right: auto !important;
	top: -57%;
}

.custom-pos-5 {
	top: -85%;
}

.custom-pos-6 {
	right: -75% !important;
	left: auto !important;
	bottom: -10%;
}

/* Gradient */
.custom-bg-gradient-1 {
	background-image: linear-gradient(to left, var(--secondary-rgba-30) 30%, var(--dark) 200%) !important;
}

@media (max-width: 991px) {
	.custom-bg-gradient-1 {
		border-radius: 0 !important;
	}
}

/* Directional number and LTR protections */
.phone-number,
[href^="tel:"],
[href^="mailto:"],
.ltr-text {
	direction: ltr !important;
	display: inline-block;
	unicode-bidi: embed;
}

/* Arrow reversals for buttons */
.btn-swap-1 .fa-arrow-left,
.btn-with-arrow-solid .fa-arrow-left {
	position: relative;
	right: 10px;
}

/* Feature Box alignment in RTL */
.feature-box {
	text-align: right;
}
.feature-box .feature-box-info {
	padding-right: 1rem;
	padding-left: 0;
}

/* Breadcrumb in RTL */
.breadcrumb-item + .breadcrumb-item::before {
	float: right;
	padding-right: 0;
	padding-left: var(--bs-breadcrumb-item-padding-x);
}

/* List with icons in RTL */
ul.list-icons li {
	padding-right: 28px !important;
	padding-left: 0 !important;
	position: relative;
	text-align: right;
}
ul.list-icons li i {
	right: 0 !important;
	left: auto !important;
}

/* Accordion modern arrow in RTL */
.accordion-modern-status.accordion-modern-status-arrow .accordion-toggle:after {
	left: 20px !important;
	right: auto !important;
}

/* Timeline alignment in RTL */
.timeline .timeline-body:before {
	right: 50% !important;
	left: auto !important;
}

/* Blog post badges & dates in RTL */
.post .post-date {
	right: 20px !important;
	left: auto !important;
}

/* Offcanvas in RTL */
.offcanvas.offcanvas-start {
	right: 0 !important;
	left: auto !important;
	transform: translateX(100%) !important;
}
.offcanvas.offcanvas-start.show {
	transform: none !important;
}
.offcanvas-header .btn-close {
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* Offcanvas Nav Dropdown Toggle in RTL */
.offcanvas-nav .nav li a.dropdown-toggle .fa-chevron-down {
	right: auto !important;
	left: 0px !important;
}

.offcanvas-nav .nav li.dropdown .dropdown-menu {
	padding: 0px 20px 10px 0px !important;
}