/* Essential utility classes */
.ff-heading {
	font-family: $title-font;
}

.text-white {
	color: $white-color;
}

.bgc-white {
	background-color: $white-color;
}

.bgc-transparent {
	background-color: transparent;
}

.text-gray {
	color: $gray-color;
}

.bgc-whatsapp {
	background-color: $whatsapp-color;
}

.bgc-gray {
	background-color: $gray-color;
}

.dark-color,
.heading-color,
.title-color {
	color: $title-color;
}

.bgc-dark {
	background-color: $title-color;
}

.body-light-color {
	color: $body-light-color;
}

.text-thm {
	color: $theme-color;
}

.text-thm2 {
	color: $theme-color2;
}

.bgc-thm {
	background-color: $theme-color;
}

.bgc-color3 {
	background-color: $theme-color3;
}

.border-color3 {
	border-color: $theme-color3 !important;
}

.bgc-thm2 {
	background-color: $theme-color2;
}

.bgc-f7 {
	background-color: $light-color;
}

.bgc-71 {
	background-color: $body-light-color;
}

.text-thm3 {
	color: $success-color2;
}

.bgc-thm-light {
	background-color: rgba($theme-color, 0.05);
	;
}

.bgc-thm-dark {
	background-color: rgba($theme-color, 0.15);
}

.bgc-thm3-light {
	background-color: rgba($success-color2, 0.15);
	;
}

.review-color {
	color: $review-color;
}

.review-color2 {
	color: $review-color2;
}

/*== Fonts Size, Font Weights, Display & Position ==*/
.fz0 {
	font-size: 0px;
}

.fz6 {
	font-size: 6px;
}

.fz7 {
	font-size: 7px;
}

.fz8 {
	font-size: 8px;
}

.fz9 {
	font-size: 9px;
}

.fz10 {
	font-size: 10px;
}

.fz11 {
	font-size: 11px;
}

.fz12 {
	font-size: 12px;
}

.fz13 {
	font-size: 13px;
}

.fz14 {
	font-size: 14px;
}

.fz15 {
	font-size: 15px;
}

.fz16 {
	font-size: 16px;
}

.fz17 {
	font-size: 17px;
}

.fz18 {
	font-size: 18px;
}

.fz19 {
	font-size: 19px;
}

.fz20 {
	font-size: 20px;
}

.fz24 {
	font-size: 24px;
}

.fz26 {
	font-size: 26px;
}

.fz30 {
	font-size: 30px;
}

.fz40 {
	font-size: 40px;
}

.fz45 {
	font-size: 45px;
}

.fz48 {
	font-size: 48px;
}

.fz50 {
	font-size: 50px;
}

.fz55 {
	font-size: 55px;
}

.fz60 {
	font-size: 60px;
}

.fz72 {
	font-size: 72px;
}

.fz100 {
	font-size: 100px;
}

.lh0 {
	line-height: 0px;
}

.lh30 {
	line-height: 30px;
}

.lh40 {
	line-height: 40px;
}

.h510 {
	height: 510px;
}

.h550 {
	height: 550px;
}

.h580 {
	height: 580px;
}

.h600 {
	height: 600px;
}

.h175 {
	height: 175px;
}
.h200 {
	height: 200px;
}

.h250 {
	height: 250px;
}

.h260 {
	height: 260px;
}

.h270 {
	height: 270px;
}

.h275 {
	height: 275px;
}
.h285 {
	height: 285px;
}

.h300 {
	height: 300px;
}

.h400 {
	height: 400px;
}

.wh35 {
	height: 35px;
	width: 35px;
	line-height: 40px
}

.wa {
	width: auto;
}

.w100 {
	width: 100%;
}

.maxw100 {
	max-width: 100%;
}

.maxw140 {
	max-width: 140px;
}

.maxw1600 {
	max-width: 1600px;
}

.maxw1800 {
	max-width: 1800px;
}

.maxw1850 {
	max-width: 1850px;
}

.fw300 {
	font-weight: 300;
}

.fw400 {
	font-weight: 400;
}

.fw500 {
	font-weight: 500;
}

.fw600 {
	font-weight: 600;
}

.fw700 {
	font-weight: 700;
}

.fw800 {
	font-weight: 800;
}

.fw900 {
	font-weight: 900;
}

.fwn {
	font-weight: normal;
}

.fwb {
	font-weight: bold;
}

.db {
	display: block;
}

.dib {
	display: inline-block;
}

.dif {
	display: inline-flex;
}

.df {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.dfr {
	display: flow-root;
}

.dn {
	display: none;
}

.ovh {
	overflow: hidden;
}

.ovv {
	overflow: visible;
}

.posa {
	position: absolute;
}

.posr {
	position: relative;
}

.vam {
	vertical-align: middle;
}

.zi0 {
	z-index: 0;
}

.zi1 {
	z-index: 1;
}

.zi9 {
	z-index: 9;
}

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

.curp {
	cursor: pointer;
}

.bdr1 {
	border: 1px solid $border-color;
}

.bdrb1 {
	border-bottom: 1px solid $border-color;
}

.bb-white-light {
	border-bottom: 1px solid rgba($white-color, .1);
}

.bdrt1 {
	border-top: 1px solid $border-color;
}

.bdrl1 {
	border-left: 1px solid $border-color;
}

.bdrr1 {
	border-right: 1px solid $border-color;
}

.border-title-color {
	border: 1px solid $dark-color;
}

.bbn {
	border-bottom: none;
}

.border-none,
.no-border {
	border: none;
}

.white-bdrt1 {
	border-top: 1px solid rgba($white-color, 0.1);
}

.gray-bdrb1 {
	border-bottom: 1px solid #ECEDF2;
}

.gray-bdrt1 {
	border-top: 1px solid #ECEDF2;
}

.bdrs0 {
	border-radius: 0;
}

.bdrs6 {
	border-radius: 6px;
}

.bdrs12 {
	border-radius: 12px;
}

.bdrs24 {
	border-radius: 24px;
}

.bdrs60 {
	border-radius: 60px;
}

.bdrs12-right-y {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

.before-none {
	&:before {
		display: none;
	}
}

.after-none {
	&:after {
		display: none;
	}
}

.wa {
	width: auto !important;
}

.w30 {
	width: 30px;
}

.w40 {
	width: 40px;
}

.w90 {
	width: 90px;
}

.w120 {
	width: 120px;
}

.w150 {
	width: 150px;
}

.w180 {
	width: 180px;
}

.wfc {
	width: fit-content;
}

.text-ellipsis {

	&.ellipsis-1 {
		line-clamp: 1;
		-webkit-line-clamp: 1;

		&.fz15 {
			min-height: 1em;
		}
	}

	&.ellipsis-2 {
		line-clamp: 2;
		-webkit-line-clamp: 2;
		min-height: 3em
	}

	&.ellipsis-3 {
		line-clamp: 3;
		-webkit-line-clamp: 3;
		min-height: 4.5em;

		&.fz15 {
			min-height: 70px;
		}

	}


	&.ellipsis-4 {
		line-clamp: 4;
		-webkit-line-clamp: 4;
		// min-height: 110px;
	}

	&.ellipsis-5 {
		line-clamp: 5;
		-webkit-line-clamp: 5;
		// min-height: 140px;
	}

	&.ellipsis-6 {
		line-clamp: 6;
		-webkit-line-clamp: 6;
		// min-height: 140px;
	}

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 1;
	-webkit-line-clamp: 1;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
	&.text-ellipsis {
		&.ellipsis-1 {
			min-height: 1.5em;
		}

		&.ellipsis-2 {
			min-height: 3em
		}

		&.ellipsis-3 {
			min-height: 4.5em;
		}

		&.ellipsis-4 {
			min-height: 6em;
		}

		&.ellipsis-5 {
			min-height: 7.5em;
		}

		&.ellipsis-6 {
			min-height: 9em;
		}
	}
}

#compareToastEl {
	.properties-list {
		.row-item {
			border-top: 1px solid $gray-color;
			padding-top: 10px;
			margin-bottom: 10px;

			&:first-of-type {
				border-top: 0px;
			}
		}
	}
}

.text {
	@include heading-typo2;
}

.default-box-shadow1 {
	@include default-box-shadow1;
}

.default-box-shadow2 {
	@include default-box-shadow2;
}

.default-box-shadow3 {
	@include default-box-shadow3;
}

.default-box-shadow4 {
	@include default-box-shadow4;
}

.default-box-shadow5 {
	@include default-box-shadow5;
}

@include media-breakpoint-down(md) {
	.bdrrn-sm {
		border-right: none;
	}
}

@include media-breakpoint-down(md) {
	.slider-dib-sm {
		&.owl-theme {
			.owl-stage-outer {
				display: inline-block;
			}
		}
	}

	.bb1-sm {
		border-bottom: 1px solid $border-color;
	}
}

@include media-breakpoint-down(lg) {}

@include media-breakpoint-down(xl) {}

@include media-breakpoint-down(xxl) {}