body, .elementor-button {
		font-family: 'Euclid Circular A', sans-serif !important;
		font-size: 16px !important;
		font-weight: 400 !important;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Lemon Milk', sans-serif !important;
		font-weight: 400 !important;
	}

	body, p, li, a {
		font-family: 'Euclid Circular A', sans-serif !important;
		font-weight: 400;
	}

	h1 {
		font-size: 75px !important;
		line-height: 76px !important;
		letter-spacing: -0.04em !important;
	}
	h2 {
		font-size: 42px !important;
		line-height: 56px !important;
		letter-spacing: -0.04em !important;
	}
	h3 {
		font-size: 28px !important;
		line-height: normal !important;
		letter-spacing: 0 !important;
	}
	h4 {
		font-size: 22px !important;
		line-height: 27px !important;
		letter-spacing: 0 !important;
	}
	h5 {
		font-size: 16px !important;
		line-height: 18px !important;
		letter-spacing: 0 !important;
	}
	.gray span{
		color: #9E9E9E;
	}
	.elementor-counter-number-wrapper {
		font-family: 'Lemon Milk', sans-serif !important;
		font-weight: 400 !important;
	}
	/* Common Padding */

	.pt-100 {
		padding-top: 100px !important;
	} 
	.pb-100 {
		padding-bottom: 100px !important;
	} 


	/* Header Style */

	#my-header {
		z-index: 2;
		position: absolute;
		left: 0;
		right: 0;
	}
	#my-header .e--pointer-underline .elementor-item:after {
		width: 30px;
		left: 20px;
	}


	/* Flags ko EN | AR text me badlo */
	div#google_language_translator {
		display: none;
	}

	#flags,
	#flags ul {
		direction: ltr !important;   /* Arabic page par bhi EN | AR ka order same rahe */
		unicode-bidi: isolate;
	}
	#flags ul {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		justify-content: flex-start;
		margin: 0;
		padding: 0;
		list-style: none;
		width: auto;
	}
	#flags li {
		float: none;
		margin: 0 !important;
		padding: 0 !important;
	}
	#flags a.flag, #flags a.nturl {
		background: none !important;
		width: auto !important;
		height: auto !important;
		display: inline-block;
		padding: 5px 15px;
		line-height: 1;
		color: #fff;
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 0.5px;
		text-decoration: none;
		opacity: 1;
		border: 0;
	}
	#flags a.en::after { content: 'EN'; }
	#flags a.ar::after { content: 'AR'; }

	/* Order fix: EN pehle, AR baad me */
	#flags li#English { order: 1; }
	#flags li#Arabic  { order: 2; }

	/* Beech wali line (English aur Arabic dono pages par) */
	#flags li#English a {
		padding-left: 0 !important;
		border: 0 !important;
	}
	#flags li#Arabic a {
		padding-right: 0 !important;
		border-left: 1px solid #fff !important;
	}
	.project-header #flags a.flag,.project-header #flags a.nturl {
		color: #000000 !important;
	}
	.project-header #flags li#Arabic a {
		border-left: 1px solid #000000 !important;
	}

	/* Sirf English aur Arabic dikhao (baaki languages chhupao) */
	#flags li:not(#English):not(#Arabic) { display: none !important; }

	/* Google ka upar wala banner hatao */
	iframe.skiptranslate { display: none !important; }
	body { top: 0 !important; }

	/* White Button Style */
	.project-header .white-button span.elementor-button-icon {
		background: #000000;
	}
	.project-header .white-button a.elementor-button-link:hover span.elementor-button-icon {
		background: #ffffff;
	}
	.project-header .white-button a.elementor-button-link:hover span.elementor-button-icon svg * {
		color : #000000 !important;
		fill: #000000 !important;
		stroke: #000000 !important;
	}

	.white-button span.elementor-button-icon {
		padding: 10px;
		background: #fff;
	}
	.white-button .elementor-button-content-wrapper {
		align-items: center;
	}
	.white-button span.elementor-button-icon svg {
		font-size: 20px;
	}
	.white-button{
		z-index:3 !important;
	}
	.white-button a.elementor-button-link:hover {
		background: #000 !important;
	}
	/* Black Button Style */

	.black-button span.elementor-button-icon {
		padding: 10px;
		background: #000000;
	}
	.black-button .elementor-button-content-wrapper {
		align-items: center;
	}
	.black-button span.elementor-button-icon svg {
		font-size: 20px;
	}
	.black-button:hover a.elementor-button-link {
		background: #000 !important;
		color: #fff !important;
	}
	.black-button:hover span.elementor-button-icon {
		background: #fff;
	}
	.black-button:hover span.elementor-button-icon svg path {
		stroke: #000;
	}
	/* Hero Banner Section Style */

	#hero-banner .swiper-pagination {
		position: absolute;
		top: 50%;
		bottom: 0;
		right: 29px;
		left: auto;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	#hero-banner .swiper-pagination span.swiper-pagination-bullet {
		font-size: 30px;
		background: #ffff;
		width: 12px;
		height: 12px;
	}

	/* ===== Ticker Slide Section ===== */

	.eits-viewport {
	  position: relative;
	  overflow: hidden;
	  -webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 10%,
		black 90%,
		transparent 100%
	  );
	  mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 10%,
		black 90%,
		transparent 100%
	  );
	}
	/* ===== Our Services Section ===== */

	.our-services-wrap {
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	/* Cards ke beech gap = 22px */
	.our-services-slider {
		margin: 0 -11px;
	}
	.our-services-item {
		padding: 0 11px;
		box-sizing: border-box;
		outline: none;
	}

	/* Slick load hone se pehle layout na bigde */
	.our-services-slider:not(.slick-initialized) {
		display: flex;
		overflow: hidden;
	}
	.our-services-slider:not(.slick-initialized) .our-services-item {
		flex: 0 0 25%;
	}

	/* ----- Card ----- */
	.our-services-card,
	.our-services-card:hover,
	.our-services-card:focus {
		position: relative;
		display: block;
		overflow: hidden;
		aspect-ratio: 307 / 450;
		background: #231f20;
		color: #fff;
		text-decoration: none;
		outline: none;
	}

	.our-services-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.6s ease;
	}
	.our-services-card:hover .our-services-img {
		transform: scale(1.06);
	}

	.our-services-overlay {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		padding: 110px 25px 25px;
		background: linear-gradient(to bottom, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.85) 45%, #231f20 70%);
	}

	/* 01, 02, 03 - outline number */
	.our-services-num {
		display: block;
		margin-bottom: 20px;
		font-size: 34px;
		line-height: 1;
		font-weight: 300;
		color: transparent;
		-webkit-text-stroke: 1px rgba(255, 255, 255, 0.55);
		z-index: 0;
		font-family: 'Lemon Milk';
	}
	.our-services-title {
		display: block;
		font-weight: 400;
		letter-spacing: -0.44px;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
	}

	/* ----- Arrows ----- */
	.our-services-arrow {
		display: flex;
		justify-content: center;
		gap: 0;
		margin-top: 30px;
	}
	.our-services-arrow button {
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		line-height: 0;
	}
	.our-services-arrow button.slick-disabled {
		opacity: 1;
		cursor: default;
		pointer-events: none;
	}
	.our-services-arrow button.slick-hidden {
		display: none;
	}
	.our-services-arrow button {
		border: 1px solid #ccc;
		padding: 22px 18px;
		border-radius: 100%;
		cursor: pointer;
	}
	.our-services-arrow button.our-services-next.slick-arrow {
		background: #1A1C26;
		opacity: 1;
	}
	.our-services-arrow button:hover {
		background: #1A1C26;
	}
	.our-services-arrow button:focus {
		background: #1A1C26;
	}
	.our-services-arrow button:hover img {
		fill: red;
		filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(12deg) brightness(108%) contrast(101%);
	}



	/* ===== Our Property Section ===== */

	/* ===== Property Categories (shortcode layout) ===== */

	.pcat-wrap {
		width: 100%;
	}

	.pcat-row {
		display: flex;
		margin-bottom: 60px;
	}
	.pcat-wrap > .pcat-row:last-child {
		margin-bottom: 0;
	}

	/* ----- Image ----- */
	.pcat-wrap .pcat-media {
		position: relative;
		display: block;
		width: 100%;
		overflow: hidden;
		background: #e3e3e3;
	}
	.pcat-wrap .pcat-media img,
	.pcat-wrap .pcat-media .pcat-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: none;
		object-fit: cover;
		transition: transform 0.6s ease;
	}
	.pcat-wrap .pcat-media:hover img {
		transform: scale(1.05);
	}

	/* ----- Text ----- */
	.pcat-wrap .pcat-text {
		display: block;
		max-width: 100%;
		text-align: start;
	}
	.pcat-wrap .pcat-title {
		display: block;
		margin: 0 0 12px;
		text-transform: uppercase;
		color: #231F20;
	}
	.pcat-wrap .pcat-desc {
		margin: 0 0 16px;
		color: #737475;
	}
	.pcat-wrap a.pcat-link, .pcat-wrap a.pcat-link:hover, .pcat-wrap a.pcat-link:focus {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		color: #000000;
		text-decoration: none;
	}
	.pcat-wrap .pcat-link svg {
		transition: transform 0.3s ease;
		color: #000;
	}
	.pcat-wrap .pcat-link:hover svg {
		transform: translateX(4px);
	}
	[dir="rtl"] .pcat-wrap .pcat-link svg {
		transform: scaleX(-1);
	}
	[dir="rtl"] .pcat-wrap .pcat-link:hover svg {
		transform: scaleX(-1) translateX(4px);
	}

	/* ----- Layout 1: badi image upar, text neeche (1st category) ----- */
	.pcat-row--full {
		flex-direction: column;
	}
	.pcat-row--full .pcat-media {
		aspect-ratio: 428 / 208;
	}
	.pcat-row--full .pcat-text {
		margin-top: 18px;
		max-width: 60%;
	}

	/* ----- Layout 2 + 3: do columns ----- */
	.pcat-row--pair-a,
	.pcat-row--pair-b {
		gap: 20px;
		align-items: stretch;
	}
	.pcat-col {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	/* Layout 2 (2nd + 3rd category): left wide, right narrow */
	.pcat-row--pair-a .pcat-col--left {
		flex: 0 0 calc(58.5% - 10px);
		justify-content: space-between;
	}
	.pcat-row--pair-a .pcat-col--right {
		flex: 0 0 calc(41.5% - 10px);
	}
	.pcat-row--pair-a .pcat-a-media { aspect-ratio: 173 / 205; }
	.pcat-row--pair-a .pcat-b-media { aspect-ratio: 247 / 153; }
	.pcat-row--pair-a .pcat-a-text {
		margin-top: 30px;
		text-align: end;
		height: 330px;
		display: flex;
		flex-direction: column;
		align-items: end;
		justify-content: center;
	}
	.pcat-row--pair-a .pcat-b-text  { margin-top: 22px; }

	/* Layout 3 (4th + 5th category): left narrow, right wide */
	.pcat-row--pair-b .pcat-col--left {
		flex: 0 0 calc(41.5% - 10px);
	}
	.pcat-row--pair-b .pcat-col--right {
		flex: 0 0 calc(58.5% - 10px);
	}
	.pcat-row--pair-b .pcat-a-media {
		flex: 1 1 auto;
		aspect-ratio: 174 / 291;
	}
	.pcat-row--pair-b .pcat-b-media { aspect-ratio: 246 / 112; }
	.pcat-row--pair-b .pcat-a-text  { margin-top: 26px; }
	.pcat-row--pair-b .pcat-b-text  { margin-top: auto; margin-bottom: 14px; text-align: end; }

	/* ===== Property Category page (taxonomy-property-category.php) ===== */

	.pcat-archive__inner {
		max-width: 1200px;
		margin: 0 auto;
		padding: 60px 20px;
	}
	.pcat-archive__head {
		margin-bottom: 40px;
	}
	.pcat-archive__desc {
		max-width: 700px;
		color: #666;
	}
	.pcat-archive__grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}
	.pcat-archive__card,
	.pcat-archive__card:hover {
		display: block;
		color: #1a1a1a;
		text-decoration: none;
	}
	.pcat-archive__thumb {
		display: block;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		background: #e3e3e3;
	}
	.pcat-archive__thumb img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.6s ease;
	}
	.pcat-archive__card:hover .pcat-archive__thumb img {
		transform: scale(1.05);
	}
	.pcat-archive__name {
		display: block;
		margin-top: 14px;
		font-size: 20px;
		text-transform: uppercase;
	}

	/* ===== Blog Slider ===== */

	.pblog-wrap {
		position: relative;
		width: 100%;
	}

	/* ----- Slide: andar 3 cards ek line me ----- */
	.pblog-wrap .pblog-slide {
		display: flex !important;
		align-items: flex-start;
		gap: 20px;
	}

	/* Slick load hone se pehle bhi same dikhe */
	.pblog-wrap .pblog-slider:not(.slick-initialized) {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		overflow: hidden;
	}

	/* Card ki width (JS data-per set karta hai: 3 / 2 / 1) */
	.pblog-wrap .pblog-card {
		position: relative;
		flex: 0 0 calc((100% - 40px) / 3);
		max-width: calc((100% - 40px) / 3);
		min-width: 0;
		margin-right: 30px;
	}
	.pblog-wrap[data-per="2"] .pblog-card {
		flex: 0 0 calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
	}
	.pblog-wrap[data-per="1"] .pblog-card {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Beech wala card neeche (screenshot jaisa) */
	.pblog-wrap .pblog-card:nth-child(2) {
		margin-top: 28px;
	}

	/* ----- Image ----- */
	.pblog-wrap .pblog-media {
		position: relative;
		display: block;
		aspect-ratio: 313 / 393;
		overflow: hidden;
		background: #e3e3e3;
	}
	.pblog-wrap .pblog-media img,
	.pblog-wrap .pblog-media .pblog-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: none;
		object-fit: cover;
		transition: transform 0.6s ease;
	}
	.pblog-wrap .pblog-card:hover .pblog-media img {
		transform: scale(1.05);
	}
 
/* -----  white box ----- */
	.pblog-wrap .pblog-content {
		position: absolute;
		inset-inline-start: 0;
		bottom: 0;
		box-sizing: border-box;
		width: 79.5%;
		padding: 26px 28px 24px;
		background: #fff;
	}

	.pblog-wrap a.pblog-title, .pblog-wrap a.pblog-title:hover, .pblog-wrap a.pblog-title:focus{
		display: block;
		margin: 0 0 16px;
		font-size: 22px;
		line-height: 1.35;
		font-weight: 500;
		color: #231F20;
		text-decoration: none;
	}

	.pblog-wrap a.pblog-link,
	.pblog-wrap a.pblog-link:hover,
	.pblog-wrap a.pblog-link:focus {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		color: #000000;
		text-decoration: none;
	}
	.pblog-wrap .pblog-link svg {
		transition: transform 0.3s ease;
		color: #000;
	}
	.pblog-wrap .pblog-link:hover svg {
		transform: translateX(4px);
	}
	[dir="rtl"] .pblog-wrap .pblog-link svg {
		transform: scaleX(-1);
	}
	[dir="rtl"] .pblog-wrap .pblog-link:hover svg {
		transform: scaleX(-1) translateX(4px);
	}
 
/* ----- Arrows ----- */
	.pblog-wrap .pblog-arrow {
		display: flex;
		justify-content: center;
		gap: 14px;
		margin-top: 40px;
	}
	.pblog-wrap .pblog-arrow button {
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		line-height: 0;
	}
	.pblog-wrap .pblog-arrow button.slick-disabled {
		opacity: 0.35;
		cursor: default;
		pointer-events: none;
	}
	.pblog-wrap .pblog-arrow button.slick-hidden {
		display: none;
	}

	/* ----- Dots (agar dots="yes" ho) ----- */
	.pblog-wrap .slick-dots {
		display: flex;
		justify-content: center;
		gap: 8px;
		margin: 20px 0 0;
		padding: 0;
		list-style: none;
	}
	.pblog-wrap .slick-dots button {
		width: 10px;
		height: 10px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #c9c9c9;
		font-size: 0;
	}
	.pblog-wrap .slick-dots .slick-active button {
		background: #1a1a1a;
	}
	.our-blog-arrow button {
		border: 1px solid #ccc;
		padding: 18px;
		border-radius: 100%;
		cursor: pointer;
	}
	.our-blog-arrow button.our-blog-next.slick-arrow {
		background: #1A1C26;
		opacity: 1;
	}
	.our-blog-arrow button:hover {
		background: #1A1C26;
	}
	.our-blog-arrow button:focus {
		background: #1A1C26;
	}
	.our-blog-arrow button:hover img {
		fill: red;
		filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(12deg) brightness(108%) contrast(101%);
	}
	/* ----- About Page Style ----- */

	.e-n-accordion-item-title-text span {
		color: #737475;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		text-transform: capitalize;
	}
	.e-n-accordion-item-title-text {
		display: flex;
		gap: 15px;
	}


	.contact-detail p strong {
		color: #231F20;
		font-size: 20px;
		font-family: 'Euclid Circular A', sans-serif !important;
		font-weight: 400;
	}

/* ============================================================
   MAIN FORM
============================================================ */

	.sell-form {
		width: 100%;
		font-family: 'Poppins', sans-serif;
		color: #111;
	}

	/* Change font here if needed:
	   font-family: 'Youth', sans-serif;
	*/


	/* Remove CF7 default spacing */
	.sell-form p {
		margin: 0;
	}

	.sell-form br {
		display: none;
	}

	.sell-form .wpcf7-form-control-wrap {
		display: block;
		width: 100%;
	}


/* ============================================================
   LAYOUT
============================================================ */

	.sell-form__top-grid {
		display: flex;
		gap: 130px;
		margin-bottom: 48px;
		justify-content: space-between;
	}
	.sell-form__top-grid .sell-form__group.left {
		width: 60%;
	}
	.sell-form__top-grid .sell-form__group.right {
		width: 40%;
	}
	.sell-form__grid {
		display: grid;
		gap: 35px;
	}

	.sell-form__grid--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sell-form__grid--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sell-form__section {
		margin-top: 58px;
	}

	.sell-form__status-row {
		margin-top: 42px;
		margin-bottom: 34px;
	}

	.sell-form__contact-row {
		margin-top: 34px;
	}


/* ============================================================
   HEADINGS
============================================================ */

	.sell-form__heading,
	.sell-form__section-heading {
		margin: 0 0 22px;

		color: #111;

		font-family: inherit;
		font-size: 16px;
		font-weight: 500;

		line-height: 1.3;

		letter-spacing: 0.2px;

		text-transform: uppercase;
	}

	.sell-form__section-heading {
		margin-bottom: 32px;
	}


/* ============================================================
   NORMAL INPUTS
============================================================ */

	.sell-form input[type="text"], .sell-form input[type="email"], .sell-form input[type="tel"], .sell-form input[type="number"], .sell-form select{
		display: block;
		width: 100%;
		height: 40px;
		padding: 0 0 8px;
		border: 0;
		border-bottom: 1px solid #ddd;
		border-radius: 0;
		background: transparent;
		color: #111;
		font-family: inherit;
		font-size: 15px;
		font-weight: 400;
		box-shadow: none;
		outline: none;
		box-sizing: border-box;
		transition: border-color 0.2s ease;
	}

	.sell-form input::placeholder {
		color: #888;
		opacity: 1;
	}

	.sell-form input[type="text"]:focus,
	.sell-form input[type="email"]:focus,
	.sell-form input[type="tel"]:focus,
	.sell-form input[type="number"]:focus,
	.sell-form select:focus {
		border-bottom-color: #000;
		outline: none;
		box-shadow: none;
	}


	/* Remove number field arrows */

	.sell-form input[type="number"]::-webkit-inner-spin-button,
	.sell-form input[type="number"]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	.sell-form input[type="number"] {
		-moz-appearance: textfield;
	}


/* ============================================================
   SELECT
============================================================ */

	.sell-form__select {
		position: relative;
	}

	.sell-form__select::after {
		content: "";

		position: absolute;

		top: 13px;
		right: 4px;

		width: 6px;
		height: 6px;

		border-right: 1px solid #777;
		border-bottom: 1px solid #777;

		transform: rotate(45deg);

		pointer-events: none;
	}

	.sell-form select {
		padding-right: 25px;

		appearance: none;
		-webkit-appearance: none;

		cursor: pointer;
	}


/* ============================================================
   RADIO BUTTON PILLS
============================================================ */

	.sell-form__pills .wpcf7-radio {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.sell-form__pills .wpcf7-list-item {
		margin: 0;
	}

	.sell-form__pills .wpcf7-list-item label {
		position: relative;
		display: inline-block;
		margin: 0;
		cursor: pointer;
	}


/* Hide native radio */
	.sell-form__pills input[type="radio"] {
		position: absolute;

		width: 1px;
		height: 1px;

		opacity: 0;

		pointer-events: none;
	}


/* Visible pill */
	.sell-form__pills .wpcf7-list-item-label{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 30px;
		padding: 7px 17px;
		border: 1px solid #d8d8d8;
		border-radius: 999px;
		background: #fff;
		color: #777;
		font-family: inherit;
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		white-space: nowrap;
		transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
	}


/* Selected radio */
	.sell-form__pills input[type="radio"]:checked
	+ .wpcf7-list-item-label {
		background: #000;
		border-color: #000;
		color: #fff;
	}

	.sell-form__pills .wpcf7-list-item-label:hover {
		border-color: #888;
	}


/* ============================================================
   BEDROOM BUTTONS
============================================================ */

/* Numbers become circles */
	.sell-form__bedrooms
	.wpcf7-list-item:not(:first-child)
	.wpcf7-list-item-label {
		width: 29px;
		height: 29px;

		min-height: 29px;

		padding: 0;

		border-radius: 50%;
	}


/* Studio remains pill */
	.sell-form__bedrooms
	.wpcf7-list-item:first-child
	.wpcf7-list-item-label {
		min-width: 58px;
	}


/* ============================================================
   UPLOAD
============================================================ */

	.sell-form__upload-section {
		margin-top: 62px;
	}

	.sell-form__upload-box {
		position: relative;

		display: flex;

		align-items: center;
		justify-content: center;

		width: 100%;
		min-height: 280px;

		padding: 30px;

		border: 1px dashed #d4d4d4;

		background: #fff;

		box-sizing: border-box;

		cursor: pointer;

		transition:
			border-color 0.2s ease,
			background 0.2s ease;
	}

	.sell-form__upload-box:hover {
		border-color: #999;
		background: #fdfdfd;
	}

	.sell-form__upload-inner {
		display: flex;

		flex-direction: column;

		align-items: center;
		justify-content: center;

		text-align: center;
	}

	.sell-form__upload-icon {
		width: 28px;
		height: 28px;

		margin-bottom: 10px;

		color: #111;
	}
	.sell-form__upload-title {
		color: #111;
		font-size: 15px;
		font-weight: 600;
	}
	.sell-form__upload-note {
		margin-top: 3px;
		color: #888;
		font-size: 9px;
	}

	.sell-form__file-name {
		display: none;
		margin-top: 10px;
		color: #333;
		font-size: 10px;
		font-weight: 500;
	}


/* Make file input cover upload box */

	.sell-form__upload-box .wpcf7-form-control-wrap {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.sell-form__upload-box input[type="file"] {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}


	/* ============================================================
	   SUBMIT
	============================================================ */
	.sell-form__submit {
		display: flex;
		justify-content: flex-end;
		margin-top: -30px;
	}

	.sell-form input[type="submit"] {
		min-width: 105px;
		height: 40px;
		padding: 0 30px;
		border: 0;
		border-radius: 0;
		background: #000;
		color: #fff;
		font-family: inherit;
		font-size: 15px;
		font-weight: 500;
		cursor: pointer;
		box-shadow: none;
		transition: background 0.2s ease;
	}

	.sell-form input[type="submit"]:hover {
		background: #222;
	}


/* ============================================================
   VALIDATION
============================================================ */

	.sell-form .wpcf7-not-valid {
		border-bottom-color: #C43032 !important;
	}

	.sell-form .wpcf7-not-valid-tip {
		margin-top: 5px;

		color: #C43032;

		font-size: 10px;
		line-height: 1.3;
	}


/* ============================================================
   RESPONSE MESSAGE
============================================================ */

	.wpcf7 form .wpcf7-response-output {
		margin: 25px 0 0;

		padding: 12px 15px;

		border: 1px solid #ddd;
		border-radius: 0;

		font-size: 11px;

		color: #333;
	}

	.wpcf7 form.sent .wpcf7-response-output {
		border-color: #46b450;
	}

	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output,
	.wpcf7 form.payment-required .wpcf7-response-output {
		border-color: #C43032;
	}
	/* Property estimate form: left-align submit button */
	.sell-form .sell-form__submit--left {
		justify-content: flex-start;
		margin-top: 50px;
	}

/* ============================================================
   CF7 SPINNER
============================================================ */

	.sell-form .wpcf7-spinner {
		margin-left: 20px;
		position: absolute;
	}
	#flags, #google_language_translator {
		pointer-events: none !important;
	}

/* ----- Responsive ----- */

@media (max-width: 1680px) {

	.pt-100 {
		padding-top: 80px !important;
	} 
	.pb-100 {
		padding-bottom: 80px !important;
	} 

	h1 {
    font-size: 45px !important;
    line-height: 55px !important;
    }
	    h2 {
        font-size: 38px !important;
        line-height: 48px !important;
    }
	h3 {
    font-size: 26px !important;
    }
	h4 {
    font-size: 20px !important;
    line-height: 25px !important;
    }
	h5 {
    font-size: 14px !important;
    line-height: 16px !important;
    }
	body, p, li, a {
    font-size: 14px;
	}
	.large-text p {
    font-size: 22px;
	}
	.pblog-wrap a.pblog-title, .pblog-wrap a.pblog-title:hover, .pblog-wrap a.pblog-title:focus {
		font-size: 20px;
	}
	.white-button .elementor-button-text {
    font-size: 14px;
    }
	.black-button .elementor-button-text {
    font-size: 14px;
    }
	.pblog-wrap a.pblog-title, .pblog-wrap a.pblog-title:hover, .pblog-wrap a.pblog-title:focus {
    font-size: 20px;
	}
	#my-header .e--pointer-underline .elementor-item:after {
    left: 0;
    bottom: -6px;
    }	
 }
@media (max-width: 1280px) {
	    h1 {
        font-size: 55px !important;
        line-height: 65px !important;
    }
	    h2 {
        font-size: 32px !important;
        line-height: 42px !important;
    }
	    h4 {
		font-size: 16px !important;
		line-height: 24px !important;
		}
	    .black-button .elementor-button-text {
        font-size: 12px;
	}
	  h5 {
        font-size: 13px !important;
        line-height: 15px !important;
    }
	    .large-text p {
        font-size: 18px;
    }
	    h3 {
        font-size: 22px !important;
    }
}
@media (max-width: 1032px) {
	
		.pt-100 {
		padding-top: 50px !important;
	} 
	.pb-100 {
		padding-bottom: 50px !important;
	} 
	.our-services-slider:not(.slick-initialized) .our-services-item { flex: 0 0 50%; }
		.our-services-title { font-size: 20px; }
		.pcat-archive__grid { grid-template-columns: repeat(2, 1fr); }
	
	    .sell-form__grid--3 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .sell-form__top-grid {
        gap: 40px;
    }
	#hero-banner .e-con {
    padding: 0 0;
    }
	#hero-banner .banner-container {
    padding: 0 50px;
	 }
		#hero-banner .e-con.explore-sec {
		left: 10px;
	}
		#hero-banner .line {
		margin-left: 20px;
	}
	    h1 {
        font-size: 50px !important;
        line-height: 60px !important;
    }
	    h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
		h3 {
			font-size: 22px !important;
		}
		body, .elementor-button {
		font-size: 15px !important;
		}
	    .large-text p {
        font-size: 18px;
    }
	}

/* Mobile style  */

@media (max-width: 767px) {
	    .large-text p {
        font-size: 16px;
    }
	    .white-button .elementor-button-text {
        font-size: 12px;
    }
    #flags a.flag,
    #flags a.nturl {
        font-size: 11px;
    }
    #flags li#English a { padding: 6px 12px 6px 0 !important; }
    #flags li#Arabic a  { padding: 6px 0 6px 12px !important; }
	
	.our-services-slider:not(.slick-initialized) .our-services-item { flex: 0 0 100%; }
	.our-services-num { font-size: 30px; }
	.our-services-title { font-size: 18px; }
	
		.pcat-archive__grid { grid-template-columns: 1fr; }
	
		.pcat-row {
		margin-bottom: 40px;
	}
 
	.pcat-row--pair-a,
	.pcat-row--pair-b {
		flex-direction: column;
		gap: 0;
	}
	.pcat-col {
		display: contents;
	}
 
	.pcat-a-media { order: 1; }
	.pcat-a-text  { order: 2; }
	.pcat-b-media { order: 3; }
	.pcat-b-text  { order: 4; }
 
	.pcat-row .pcat-media {
		flex: none;
		aspect-ratio: 4 / 3;
	}
	.pcat-row .pcat-text {
		margin: 16px 0 30px;
		text-align: start;
	}
	.pcat-wrap .pcat-title {
		font-size: 22px;
	}
	 .sell-form__top-grid,
    .sell-form__grid--3,
    .sell-form__grid--2 {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .sell-form__top-grid {
        margin-bottom: 35px;
		display: block;
    }
    .sell-form__top-grid .sell-form__group.left {
    width: 100%;
	}
			.sell-form__section {
			margin-top: 20px;
		}
	.sell-form__top-grid .sell-form__group.right {
		width: 100%;
		margin-top: 20px;
	}
    .sell-form__status-row {
        margin-top: 35px;
        margin-bottom: 28px;
    }

    .sell-form__section-heading,
    .sell-form__heading {
        font-size: 15px;
    }

    .sell-form__upload-box {
        min-height: 220px;
    }
	.pt-100 {
		padding-top: 30px !important;
	} 
	.pb-100 {
		padding-bottom: 30px !important;
	} 
	      h1 {
        font-size: 25px !important;
        line-height: 30px !important;
    }
	    h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
	    h3 {
        font-size: 18px !important;
    }
	    h4 {
        font-size: 15px !important;
        line-height: 20px !important;
    }
	.sell-form__top-grid .sell-form__group.left {
    width: 100%;
}
	.sell-form__submit {
    justify-content: flex-start;
    margin-top: 10px;
}
	    h3 {
        font-size: 20px !important;
    }
}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 480px) {

    .sell-form__pills .wpcf7-radio {
        gap: 6px;
    }

    .sell-form__pills .wpcf7-list-item-label {
        padding: 7px 12px;
        font-size: 10px;
    }

    .sell-form__bedrooms
    .wpcf7-list-item:not(:first-child)
    .wpcf7-list-item-label {
        width: 28px;
        height: 28px;

        padding: 0;
    }

    .sell-form__upload-box {
        min-height: 190px;
        padding: 20px;
    }
}