@font-face {
	font-family:'estedad';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/estedad/ttf/Estedad-Black.woff2') format('woff2'),
	url('../fonts/estedad/ttf/Estedad-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'estedad';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/estedad/ttf/Estedad-Bold.woff2') format('woff2'),
	url('../fonts/estedad/ttf/Estedad-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'estedad';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/estedad/ttf/Estedad-ExtraBold.woff2') format('woff2'),
	url('../fonts/estedad/ttf/Estedad-ExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'estedad';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/estedad/ttf/Estedad-ExtraLight.woff2') format('woff2'),
	url('../fonts/estedad/ttf/Estedad-ExtraLight.ttf') format('truetype');
}

@font-face {
	font-family: 'estedad';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/estedad/ttf/Estedad-Light.woff2') format('woff2'),
	url('../fonts/estedad/ttf/Estedad-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'estedad';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/estedad/ttf/Estedad-Medium.woff2') format('woff2'),
	url('../fonts/estedad/ttf/Estedad-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'textFont';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb.ttf');
}

@font-face {
    font-family: 'titleFont';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/IRANSansWeb_Bold.ttf');
}

@font-face {
	font-family: 'kalameh';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/KALAMEH_BLACK.TTF');
}

h1, h2 {
    font-family: titleFont;
}

a, button, h3, h4, h5, h6, p, div, ul li, input {
    font-family: textFont;
}

#header-logo img:not(.custom-no-filter) {
    filter: brightness(0) invert(1);
}

#main-box , footer {
	padding: 0 8.5rem;
}

nav.navbar div.container-fluid {
	padding-left: 8rem !important;
	padding-right: 8rem !important;
}

@media only screen and (max-width: 1450px) {
	nav.navbar div.container-fluid {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
}

@media only screen and (max-width: 1450px) {
	#main-box , footer {
		padding: 0 2rem;
	}
}
.custom-bg-blue {
	background: #3838f0 !important;
	color: #ffffff !important;
}

.custom-bg-dark-blue {
	background: #1E3A8A !important;
	color: #ffffff !important;
}

.custom-bg-purple {
	background: #2e1fb6 !important;
	color: #ffffff !important;
}

.custom-bg-dark-purple {
	background: #191970 !important;
	color: #ffffff !important;
}

/*.custom-bd-radius-10 {
    border-radius: 10px !important;
}*/

/*.custom-bd-radius-25 {
	border-radius: 25px !important;
}*/

/*.custom-bd-radius-left-5 {
	border-radius: 5px 0 0 5px !important;
}*/

/*.custom-role-card {
    border-radius: 10px !important;
    border: 1px solid #dee2e6;
    cursor: pointer;
}

.custom-role-card:hover {
    cursor: pointer !important;
}

.custom-role-card img {
    width: 75px !important
}

.custom-role-card .card-text small {
    color: #1f2937 !important;
    font-size: 0.75rem;
}*/

/*.custom-text-right {
    text-align: right !important;
}*/

/*.custom-text-left {
    text-align: left !important;
}*/

.custom-image-border {
	width: 92px;
	height: 92px;
	position: relative;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.custom-image-border::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 5px;
	background: linear-gradient(to bottom, #c9c9c9 50%, #1E3A8A 50%);
	transition: background 2s ease;
}

.custom-image-border:hover::before {
	background: linear-gradient(to bottom, #1E3A8A 50%, #1E3A8A 50%);
}

.custom-image-container-main {
	width: 100px;
	height: 100px;
	background-color: white;
}

.custom-image-container {
	width: 86px;
	height: 86px;
	position: absolute;
	background-color: white;
	border-radius: 50px;
}

.custom-text-justify {
    text-align: justify !important;
}

.custom-bd-dark-blue {
	border-color: #1E3A8A !important;
}

.custom-owl-title {
    font-family: titleFont !important;
    text-align: center !important;
}

.custom-title-font {
    font-family: titleFont !important;
}

.custom-text-font {
	font-family: textFont !important;
}

.custom-kalameh-font {
	font-family: kalameh !important;
}

.custom-estedad-font {
	font-family: estedad !important;
	font-weight: normal;
}

.custom-consolas-font {
	font-family: Consolas !important;
	font-weight: normal;
}

/*.custom-ml-1 {
    margin-left: 1rem !important;
}*/

.custom-blue-text {
    color: #0A16FF !important;
}

.custom-dark-blue-text {
    color: #213675 !important;
}

.custom-font-size-10 {
	font-size: 10px !important;
}

/*.custom-font-size-11 {
	font-size: 11px !important;
}*/

.custom-font-size-12 {
	font-size: 12px !important;
}

.custom-font-size-13 {
    font-size: 13px !important;
}

/*.custom-font-size-14 {
	font-size: 14px !important;
}*/

/*.custom-font-size-15 {
	font-size: 15px !important;
}*/

/*.custom-font-size-16 {
	font-size: 16px !important;
}*/

/*.custom-font-size-17 {
	font-size: 17px !important;
}*/

.custom-font-size-18 {
	font-size: 18px !important;
}

.custom-font-size-1-4-rem {
    font-size: 1.4rem !important;
}

/*.custom-font-size-1-2-rem {
	font-size: 1.2rem !important;
}*/

/*.custom-font-size-1-rem {
	font-size: 1rem !important;
}*/

/*.custom-font-size-2-rem {
	font-size: 2rem !important;
}*/

footer ul li a {
    text-decoration: none !important;
    font-size: 13px !important;
}

.custom-w-200-px {
	width: 200px !important;
}

.custom-w-150-px {
	width: 150px !important;
}

.custom-w-100-px {
	width: 100px !important;
}

.custom-w-75-px {
	width: 75px !important;
}

.custom-w-50-px {
	width: 50px !important;
}

.custom-w-2-5-rem {
	width: 2.5rem !important;
}

.custom-bg-semi-dark {
    background: #424242;
}

.custom-bg-gray {
    background: #f3f4f6 !important;
}

.custom-label-star {
	position: absolute;
	margin-top: 5px;
	margin-right: 5px;
}

.custom-upload-add-icon {
	position: absolute;
	margin-top: 75px;
	font-size: 20px;
}

.custom-upload-delete-icon {
	position: absolute;
	margin-top: 75px;
	font-size: 20px;
	margin-right: -15px;
}

.custom-cursor-pointer {
	cursor: pointer !important;
}

.custom-ltr {
	direction: ltr !important;
}

.owl-item {
    border-radius: 10px !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
	background: #ffffff !important;
}

@media (max-width: 576px) {
	.custom-font-size-sm-16 {
		font-size: 16px !important;
	}

	.custom-font-size-sm-13 {
		font-size: 13px !important;
	}

    .custom-font-size-sm-18 {
        font-size: 18px !important;
    }

    .custom-text-sm-center {
        text-align: center !important;
    }

    .custom-mw-sm-100 {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
	.custom-px-lg-8 {
		padding-left: 8rem !important;
		padding-right: 8rem !important;
	}

	.custom-px-mt-6 {
		margin-top: 4rem;
	}
}

.custom-mt-n5 {
	margin-top: -3rem;
}

.custom-lh-2-5 {
	line-height: 2.5;
}

.custom-lh-3 {
	line-height: 3 !important
}

/* datatable styles */
div.dt-container div.dt-length select {
	margin-left: 0.5em;
}

.dt-length {
	text-align: left;
	margin-bottom: 10px;
}

.dt-info {
	text-align: left;
	margin: 10px;
}

table.data-table th.dt-center, table.data-table td.dt-center {
	text-align: center !important;
}

table.data-table.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.data-table.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
	margin-left: 0.5em;
	display: inline-block;
	box-sizing: border-box;
	content: "";
	border-top: 5px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 10px solid rgba(16, 179, 25, 0.9);
}

table.data-table.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control::before, table.data-table.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control::before {
	border-top: 10px solid rgba(16, 179, 25, 0.9);
}

table.data-table > tbody > tr.child ul.dtr-details {
	width: 100%;
}

table.table tr td:not(.custom-small) {
	vertical-align: middle;
	font-size: 14px !important;
}

table.table.data-table tr th /*, table.table tr th*/ {
	background: #1E3A8A !important;
	color: #ffffff !important;
	text-align: center !important;
	font-weight: normal;
}

table.table.data-table tr th {
	font-size: 15px;
	font-weight: normal;
}

table.table.data-table tr td {
	font-size: 14px;
}

table.table tr td {
	text-align: center !important;
}

button.btn i {
	margin-top: 3px;
}

.custom-height-13 {
	height: 13rem;
}

div .dt-buttons{
	float : left;
	margin-bottom: 10px;
}

.data-tables_length{
	float : left;
}

.dt-length select {
	margin: 5px !important;
}
/*****/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* enable absolute positioning */
.inner-addon {
	position: relative;
}

/* style icon */
.inner-addon .icon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

/* align icon */
.left-addon .icon {
	left: 0px;
}

.right-addon .icon {
	right: 0px;
	z-index: 2;
}

/* add padding  */
.left-addon input {
	padding-left: 30px;
}

.right-addon input {
	padding-right: 30px;
}

.custom-border-grey {
	border-color: #dee2e6;
}

.custom-border-style-solid {
	border-style: solid;
}

.custom-border-style-dashed {
	border-style: dashed;
}

.custom-font-weight-normal {
	font-weight: normal;
}

.custom-font-weight-bold {
	font-weight: bold;
}

.custom-placeholder-gray::placeholder {
	color: #d9d9d9;
}

.input-group .select2.select2-container {
	width: 80%;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
	font-family: textFont;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
	}
}

.btn-pulse {
	animation: pulse 1.5s infinite;
}

.custom-product-card {
	background: #f8f9fa;
	border-radius: 12px;
	transition: transform 0.2s;
}

.custom-product-card:hover {
	transform: translateY(-2px);
}

.filter-form {
	background: #f8f9fa;
	border-radius: 12px;
}

.page-link {
	color: #111827;
	border: 0;
	border-radius: 0.4rem;
}

.page-item.active .page-link {
	background-color: #1e3a8a !important;
}

.page-link:hover {
	background: #1e3a8a;
	color: #fff;
}

#dark-lottie-text p {
	font-size: 0.65rem;
}

@media only screen and (min-width: 1200px) {
	#dark-lottie-text p {
		font-size: 0.85rem;
	}
}

@media only screen and (min-width: 1400px) {
	#dark-lottie-text p {
		font-size: 0.85rem;
	}
}

@media only screen and (min-width: 1800px) {
	#dark-lottie-text p {
		font-size: 1rem;
	}
}

.custom-max-width-100 {
	max-width: 100%;
}

.custom-max-height-100 {
	max-height: 100%;
}

#brands-list-box .brand-box img {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 992px) {
	#brands-list-box .brand-box img {
		max-width: 200px;
		max-height: 200px;
	}
}

#dark-lottie-box .dark-lottie-button div {
	width: 2rem;
}

.custom-height-50-px {
	height: 50px;
}

.custom-height-100-px {
	height: 100px;
}

.custom-z-index-1 {
	z-index: 1;
}

.slider--green .slider__bar, .slider--green .slider__tip {
	background-color: #1c64f2 !important;
}

.slider--green .slider__handle {
	background-color: #1e3a8a !important;
}

#categories-brands-list-box {
	height: 300px;
	overflow-y: scroll;
	scrollbar-color: #aeaeae #e6e6e6;
	scrollbar-width: thin;
	scroll-margin-left: 100px;
}

#categories-brands-list-box::-webkit-scrollbar {
	width: 7px;
}

#categories-brands-list-box::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#categories-brands-list-box::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#categories-brands-list-box input[type=checkbox] {
	padding: 0.7rem !important;
	border: 1px solid #d0d0d0;
}

#dark-lottie-box {
	/*background: #f3f4f6 !important;*/
	max-width: 400px;
}

#owl-carousel-products .owl-item img {
	width: 200px !important;
	height: 200px !important;
}

#product-image img {
	max-width: 350px;
	max-height: 350px;
}

/* rating */
.star-rating {
	direction: rtl;
	display: inline-block;
	cursor: pointer;
}

.star-rating input {
	display: none;
}

.star-rating label {
	color: #ddd;
	font-size: 24px;
	padding: 0 2px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input:checked~label {
	color: #ffc107;
}

#roles-button-list button:hover {
	color: #ffffff !important;
	background-color: #0b5ed7 !important;
	border-color: #0a58ca !important;
}

#roles-button-list button.active {
	color: #ffffff !important;
	background-color: #0b5ed7 !important;
	border-color: #0a58ca !important;
}

.custom-mt-n5 {
	margin-top: -3rem !important
}

.sticky-top-top-3 {
	top: 3rem;
}

.custom-h-20 {
	height: 20rem;
}

.custom-fishcoin-card {
	background-color: #112750;
}

.custom-small {
	font-size: 0.7rem !important;
}

.custom-pulse-effect {
	animation: custom-pulse 2s linear infinite;
}

@keyframes custom-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(29, 67, 255, 0.7), 0 0 0 0 rgba(49, 55, 255, 0.7);
	}
	40% {
		box-shadow: 0 0 0 50px rgb(255, 109, 74, 0), 0 0 0 0 rgba(4, 52, 255, 0.7);
	}
	80% {
		box-shadow: 0 0 0 50px rgb(255, 109, 74, 0), 0 0 0 30px rgb(255, 109, 74, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(255, 109, 74, 0), 0 0 0 30px rgb(255, 109, 74, 0);
	}
}


.custom-glow-effect {
	text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
	animation: custom-glow 1.5s infinite alternate;
}

@keyframes custom-glow {
	0% {
		text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
	}
	100% {
		text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff;
	}
}

.custom-blink-effect {
	animation: custom-blink 1500ms infinite;
}

@keyframes custom-blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}