@import 'assets/css/bootstrap-rtl-4.5.3.min.css';
@import 'assets/css/fontawesome-6.4.2.min.css';
@import 'assets/css/helper-4.0.0.min.css';
@import 'assets/css/magnific-popup-1.1.0.min.css';
:root {
	color-scheme: light only;
	color: #571c32;
}
::selection {
	background-color: #571c32;
	color: #c49f58;
	-webkit-text-fill-color: #c49f58;
}
header{
    min-height: 96px;
}
.headerbg{
	z-index: 200;
	position: relative;
    transition: .8s;
	padding: 10px 0;
}
.headerbg .navbar-brand img{
	height: 60px;
}
@media(min-width: 992px){
    .headerbg .navbar-nav > .nav-item + .nav-item{
        margin-right: 25px;
    }
}
.headerbg .navbar-nav > .nav-item .nav-link{
    font-size: 17px;
	font-weight: 500;
    color: #fff;
	padding: 0;
	white-space: nowrap;
}
/* Nav has 8 entries + buttons: the buttons and the EN toggle stay on the menu row (never wrap under it) and the menu keeps a gap from the logo. */
@media(min-width: 1200px){
    .headerbg .navbar-brand{
        margin-inline-end: 28px;
        flex-shrink: 0;
    }
    .headerbg .navbar-collapse > .d-flex{
        flex-wrap: nowrap !important;
        flex-shrink: 0;
    }
    .headerbg .navbar-collapse .btn{
        white-space: nowrap;
    }
    .headerbg #accountDropdown{
        max-width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* Tighten spacing on mid-width desktops (container is 1180-1380px there). */
@media(min-width: 1200px) and (max-width: 1599px){
    .headerbg .navbar-nav > .nav-item .nav-link{
        font-size: 15px;
    }
    .headerbg .navbar-nav > .nav-item + .nav-item{
        margin-right: 16px;
    }
    .headerbg .navbar-brand img{
        height: 50px;
    }
    .headerbg .navbar-collapse .btn{
        font-size: 13px;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}
@media(min-width: 1200px) and (max-width: 1290px){
    .headerbg .navbar-nav > .nav-item .nav-link{
        font-size: 14px;
    }
    .headerbg .navbar-nav > .nav-item + .nav-item{
        margin-right: 12px;
    }
}
.headerbg .navbar-nav > .nav-item .nav-link:hover{
	color: #c49f58;
}
.headerbg .navbar-nav > .nav-item.active .nav-link{
	color: #c49f58;
	font-weight: 700;
}
.headerbg .navbar-nav .dropdown-menu{
	width: 200px;
}
.headerbg .navbar-nav .dropdown-menu .dropdown-item{
	white-space: inherit;
	line-height: 20px;
}
.headerbg .iconbars{
	min-width: 30px;
	min-height: 30px;
}
.headerbg .iconbars span + span{
	margin-top: 5px;
}
.headerbg .iconbars span{
	display: block;
	width: 30px;
	height: 4px;
	border-radius: 50px;
	background-color: #c49f58;
	transition: .4s;
}
.headerbg .iconbars span:nth-child(2){
	width: 20px;
}
.headerbg .iconbars.active span:nth-child(1){
	transform: rotate(-45deg)translateY(10px)translateX(-5px)
}
.headerbg .iconbars.active span:nth-child(3){
	transform: rotate(45deg)translateY(-2px)translateX(4px);
}
.headerbg .iconbars.active span:nth-child(2){
	display: none;
}
.styledropdown .dropdownuser .dropdown-menu{
	padding: 0;
	border-radius: 3px;
	min-width: 175px;
}
.styledropdown .dropdownuser .dropdown-toggle{
	padding-left: 35px !important;
}
.styledropdown .dropdownuser .dropdown-toggle::after{
	left: 10px;
	top: 9px;
}
.styledropdown .dropdownuser .dropdown-item{
	display: flex;
	align-items: center;
	padding: 12px 10px;
}
.styledropdown .dropdownuser li + li{
	border-top: 1px solid #00000011;
}
.styledropdown .dropdownuser .dropdown-item [class^="fa"]{
	flex: 0 0 40px;
	text-align: center;
}
.headerbg.sticky{
    position: fixed;
    top: 0;
    left: 0;
	padding: 0;
}
.headerbg.sticky .navbar{
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.headerbg.sticky .navbar-brand img{
	height: 50px;
}
.sidenav {
	z-index: 1001;
	transition: 0.3s;
	top: 0;
	right: -350px;
	width: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.sidenav.active{
	right: 0;
}
.sidenav::-webkit-scrollbar {
	display: none;
}
.sidenav .navbar-nav .nav-item .nav-link{
	color: #090408;
	font-weight: 500;
	padding: 12px 0 12px 30px;
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.sidenav .navbar-nav .nav-item .nav-link:hover{
	color: #c49f58;
}
.sidenav .navbar-nav .nav-item.active .nav-link{
	background-color: transparent;
	color: #c49f58;
	font-weight: 700;
}
.sidenav .navbar-nav + .navbar-nav,
.sidenav .navbar-nav .nav-item + .nav-item{
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.sidenav .navbar-nav .nav-item .nav-link.dropdown-toggle::after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    border: 0;
}
.sidenav .navbar-nav .dropdown-menu{
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: .1s;
    transform: translateY(-10px) !important;
    position: relative !important;
    background-color: #eeeeee;
	border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 100%;
}
.sidenav .navbar-nav .dropdown-menu.show{
    visibility: visible;
    opacity: 1;
    height: 100%;
    transform: translateY(0) !important;
}
.sidenav .navbar-nav .dropdown-menu .dropdown-item{
    padding: 10px 20px;
}
.sidenav .navbar-nav .dropdown-menu .dropdown-item:hover{
    background-color: #bf9b2e;
    color: #fff;
}
#sidebody{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(21, 21, 21, 0.8);
	transition: .45s;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
}
#sidebody.active{
	z-index: 1000;
	opacity: 1;
	visibility: visible;
}
body.stop{
	overflow: hidden;
}
.sliderindex.sliderindex__fullheight,
.sliderindex__fullheight .sliderindex__slide{
	height: calc(100vh - 96px);
}
.sliderindex.sliderindex__fullheight .sliderslick,
.sliderindex.sliderindex__fullheight .sliderindex__about__bg{
	top: 0;
	right: 0;
	z-index: 1;
}
.sliderindex.sliderindex__fullheight .sliderslick::after{
	position: absolute;
	content: '';
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	top: 0;
	right: 0;
}
.sliderindex__slide::before{
	position: absolute;
	content: '';
	z-index: 4;
	width: 100%;
	height: 100%;
	background-image: url(assets/img/slider-shpae.svg);
	background-repeat: no-repeat;
	background-position: 30%;
	background-size: 135% auto;
	mix-blend-mode: hard-light;
	transform: scale(1, -1);
	overflow: hidden;
}
.sliderindex__about .sliderindex__slide::before{
	background-image: url(assets/img/slider-shpae-2.svg);
	transform: scale(-1, -1);
	background-color: #0000007a;
	opacity: 0.9;
	mix-blend-mode: normal;
	background-size: 100% auto;
}
.sliderindex__slide__content{
	z-index: 5;
}
.sliderindex__down{
	z-index: 10;
	bottom: 35px;
	right: calc(50% - 50px);
}
.sliderindex__snowballs {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
	opacity: 0.7;
    overflow: hidden;
}
.sliderindex__snowballs .snowball {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    animation-name: floatDust;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes floatDust {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(15px, -15px);
    }
    50% {
        transform: translate(30px, 10px);
    }
    75% {
        transform: translate(-10px, 20px);
    }
    100% {
        transform: translate(-20px, -10px);
    }
}
.breadcrumb{
	background-color: transparent;
	padding: 0;
}
.breadcrumb-item.active,
.breadcrumb-item a:hover,
.breadcrumb-item + .breadcrumb-item.active::before{
    color: #c49f58;
}
.breadcrumb-item + .breadcrumb-item::before{
    content: '\f060';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    padding-right: 2px;
	padding-left: 12px;
	margin-top: 3px;
}
.boxshadow5{
	box-shadow: 0 5px 15px 0 rgba(40, 40, 43, 0.136);
}
.boxshadow4{
	box-shadow: 0px 4px 25px rgb(0 0 0 / 8%);
}
.btn{
    font-weight: 600;
}
.btn,
.notext{
	font-feature-settings: "ss02";
}
.buttonwhatsapp{
	z-index: 9;
	bottom: -50px;
	left: 60px;
	transition: .5s;
}
.buttonwhatsapp.onleft{
	bottom: 15px;
	display: block;
}
.scroll-to-top.endpage,
.buttonwhatsapp.endpage{
	bottom: 0;
}
.scroll-to-top.endpage{
	left: 0;
	border-radius: 0 8px 0 0;
}
.buttonwhatsapp.endpage{
	left: 45px;
}
.buttonwhatsapp.endpage .btn{
	height: 40px;
	border-radius: 8px 8px 0 0 !important;
}
.singlecontentbg {
	line-height: 1.8;
	font-size: 20px;
}
.singlecontentbg h1,
.singlecontentbg h2,
.singlecontentbg h3,
.singlecontentbg h4,
.singlecontentbg h5,
.singlecontentbg h6 {
	font-weight: 800;
	margin-top: 30px;
	margin-bottom: 15px;
	line-height: 1.6;
	position: relative;
	padding-bottom: 12px;
}
.singlecontentbg h1 { font-size: 36px; }
.singlecontentbg h2 { font-size: 30px; }
.singlecontentbg h3 { font-size: 24px; }
.singlecontentbg h4 { font-size: 20px; }
.singlecontentbg h5 { font-size: 18px; }
.singlecontentbg h6 { font-size: 16px; }
.singlecontentbg h1::after,
.singlecontentbg h2::after,
.singlecontentbg h3::after,
.singlecontentbg h4::after,
.singlecontentbg h5::after,
.singlecontentbg h6::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 3px;
	background: linear-gradient(40deg, var(--color-primary, #c49f58), var(--color-secondary, #571c32));
	border-radius: 3px;
}
.singlecontentbg p {
	margin-bottom: 20px;
}
.singlecontentbg p:last-child {
	margin-bottom: 0;
}
.singlecontentbg ul,
.singlecontentbg ol {
	list-style: none;
	padding-right: 0;
	padding-left: 0;
	margin-top: 1rem;
	margin-bottom: 1.75rem;
}
.singlecontentbg ul li,
.singlecontentbg ol li {
	position: relative;
	padding-right: 32px;
	margin-bottom: 12px;
}
.singlecontentbg ul li::before {
	content: '';
	position: absolute;
	right: 0;
	top: 7px;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23571c32' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.singlecontentbg strong,
.singlecontentbg b {
	font-weight: 700;
}
.singlecontentbg a {
	color: #c49f58;
	text-decoration: none;
	font-weight: 700;
	transition: all 0.3s ease;
}
.singlecontentbg a:hover {
	color: #571c32;
}
.singlecontentbg blockquote {
	background: linear-gradient(135deg, #1b0a2a 0%, #2e0e47 50%, #441366 100%);
	border-right: 4px solid var(--color-secondary, #571c32);
	border-radius: 18px;
	padding: 2rem 2.5rem;
	margin: 2.5rem 0;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.7;
	box-shadow: 0 10px 30px rgba(139, 69, 255, 0.15);
	position: relative;
	overflow: hidden;
}
.singlecontentbg blockquote p {
	margin-bottom: 0;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
}
.singlecontentbg img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
	margin: 1.5rem 0;
}
.modal-backdrop{
	background-color: #161c2d;
}
.modal-backdrop.show{
	opacity: .5;
}
.cursor-effect {
	display: none;
}
@media (any-pointer: fine) {
	.cursor-effect {
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		display: block;
		pointer-events: none;
		opacity: 0;
	}
	.cursor-effect-inner {
		fill: none;
		stroke: #c49f58;
		stroke-width: 2px;
	}
}
.text-white-70{
	color: rgba(255, 255, 255, 0.7);
}
.fa-w30{
	width: 30px;
}
.rounded-30{
	border-radius: 30px;
}
.rounded-bottom-30{
	border-bottom-right-radius: 26px;
	border-bottom-left-radius: 26px;
}
.boxprojects{
	margin-top: calc(100px + 10px);
}
.boxprojects::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	border-radius: 30px;
	background-color: #571c32;
}
.boxprojects:hover::before{
	opacity: 1;
	visibility: visible;
	height: 100%;
	transition: .5s;
}
.boxprojects:hover .text-secondary:not(.boxprojects__label){
	color: #c49f58 !important;
}
.boxprojects:hover .text-dark{
	color: #fff !important;
}
.boxprojects > *{
	position: relative;
	z-index: 4;
}
.boxprojects:hover{
	color: #fff;
	transform: translateY(-10px);
	box-shadow: 0 10px 30px 0 rgba(40, 40, 43, 0.2);
}
.boxprojects .bg-secondary{
	box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.15);
}
.boxprojects__image{
	top: -100px;
	margin-bottom: -100px;
}
.boxprojects__label{
	z-index: 8;
	top: calc(-100px - 20px);
	right: 50%;
	transform: translateX(50%);
}
.bg-primary-gra{
	background: linear-gradient(180deg, #dfb76d 0%, #aa8b51 100%);
}
.bg-light-gra{
	background: linear-gradient(180deg, #e2e6ea 0%, #9d9ea0 100%);
}
.sliderslick__custom .slick-prev{
	right: 0;
}
.sliderslick__custom .slick-next{
	left: 0;
}
.sliderslick__custom .slick-prev:before,
.sliderslick__custom .slick-next:before{
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
}
.video__container .icon{
	z-index: 5;
	top: 0;
	right: 0;
}
.bg-primary a,
.bg-secondary a{
	color: #fff;
}
.bg-primary a:hover,
.bg-secondary a:hover{
	opacity: 0.8;
}
.svgblock2 svg{
	transform: rotate(180deg);
}
.sliderslick__dots{
	padding-bottom: 30px;
}
.sliderslick__dots .slick-dots li.slick-active button{
	width: 50px;
	border-radius: 10px;
}
.boxpartners{
	padding: 20px;
    height: 150px;
}
.boxpartners img{
    max-height: calc(150px - 20px - 20px);
}
.footerbg .sharesocial li + li{
	margin-right: 10px;
}
.footerbg .sharesocial li a{
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 26px;
}
.footerbg a{
	color: rgba(255, 255, 255, 0.7);
}
.footerbg a:hover{
	color: #c49f58;
}
.footerbg .border-bottom{
	border-color: rgba(255, 255, 255, 0.2) !important;
}
aside{
	position: relative;
	z-index: 2;
}
.footerbg{
	bottom: 0;
	right: 0;
	z-index: 1;
}
.customphoto__sectionfull{
	height: 100%;
}

/* ============================================================
   Inner Pages - Page Title & Breadcrumb
============================================================ */
.pagetitle{
	position: relative;
	background: radial-gradient(circle at 85% 20%, rgba(196, 159, 88, 0.16) 0%, transparent 55%),
	            radial-gradient(circle at 15% 70%, rgba(196, 159, 88, 0.08) 0%, transparent 50%),
	            linear-gradient(135deg, #38101f 0%, #571c32 50%, #421325 100%);
	min-height: 350px;
	display: flex;
	align-items: center;
	padding: 60px 0 80px;
	overflow: hidden;
}
.pagetitle .container{
	position: relative;
	z-index: 3;
	width: 100%;
}
.pagetitle__title{
	line-height: 1.3;
}
.pagetitle__divider{
	width: 45px;
	height: 3px;
	background: #c49f58;
	border-radius: 3px;
}
.pagetitle .breadcrumb-nav{
	font-feature-settings: "ss02";
}
.pagetitle .breadcrumb-nav .breadcrumb{
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.pagetitle .breadcrumb-item,
.pagetitle .breadcrumb-item a{
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	transition: .3s;
}
.pagetitle .breadcrumb-item a:hover{
	color: #c49f58;
}
.pagetitle .breadcrumb-item.active{
	color: #c49f58;
	font-weight: 700;
}
.pagetitle .breadcrumb-item + .breadcrumb-item::before{
	content: '\f104';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 12px;
	color: #c49f58;
	padding-right: 4px;
	padding-left: 10px;
	margin-top: 1px;
}
.pagetitle__shape{
	position: absolute !important;
	bottom: -1px;
	left: 0;
	width: 100%;
	line-height: 0;
	z-index: 2;
	pointer-events: none;
}
.pagetitle__shape svg{
	display: block;
	width: 100%;
	height: 50px;
}
.page-layout{
	min-height: 450px;
	background-color: #fff;
}
.about-section-block {
	position: relative;
}
.about-values-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px 18px;
}
.about-values-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #c49f58;
	color: #ffffff !important;
	font-size: 17px;
	font-weight: 700;
	padding: 9px 24px;
	border-radius: 9px;
	min-width: 100px;
	text-align: center;
	box-shadow: 0 3px 10px rgba(196, 159, 88, 0.2);
	transition: all 0.3s ease;
	user-select: none;
}
.about-values-pill:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(196, 159, 88, 0.35);
}
.about-values-pill.about-values-header {
	background-color: #571c32;
	min-width: 120px;
	box-shadow: 0 3px 10px rgba(87, 28, 50, 0.2);
}
.about-values-pill.about-values-header:hover {
	box-shadow: 0 6px 14px rgba(87, 28, 50, 0.35);
}
.about-cert-card {
	display: block;
	background-color: #571c32;
	border-radius: 14px;
	padding: 22px 20px;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 4px 15px rgba(87, 28, 50, 0.15);
	transition: all 0.35s ease;
	height: 100%;
}
.about-cert-card:hover {
	background-color: #64213a;
	transform: translateY(-4px);
	box-shadow: 0 10px 25px rgba(87, 28, 50, 0.28);
}
.about-cert-title {
	display: block;
	font-size: 22px;
	font-weight: 800;
	color: #c49f58;
	margin-bottom: 6px;
	line-height: 1.35;
	transition: color 0.3s ease;
}
.about-cert-card:hover .about-cert-title {
	color: #d8b46e;
}
.about-cert-action {
	display: block;
	font-size: 13.5px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.85);
	letter-spacing: 0.5px;
	transition: color 0.3s ease;
}
.about-cert-card:hover .about-cert-action {
	color: #ffffff;
}
@media (max-width: 991px) {
	.about-values-wrapper {
		gap: 10px 12px;
	}
	.about-values-pill {
		font-size: 15.5px;
		padding: 8px 18px;
		min-width: 85px;
	}
	.about-values-pill.about-values-header {
		min-width: 105px;
	}
}
@media (max-width: 767px) {
	.about-cert-card {
		padding: 18px 15px;
	}
	.about-cert-title {
		font-size: 19px;
	}
	.about-cert-action {
		font-size: 13px;
	}
}
.boxservices{
	background-color: rgba(0, 0, 0, 0.05);
}
.boxservices:hover{
	transform: translateY(-5px);
	background-color: rgba(0, 0, 0, 0.1);
}
.sliderfilterbuttons__style button + button{
	margin-right: 10px;
}
.sliderfilterbuttons__style button{
	background-color: #c49f5830;
	border: 0;
	padding: 10px 26px;
	border-radius: 50px;
	color: #c49f58;
	font-size: 17px;
	margin-bottom: 10px;
}
.sliderfilterbuttons__style button:hover{
	background-color: #c49f5880;
}
.sliderfilterbuttons__style button.is-checked{
	background-color: #c49f58;
	color: #fff;
	padding: 10px 36px;
}
.sliderfilterbuttons__style__colors .color1.is-checked,
.available .bg-color1{
    background-color: #22be5c;
}
.sliderfilterbuttons__style__colors .color2.is-checked,
.bookedup .bg-color1{
    background-color: #313E47;
}
.sliderfilterbuttons__style__colors .color3.is-checked,
.sold .bg-color1{
    background-color: #cd4747;
}
.sliderfilterrow__style{
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}
.sliderfilterrow__style > div{
    flex: 0 0 33.33%;
    max-width: 33.33%;
	width: 33.33%;
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom: 45px;
}
/* Responsive */
@media (max-width: 1340px) {
	header{min-height: 76px;}
	.headerbg .navbar-brand img{height: 40px;}
}
/* Narrow phones: the logo shrinks so the menu icon stays beside it instead of dropping under it. */
@media (max-width: 575.98px) {
	.headerbg .navbar{flex-wrap: nowrap;}
	.headerbg .navbar-brand{min-width: 0;flex: 0 1 auto;max-width: calc(100% - 46px);}
	.headerbg .navbar-brand img{height: auto;max-height: 40px;max-width: 100%;}
}
@media (max-width: 1120px) {
	.sliderindex__down{display: none;}
	.sliderindex.sliderindex__fullheight,.sliderindex__fullheight .sliderindex__slide{min-height: 500px;height: auto;}
}
@media (max-width: 992px) {
	.pagetitle{min-height: 280px;padding: 60px 0 55px;}
	.pagetitle__shape svg{height: 35px;}
	.customphoto__sectionfull{height: 400px;}
	.sliderindex.sliderindex__fullheight,.sliderindex__fullheight .sliderindex__slide{min-height: 350px;}
	.sliderindex__slide__content{padding-top: 50px;padding-bottom: 50px;}
	.sliderindex__slide::before{background-size: 170% auto;}
}
@media (max-width: 768px) {
	.pagetitle{min-height: 250px;padding: 50px 0 45px;}
	.page-layout{min-height: 350px;}
	.sliderindex__slide::before{background-size: 220% auto;}
	.sliderindex__slide__content .btn{display: block;width: 100%;}
}
@media (max-width: 500px) {
	.customphoto__sectionfull{height: 300px;}
}
@media (max-width: 375px) {
}
@media (min-width: 1200px) {
	.container{max-width: 1180px;}
}
@media (min-width: 1300px) {
	.container{max-width: 1260px;}
}
@media (min-width: 1440px) {
	.container{max-width: 1380px;}
}
@media (min-width: 1600px) {
	.container{max-width: 1480px;}
}

/* ==========================================================================
   Interactive Projects Map (Leaflet & MarkerCluster)
   ========================================================================== */
@import 'assets/css/leaflet.css';
@import 'assets/css/MarkerCluster.css';
@import 'assets/css/MarkerCluster.Default.css';

.projects-map-wrapper {
	position: relative;
	width: 100%;
	background-color: #571c32;
	overflow: hidden;
}
.projects-map-container {
	position: relative;
	width: 100%;
	height: 520px;
	z-index: 1;
}
@media (max-width: 768px) {
	.projects-map-container {
		height: 420px;
	}
}

/* Custom Marker Pin */
.custom-project-pin {
	background: transparent !important;
	border: none !important;
}
.project-map-pin-inner {
	display: inline-block;
	cursor: pointer;
	transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35));
}
.project-map-pin-inner:hover {
	transform: scale(1.15) translateY(-4px);
}
.project-map-pin-svg {
	display: block;
}

/* Custom Popup Card matching client design */
.project-map-custom-popup .leaflet-popup-content-wrapper {
	background: #571c32 !important;
	color: #ffffff !important;
	padding: 0 !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
	border: none !important;
}
.project-map-custom-popup .leaflet-popup-content {
	margin: 0 !important;
	line-height: normal !important;
}
.project-map-custom-popup .leaflet-popup-tip-container {
	margin-top: -1px;
}
.project-map-custom-popup .leaflet-popup-tip {
	background: #ffffff !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
	width: 16px !important;
	height: 16px !important;
}
.project-map-popup-card {
	width: 270px;
	background: #571c32;
	border-radius: 18px;
	overflow: hidden;
	direction: rtl;
	text-align: center;
}
.project-map-popup-img-wrap {
	width: 100%;
	height: 175px;
	overflow: hidden;
	background: #2b0b18;
}
.project-map-popup-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.project-map-popup-card:hover .project-map-popup-img {
	transform: scale(1.05);
}
.project-map-popup-body {
	padding: 16px 18px 20px;
}
.project-map-popup-title {
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 0 6px 0 !important;
	line-height: 1.3 !important;
}
.project-map-popup-location {
	color: rgba(255, 255, 255, 0.85) !important;
	font-size: 14px !important;
	margin: 0 !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

/* Cluster Badges Typography */
.marker-cluster div {
	font-family: inherit !important;
	font-weight: 700 !important;
	font-size: 14px !important;
}

/* ==========================================================================
   Request Project Page Styles
   ========================================================================== */
.request-intro-card {
	background: linear-gradient(135deg, #571c32 0%, #3e1223 100%);
	border-radius: 28px;
	padding: 40px 35px;
	color: #ffffff;
	position: relative;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(87, 28, 50, 0.15);
}
.request-intro-badge {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	border-radius: 50px;
	background: rgba(196, 159, 88, 0.2);
	border: 1px solid rgba(196, 159, 88, 0.4);
	color: #e5c98d;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 16px;
}
.request-tag-pill {
	display: inline-block;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #ffffff;
	padding: 8px 24px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 16px;
	transition: 0.3s;
}
.request-tag-pill:hover {
	background: #c49f58;
	color: #ffffff;
	border-color: #c49f58;
}

/* Form Container Card */
.request-form-card {
	background: #ffffff;
	border-radius: 28px;
	padding: 45px 40px;
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(87, 28, 50, 0.08);
}
@media (max-width: 768px) {
	.request-form-card {
		padding: 25px 20px;
	}
	.request-intro-card {
		padding: 30px 20px;
	}
}

/* Required Asterisk */
.req-star {
	color: #e63946;
	font-weight: 700;
	margin-right: 3px;
}

/* Form Groups & Labels */
.form-label-custom {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #571c32;
	margin-bottom: 10px;
}
.form-control-custom {
	width: 100%;
	height: 54px;
	background: #fdfbfc;
	border: 1.5px solid #e7e0e3;
	border-radius: 16px;
	padding: 12px 48px 12px 20px;
	font-size: 16px;
	color: #333333;
	font-family: inherit;
	transition: all 0.3s ease;
	outline: none;
}
.form-control-custom:focus {
	background: #ffffff;
	border-color: #c49f58;
	box-shadow: 0 0 0 4px rgba(196, 159, 88, 0.15);
}
textarea.form-control-custom {
	height: 140px;
	padding-top: 14px;
	resize: vertical;
}

/* Input with Icon Wrapper */
.input-with-icon {
	position: relative;
}
.input-with-icon .input-icon {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #aa8b51;
	font-size: 18px;
	pointer-events: none;
	transition: 0.3s;
}
.input-with-icon textarea + .input-icon {
	top: 22px;
	transform: none;
}
.input-with-icon .form-control-custom:focus + .input-icon {
	color: #571c32;
}

/* Selectable Cards (Property & Project Types) */
.choice-cards-group {
	display: grid;
	gap: 14px;
}
.choice-cards-2 {
	grid-template-columns: repeat(2, 1fr);
}
.choice-cards-3 {
	grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 576px) {
	.choice-cards-2,
	.choice-cards-3 {
		grid-template-columns: 1fr;
	}
}
.choice-card-item {
	position: relative;
	cursor: pointer;
	margin: 0;
}
.choice-card-item input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.choice-card-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background: #fdfbfc;
	border: 2px solid #e7e0e3;
	border-radius: 18px;
	transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
	user-select: none;
}
.choice-card-box:hover {
	border-color: #c49f58;
	background: #fff;
	transform: translateY(-2px);
}
.choice-card-item input[type="radio"]:checked + .choice-card-box {
	border-color: #571c32;
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(87, 28, 50, 0.12);
}
.choice-card-title {
	font-weight: 700;
	font-size: 17px;
	color: #571c32;
	margin: 0;
}
.choice-card-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(196, 159, 88, 0.12);
	color: #aa8b51;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: 0.3s;
}
.choice-card-item input[type="radio"]:checked + .choice-card-box .choice-card-icon {
	background: #571c32;
	color: #ffffff;
}

/* Side Features & Guarantees Box */
.request-side-card {
	background: #ffffff;
	border-radius: 28px;
	padding: 35px 30px;
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(87, 28, 50, 0.08);
}
.feature-item-box {
	display: flex;
	align-items: flex-start;
	padding: 16px 0;
	border-bottom: 1px dashed rgba(87, 28, 50, 0.1);
}
.feature-item-box:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.feature-icon-bubble {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: linear-gradient(135deg, #dfb76d 0%, #aa8b51 100%);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
	margin-left: 16px;
	box-shadow: 0 4px 12px rgba(196, 159, 88, 0.3);
}

/* Success alert box */
.form-success-alert {
	display: none;
	background: #edf7ee;
	color: #1b5e20;
	border-radius: 18px;
	padding: 24px;
	border: 1.5px solid #a5d6a7;
	margin-bottom: 25px;
	box-shadow: 0 8px 24px rgba(46, 125, 50, 0.08);
}

/* ==========================================================================
   Single Project Page Styles
   ========================================================================== */
.single-project-hero {
	min-height: 220px;
	padding: 60px 0 50px;
}
.single-project-hero .project-title-bar {
	border-right: 5px solid #c49f58;
	padding-right: 16px;
	line-height: 1.2;
}
.single-project-location {
	color: #e5c98d;
	font-size: 18px;
	margin-top: 10px;
}

/* Gallery Slider */
.project-gallery-wrapper {
	position: relative;
	border-radius: 26px;
	overflow: hidden;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.09);
	background: #ffffff;
}
.project-gallery-slider .gallery-slide-item img {
	width: 100%;
	height: 440px;
	object-fit: cover;
	display: block;
}
@media (max-width: 768px) {
	.project-gallery-slider .gallery-slide-item img {
		height: 280px;
	}
}
/* Slider Custom Arrows */
.project-gallery-wrapper .slick-prev,
.project-gallery-wrapper .slick-next {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(30, 30, 30, 0.65) !important;
	z-index: 10;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	border: none;
}
.project-gallery-wrapper .slick-prev:hover,
.project-gallery-wrapper .slick-next:hover {
	background: #571c32 !important;
}
.project-gallery-wrapper .slick-prev {
	right: 18px;
}
.project-gallery-wrapper .slick-next {
	left: 18px;
}
.project-gallery-wrapper .slick-prev:before,
.project-gallery-wrapper .slick-next:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 16px;
	color: #ffffff;
	opacity: 1;
}
.project-gallery-wrapper .slick-prev:before {
	content: "\f054"; /* chevron right in RTL */
}
.project-gallery-wrapper .slick-next:before {
	content: "\f053"; /* chevron left in RTL */
}
/* Slider Dots */
.project-gallery-wrapper .slick-dots {
	bottom: 14px;
}
.project-gallery-wrapper .slick-dots li {
	margin: 0 3px;
}
.project-gallery-wrapper .slick-dots li button:before {
	font-size: 10px;
	color: #ffffff;
	opacity: 0.6;
}
.project-gallery-wrapper .slick-dots li.slick-active button:before {
	color: #dfb76d;
	opacity: 1;
}

/* Project Walkthrough Video */
.project-video-card {
	border-radius: 26px;
	overflow: hidden;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
	background: #000;
	margin-top: 24px;
}
.project-video-card video {
	width: 100%;
	height: 320px;
	object-fit: cover;
	display: block;
}
@media (max-width: 768px) {
	.project-video-card video {
		height: 220px;
	}
}

/* Stats 2x3 Grid */
.project-stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin-bottom: 16px;
}
.project-stat-pill {
	background: linear-gradient(135deg, #571c32 0%, #401323 100%);
	border-radius: 20px;
	padding: 16px 12px;
	text-align: center;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 85px;
	transition: all 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.08);
	text-decoration: none !important;
}
.project-stat-pill:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(87, 28, 50, 0.25);
	color: #ffffff;
}
.project-stat-pill .stat-num {
	font-size: 26px;
	font-weight: 800;
	color: #dfb76d;
	line-height: 1.1;
	margin-bottom: 4px;
}
.project-stat-pill .stat-label {
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
}
.project-stat-pill.is-link-box .stat-icon {
	color: #dfb76d;
	font-size: 22px;
	margin-bottom: 4px;
}

/* Action & CTA Buttons */
.btn-project-location {
	background: #571c32;
	color: #ffffff !important;
	border-radius: 50px;
	padding: 14px 24px;
	font-size: 17px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 14px;
	transition: 0.3s ease;
	border: none;
}
.btn-project-location:hover {
	background: #421425;
	box-shadow: 0 6px 20px rgba(87, 28, 50, 0.25);
	transform: translateY(-2px);
}
.btn-project-units-cta {
	background: #1e1e1e;
	color: #ffffff !important;
	border-radius: 50px;
	padding: 15px 24px;
	font-size: 17px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 14px;
	transition: 0.3s ease;
	border: none;
}
.btn-project-units-cta:hover {
	background: #0d0d0d;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	transform: translateY(-2px);
}
.btn-project-whatsapp-cta {
	background: linear-gradient(90deg, #27ba49 0%, #1ea73e 100%);
	color: #ffffff !important;
	border-radius: 50px;
	padding: 12px 64px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	margin-bottom: 14px;
	transition: 0.3s ease;
	box-shadow: 0 8px 24px rgba(39, 186, 73, 0.25);
}
.btn-project-whatsapp-cta > div:last-child {
	position: absolute;
	inset-inline-end: 24px;
	top: 50%;
	transform: translateY(-50%);
}
.btn-project-whatsapp-cta:hover {
	background: linear-gradient(90deg, #22a942 0%, #199435 100%);
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(39, 186, 73, 0.35);
}
.btn-project-call-cta {
	background: #1e1e1e;
	color: #ffffff !important;
	border-radius: 50px;
	padding: 12px 24px;
	text-align: center;
	display: block;
	width: 100%;
	transition: 0.3s ease;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.btn-project-call-cta:hover {
	background: #000000;
	transform: translateY(-2px);
}

/* Units Section */
.section-gold-divider {
	width: 60px;
	height: 4px;
	background: #c49f58;
	border-radius: 4px;
	margin: 12px auto 28px;
}
.unit-filter-pills {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 35px;
}
.unit-filter-pills .pill-btn {
	border: none;
	border-radius: 50px;
	padding: 7px 26px;
	font-size: 16px;
	font-weight: 700;
	background: #571c32;
	color: #ffffff;
	cursor: pointer;
	transition: 0.25s ease;
}
.unit-filter-pills .pill-btn.is-active,
.unit-filter-pills .pill-btn:hover {
	background: #c49f58;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(196, 159, 88, 0.3);
}

/* Unit Cards */
.unit-card-box {
	background: #ffffff;
	border: 1.5px solid #ece8ea;
	border-radius: 24px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	text-align: center;
	height: 100%;
	transition: all 0.3s ease;
}
.unit-card-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(87, 28, 50, 0.1);
	border-color: #dfb76d;
}
.unit-card-inner {
	padding: 24px 20px 20px;
	flex: 1;
}
.unit-badge-pill {
	display: inline-flex;
	align-items: center;
	background: #7d8085;
	color: #ffffff;
	border-radius: 50px;
	padding: 4px 14px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 14px;
}
.unit-card-title {
	font-size: 24px;
	font-weight: 800;
	color: #571c32;
	margin-bottom: 6px;
}
.unit-card-area {
	color: #666666;
	font-size: 15px;
	margin-bottom: 20px;
}
.unit-card-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.unit-card-actions .btn-unit-act {
	background: #571c32;
	color: #ffffff !important;
	border-radius: 12px;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 700;
	border: none;
	transition: 0.25s ease;
	cursor: pointer;
}
.unit-card-actions .btn-unit-act:hover {
	background: #c49f58;
}
.unit-card-status-bar {
	background: #b5b8bd;
	color: #2b2e34;
	font-weight: 800;
	font-size: 16px;
	padding: 14px 20px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
}
.unit-card-status-bar.is-available {
	background: #27ba49;
	color: #ffffff;
}
/* ===== تحسينات أكتوبر 2026: حقول إنجليزية واضحة + كود الدولة + أزرار صفحات الحساب ===== */
input.form-control-custom {
	padding-top: 0;
	padding-bottom: 0;
}

input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
input[inputmode="tel"],
input[inputmode="numeric"],
input[inputmode="email"],
input[inputmode="decimal"],
.text-ltr {
	direction: ltr !important;
	text-align: left !important;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-feature-settings: "locl" 0 !important;
}

/* حقل الهاتف: كود الدولة والعلم في الشمال */
.phone-field {
	position: relative;
}
.phone-field .form-control-custom {
	padding-right: 20px !important;
	padding-left: 110px !important;
}
.phone-field .country-chip {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #f8f2e7;
	border: 1px solid rgba(196, 159, 89, 0.5);
	border-radius: 12px;
	padding: 8px 12px;
	font-size: 14.5px;
	font-weight: 700;
	color: #571c32;
	direction: ltr;
	pointer-events: none;
	line-height: 1;
}
.phone-field .country-chip .flag {
	font-size: 16px;
}
.phone-field .country-chip .code {
	letter-spacing: 0.3px;
}

/* كارت وبطاقة صفحات الحساب (لوجين/تسجيل) */
.auth-form-card {
	padding: 40px 38px;
}
.auth-head {
	text-align: center;
	margin-bottom: 26px;
}
.auth-head-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 18px;
	background: rgba(196, 159, 89, 0.14);
	color: #571c32;
	margin-bottom: 14px;
}
.auth-title {
	font-size: 26px;
	font-weight: 800;
	color: #571c32;
	margin: 0 0 6px;
}
.auth-subtext {
	color: #8a7a80;
	font-size: 14.5px;
	margin: 0;
}
.auth-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 6px;
}
.auth-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 999px;
	padding: 14px 32px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
}
.auth-btn-primary {
	background: linear-gradient(135deg, #d2b164, #c49f59 55%, #a9822f);
	color: #2b0e1b;
	box-shadow: 0 12px 26px rgba(196, 159, 89, 0.35);
}
.auth-btn-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 32px rgba(196, 159, 89, 0.45);
	color: #2b0e1b;
	text-decoration: none;
}
.auth-btn-outline {
	background: #ffffff;
	border: 1.5px solid rgba(87, 28, 50, 0.16);
	color: #571c32;
}
.auth-btn-outline:hover {
	border-color: #c49f59;
	background: #fffdf8;
	color: #571c32;
	text-decoration: none;
}
.auth-links {
	margin-top: 16px;
	text-align: center;
}
.auth-links a {
	color: #a9822f;
	font-size: 14px;
	text-decoration: none;
	margin: 0 8px;
}
.auth-links a:hover {
	text-decoration: underline;
}
.auth-otp-note {
	background: #faf6ee;
	border: 1px dashed rgba(196, 159, 89, 0.55);
	border-radius: 14px;
	padding: 13px 16px;
	font-size: 14.5px;
	color: #571c32;
	margin-bottom: 18px;
}
@media (max-width: 576px) {
	.auth-form-card {
		padding: 28px 20px;
	}
	.auth-btn {
		width: 100%;
	}
}

/* ===== تحديث 2 (9 أكتوبر): محاذاة الحقول + أرقام إنجليزية + الكتابة العربية طبيعية ===== */
input.form-control-custom {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 51px;
}
textarea.form-control-custom {
	line-height: 1.6;
	padding-top: 14px;
}

/* الأرقام تظهر إنجليزية في كل الحقول من غير تأثير على الكتابة العربية */
.form-control-custom,
input,
select {
	font-feature-settings: "locl" 0;
}

/* الحقول الرقمية فقط تكون LTR */
input[type="tel"],
input.text-ltr,
.text-ltr {
	direction: ltr !important;
	text-align: left !important;
}
/* الإيميل والباسورد يرجعوا طبيعيين زي الأول */
input[type="email"],
input[type="password"] {
	direction: inherit !important;
	text-align: inherit !important;
	font-family: inherit !important;
}
.phone-field .country-chip {
	font-feature-settings: "locl" 0;
	font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

/* ملاحظة إرسال كود التحقق */
.auth-otp-note {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #f2f8f2;
	border: 1px solid #cfe6cf;
	border-radius: 14px;
	padding: 14px 16px;
	font-size: 14.5px;
	color: #2f6b2f;
	margin-bottom: 18px;
}
.auth-otp-note .otp-num {
	direction: ltr;
	display: inline-block;
	font-weight: 800;
	color: #571c32;
	margin-right: 4px;
}
.auth-form-card .alert-success {
	background: #f2f8f2;
	border: 1px solid #cfe6cf;
	color: #2f6b2f;
	border-radius: 12px;
	font-size: 14px;
}

/* أزرار الروابط الثانوية (تسجيل بالايميل/بالجوال) */
.auth-btn-block {
	width: 100%;
	margin-top: 14px;
}
.auth-btn-ghost {
	background: #fbf7ef;
	border: 1.5px dashed rgba(87, 28, 50, 0.22);
	color: #571c32;
	font-weight: 700;
}
.auth-btn-ghost:hover {
	border-color: #c49f59;
	background: #fffdf8;
	color: #571c32;
	text-decoration: none;
}
.auth-btn-ghost svg {
	flex: 0 0 auto;
	margin-left: 8px;
}

/* ===== تحديث 3: توسيط الأزرار + قائمة أكواد الدول + أزرار إعادة الإرسال والتايمر ===== */
.auth-actions {
	justify-content: center;
}
.phone-field .country-chip {
	pointer-events: auto;
	cursor: pointer;
	font: inherit;
}
.phone-field .country-chip:hover {
	border-color: #c49f59;
	background: #fffdf8;
}
.phone-field .country-chip .chev {
	font-size: 9px;
	color: #a9822f;
}
.country-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	width: min(320px, 92vw);
	max-height: 330px;
	overflow-y: auto;
	background: #ffffff;
	border: 1.5px solid rgba(196, 159, 89, 0.55);
	border-radius: 14px;
	box-shadow: 0 24px 55px rgba(87, 28, 50, 0.18);
	z-index: 90;
	padding: 6px;
}
.country-option {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 10px;
	padding: 9px 10px;
	border: 0;
	background: transparent;
	border-radius: 10px;
	cursor: pointer;
	font: inherit;
	text-align: right;
	color: #3b2230;
}
.country-option:hover { background: #faf3e6; }
.country-option.is-selected { background: #fdf6ea; }
.country-option .flag { font-size: 17px; line-height: 1; }
.country-option .name {
	flex: 1;
	font-size: 13.5px;
	color: #6d5560;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.country-option .dial {
	direction: ltr;
	font-weight: 700;
	color: #571c32;
	font-size: 13.5px;
}
.auth-otp-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 14px;
}
.auth-btn-sm {
	padding: 10px 22px;
	font-size: 14px;
	border-radius: 999px;
}
.auth-btn[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
	transform: none !important;
	box-shadow: none;
}
.timer-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	padding: 2px 9px;
	border-radius: 999px;
	background: rgba(196, 159, 89, 0.18);
	color: #a9822f;
	font-weight: 700;
	font-size: 12.5px;
	direction: ltr;
	margin-right: 6px;
}

/* ===== تحديث 4: مسافة واضحة بين كود الدولة والرقم ===== */
.phone-field .form-control-custom {
	padding-left: 132px !important;
}
.phone-field .country-chip {
	left: 8px;
	padding: 8px 10px;
	gap: 6px;
}

/* ===== تحديث 5: كل الأرقام في واجهات الأكواد تظهر إنجليزية دائمًا ===== */
.country-chip .code,
.country-chip .chev,
.country-option .dial,
.country-option .flag,
.timer-badge,
.otp-num {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-feature-settings: "locl" 0 !important;
	font-variant-numeric: lining-nums;
}