* {
            font-family: "Montserrat", sans-serif;
        }
		.arClass {
			font-family: "Tajawal", sans-serif !important;
		}
		.arrr {
			font-family: "Tajawal", sans-serif !important;
		}
		.enClass {
			font-family: "Montserrat", sans-serif !important;
		}
		[dir="rtl"] li {
			font-family: "Tajawal", sans-serif !important;
		}
		[dir="rtl"] .guten-FNUART.horizontal > div:first-child {
			margin-right: 20px;
			margin-left: 20px;
		}
		[dir="rtl"] .guten-RhoW2R.guten-button-wrapper {
			justify-content: right;
		}
		[dir="rtl"] .guten-icon-box.icon-position-left .guten-icon-box-wrapper .icon-box.icon-box-header {
			margin-right: 0px;
			margin-left: 15px;
		}
		[dir="rtl"] .guten-ylzmPm .guten-icon-box-wrapper {
			padding-right: 0px;
		}
		[dir="rtl"] .guten-HUvRq6 .guten-icon-box-wrapper {
			padding-right: 0px;
		}
		[dir="rtl"] .guten-vFzCaP .guten-icon-box-wrapper {
			padding-right: 0px;
		}
		[dir="rtl"] .guten-column-wrapper {
			justify-content: right !important;
		}
		[dir="rtl"] .guten-postblock-content {
			padding-right: 20px;
		}
		[dir="rtl"] * {
			justify-content: right !important;
		}
		.heroo {
			background-size: cover !important;
		}
		[dir="rtl"] .heroo {
			background-image: none !important;
			background-size: cover !important;
		}
        [dir="rtl"] .language-switcher {
            padding-right: 40px !important;
        }
        [dir="rtl"] .guten-icon-box-wrapper {
            text-align: right !important;
        }
        [dir="rtl"] .list-text {
            margin: 0 5px !important;
        }
        [dir="rtl"] .fIcon {
			margin-left: 15px !important;
		}
		.arClass {
			text-align: right;
		}

        .menu-item a span {
            font-size: 1.1em;
            font-weight: 600 !important;
        }
        [dir="rtl"] button {
            text-align: center !important;
            justify-content: center !important;
            align-items: center !important;
        }
        [dir="rtl"] .service-icon {
            text-align: center !important;
            justify-content: center !important;
            align-items: center !important;
        }
        [dir="rtl"] .content .title {
            text-align: center !important;
            justify-content: center !important;
            align-items: center !important;
        }

		[dir="rtl"] .icon-box.icon-box-header, .icon {
			margin-right: 0px !important;
			margin-left: 14px !important;
		}




	.enClass { display: block; }
	.arClass { display: none; }
	.hero-section { background: linear-gradient(to bottom, #18162b 0%, #18162b 100%); padding: 100px 0; color: white; text-align: center; }
	.content-section { padding: 80px 0; }
	.service-card { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin-bottom: 30px; }
	.service-icon { width: 60px; height: 60px; background: #E3B077; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
	.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
	.row { display: flex; flex-wrap: wrap; margin: -15px; }
	.col { flex: 1; padding: 15px; min-width: 300px; }
	h1 { font-size: 3rem; margin-bottom: 20px; }
	h2 { font-size: 2.5rem; color: #18162b; margin-bottom: 30px; }
	h3 { font-size: 1.5rem; color: #18162b; margin-bottom: 15px; }
	p { line-height: 1.6; color: #666; margin-bottom: 15px; }
	.btn { background: #E3B077; color: white; padding: 15px 30px; border-radius: 5px; text-decoration: none; display: inline-block; margin-top: 20px; }
	.btn:hover { background: #E3B077; }



		
			/* All sides margin */
			.m-0 { margin: 0 !important; }
			.m-1 { margin: 0.25rem !important; }
			.m-2 { margin: 0.5rem !important; }
			.m-3 { margin: 1rem !important; }
			.m-4 { margin: 1.5rem !important; }
			.m-5 { margin: 3rem !important; }
			.m-auto { margin: auto !important; }

			/* Top margin */
			.mt-0 { margin-top: 0 !important; }
			.mt-1 { margin-top: 0.25rem !important; }
			.mt-2 { margin-top: 0.5rem !important; }
			.mt-3 { margin-top: 1rem !important; }
			.mt-4 { margin-top: 1.5rem !important; }
			.mt-5 { margin-top: 3rem !important; }
			.mt-auto { margin-top: auto !important; }

			/* Right margin */
			.me-0 { margin-right: 0 !important; }
			.me-1 { margin-right: 0.25rem !important; }
			.me-2 { margin-right: 0.5rem !important; }
			.me-3 { margin-right: 1rem !important; }
			.me-4 { margin-right: 1.5rem !important; }
			.me-5 { margin-right: 3rem !important; }
			.me-auto { margin-right: auto !important; }

			/* Bottom margin */
			.mb-0 { margin-bottom: 0 !important; }
			.mb-1 { margin-bottom: 0.25rem !important; }
			.mb-2 { margin-bottom: 0.5rem !important; }
			.mb-3 { margin-bottom: 1rem !important; }
			.mb-4 { margin-bottom: 1.5rem !important; }
			.mb-5 { margin-bottom: 3rem !important; }
			.mb-auto { margin-bottom: auto !important; }

			/* Left margin */
			.ms-0 { margin-left: 0 !important; }
			.ms-1 { margin-left: 0.25rem !important; }
			.ms-2 { margin-left: 0.5rem !important; }
			.ms-3 { margin-left: 1rem !important; }
			.ms-4 { margin-left: 1.5rem !important; }
			.ms-5 { margin-left: 3rem !important; }
			.ms-auto { margin-left: auto !important; }

			/* Horizontal margins (left + right) */
			.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
			.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
			.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
			.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
			.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
			.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
			.mx-auto { margin-left: auto !important; margin-right: auto !important; }

			/* Vertical margins (top + bottom) */
			.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
			.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
			.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
			.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
			.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
			.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
			.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

			/* PADDING UTILITIES */

			/* All sides padding */
			.p-0 { padding: 0 !important; }
			.p-1 { padding: 0.25rem !important; }
			.p-2 { padding: 0.5rem !important; }
			.p-3 { padding: 1rem !important; }
			.p-4 { padding: 1.5rem !important; }
			.p-5 { padding: 3rem !important; }

			/* Top padding */
			.pt-0 { padding-top: 0 !important; }
			.pt-1 { padding-top: 0.25rem !important; }
			.pt-2 { padding-top: 0.5rem !important; }
			.pt-3 { padding-top: 1rem !important; }
			.pt-4 { padding-top: 1.5rem !important; }
			.pt-5 { padding-top: 3rem !important; }

			/* Right padding */
			.pe-0 { padding-right: 0 !important; }
			.pe-1 { padding-right: 0.25rem !important; }
			.pe-2 { padding-right: 0.5rem !important; }
			.pe-3 { padding-right: 1rem !important; }
			.pe-4 { padding-right: 1.5rem !important; }
			.pe-5 { padding-right: 3rem !important; }

			/* Bottom padding */
			.pb-0 { padding-bottom: 0 !important; }
			.pb-1 { padding-bottom: 0.25rem !important; }
			.pb-2 { padding-bottom: 0.5rem !important; }
			.pb-3 { padding-bottom: 1rem !important; }
			.pb-4 { padding-bottom: 1.5rem !important; }
			.pb-5 { padding-bottom: 3rem !important; }

			/* Left padding */
			.ps-0 { padding-left: 0 !important; }
			.ps-1 { padding-left: 0.25rem !important; }
			.ps-2 { padding-left: 0.5rem !important; }
			.ps-3 { padding-left: 1rem !important; }
			.ps-4 { padding-left: 1.5rem !important; }
			.ps-5 { padding-left: 3rem !important; }

			/* Horizontal padding (left + right) */
			.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
			.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
			.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
			.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
			.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
			.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

			/* Vertical padding (top + bottom) */
			.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
			.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
			.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
			.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
			.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
			.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

			/* NEGATIVE MARGINS (Bootstrap 5) */
			.m-n1 { margin: -0.25rem !important; }
			.m-n2 { margin: -0.5rem !important; }
			.m-n3 { margin: -1rem !important; }
			.m-n4 { margin: -1.5rem !important; }
			.m-n5 { margin: -3rem !important; }

			.mt-n1 { margin-top: -0.25rem !important; }
			.mt-n2 { margin-top: -0.5rem !important; }
			.mt-n3 { margin-top: -1rem !important; }
			.mt-n4 { margin-top: -1.5rem !important; }
			.mt-n5 { margin-top: -3rem !important; }

			/* Continue pattern for me-n*, mb-n*, ms-n*, mx-n*, my-n* */

			/* RESPONSIVE SPACING UTILITIES */
			/* Bootstrap also provides responsive versions */

			/* Small screens and up */
			@media (min-width: 576px) {
			.m-sm-0 { margin: 0 !important; }
			.m-sm-1 { margin: 0.25rem !important; }
			.m-sm-2 { margin: 0.5rem !important; }
			.m-sm-3 { margin: 1rem !important; }
			.m-sm-4 { margin: 1.5rem !important; }
			.m-sm-5 { margin: 3rem !important; }
			.m-sm-auto { margin: auto !important; }
			
			/* Continue with all spacing utilities for sm breakpoint */
			}

			/* Medium screens and up */
			@media (min-width: 768px) {
			.m-md-0 { margin: 0 !important; }
			/* Continue with all spacing utilities for md breakpoint */
			}

			/* Large screens and up */
			@media (min-width: 992px) {
			.m-lg-0 { margin: 0 !important; }
			/* Continue with all spacing utilities for lg breakpoint */
			}

			/* Extra large screens and up */
			@media (min-width: 1200px) {
			.m-xl-0 { margin: 0 !important; }
			/* Continue with all spacing utilities for xl breakpoint */
			}

			/* Extra extra large screens and up */
			@media (min-width: 1400px) {
			.m-xxl-0 { margin: 0 !important; }
			/* Continue with all spacing utilities for xxl breakpoint */
			}
	





            .arSmallSwitch {
                display: none !important;
            }



            /* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .mx-5 , .mx-3 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .arSmallSwitch {
        display: block !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .mx-5 , .mx-3 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .arSmallSwitch {
        display: block !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .arSmallSwitch {
        display: none !important;
    }
}

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .arSmallSwitch {
        display: none !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .arSmallSwitch {
        display: none !important;
    }
}