/* Add custom CSS styles below */ 
/* ضبط الفيديو ليملأ الخلفية */
.video-bg {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover; /* جعل الفيديو يغطي الخلفية */
transform: translate(-50%, -50%);
z-index: -1;
}
@media (min-width: 1024px) {
.lg\:h-\[120vh\] {
height: 100vh;
}
}
/* تحسين التوافق مع الهواتف */
@media (max-width: 768px) {
.video-bg {
width: 100vw;
 /* height: 100vh;*/
}
}
.head_img img {
display: none;
}
.mt-\[13rem\] {
margin-top: 0rem !important;
}
.main-nav-container.fixed-header .inner {
    background-color: #6f7d7f96 !important;
    backdrop-filter: blur(9px);
}
.max-w-\[60\%\].text-center {
background: #ffffff24;
border-radius: 10px 47px;
padding: 10px;
margin-left: 6px;
backdrop-filter: blur(17px);}
salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
padding-left: 2.625rem;
padding-right: 0px;
}
.\!bg-\[\#F0E5CF\] {
background-color: rgb(255 255 255) !important;
}
.main-nav-container.fixed-header .inner {
background-color: #ffffffad;
}
.mt-\[13rem\] {
margin-top: 0rem !important;
color: azure;
}

@media (max-width: 2520px) {
.video-bg {
width:80;
}
}
@media (min-width: 1024px) {
.head_img{
object-fit:contain;
}
}
.border-\[var\(--m-color\)\] {
border-color: #b7ccd2;
}
.bg-\[var\(--m-color\)\] {
background-color: #b7ccd2;
}

section.mb-\[53px\].md\:mb-\[111px\].Furniture5 {
background-image: url(https://cdn.salla.sa/form-builder/OSl7hwqWCvcMLdh0WFSXtkeV3Ao4DNuhfsQsXnGF.png);
}
.max-w-\[80\%\] {
max-width: 80%;
display: none;
}
.Furniture5 h1 {
color: white !important;
}
@media (min-width: 1024px) {
.lg\:flex-row {
flex-direction: row;
justify-content: center;
}
}
.Furniture5 * {
color: #fff !important;
}
.Furniture6 * {
color: #fff !important;
}
.Furniture3 * {
color: black !important;
}
.Furniture9 * {
color: black !important;
}
.text-\[var\(--m-color\)\] {
color: #000000;
}
.Furniture1-0 * {
color: #fff !important;
}
.hover\:bg-white:hover {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, 1);
background-color: rgb(76 98 104);
}
@media (min-width: 992px) {
.max-w-\[60\%\] {
max-width: 31%;
}
}
.main-menu li.root-level > a {
padding-top: 0px;
padding-bottom: 2rem;
font-weight: 700;
color: #ffffff !important;
}

.Furniture5 h1 {
  cursor: pointer;
}

.text-\[\#7A7A7A\] {
    --tw-text-opacity: 1;
    color: black ;
}