*{
margin: 0;
padding: 0;
}
/*--------------------------------------------------------------
# Font & Color Variables
--------------------------------------------------------------*/
@font-face {
  font-family:DiodrumArabic-Bold;
    src: url('../fonts/DiodrumArabic-Bold-1.ttf');
}

@font-face {
  font-family:DiodrumArabic-Light;
    src: url('../Fonts/DiodrumArabic-Light.ttf');

}

@font-face {
  font-family: DiodrumArabic-Regular;
    src: url('../Fonts/DiodrumArabic-Regular-1.ttf');

}


@font-face {
  font-family: BergenSans-Regular;
    src: url('../Fonts/DiodrumArabic-Regular-1.ttf');

}
@font-face {
  font-family: DiodrumArabic-Semibold;
    src: url('../Fonts/DiodrumArabic-Semibold-1.ttf');

}

@font-face {
    font-family: 'DiodrumArabic-Bold';
    src: url('../fonts/DiodrumArabic-Bold-1.ttf') format('woff2'),
         url('../fonts/DiodrumArabic-Bold.woff') format('woff'),
         url('../fonts/DiodrumArabic-Bold-1.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'DiodrumArabic-Light';
    src: url('./fonts/DiodrumArabic-Light.woff2') format('woff2'),
         url('./fonts/DiodrumArabic-Light.woff') format('woff'),
         url('../fonts/DiodrumArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DiodrumArabic-Regular';
    src: url('../fonts/DiodrumArabic-Regular.woff2') format('woff2'),
         url('../fonts/DiodrumArabic-Regular.woff') format('woff'),
         url('../fonts/DiodrumArabic-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DiodrumArabic-Semibold';
    src: url('../fonts/DiodrumArabic-Semibold.woff2') format('woff2'),
         url('../fonts/DiodrumArabic-Semibold.woff') format('woff'),
         url('../fonts/DiodrumArabic-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


.light-background,:root{--background-color:#ffffff}.hero,.logo{position:relative}.hero-data .content h1,.hero-data .content p{font-family:DiodrumArabic-SemiBold,sans-serif;font-weight:400;margin-right:12%;text-align:right}.hero::after,.hero::before{content:"";width:13.3125rem;height:.625rem;z-index:5}.booking-box,.booking-form,.custom-btn{display:flex!important}:root{--default-font:"BergenSans-Regular";--heading-font:"BergenSans-Bold",sans-serif;--nav-font:"BergenSans-SemiBold",sans-serif;--default-color:#04af52;--heading-color:#26a8d9;--contrast-color:#c3c3c3;--text-on-hero:#ffffff;--container-max:1440px;scroll-behavior:smooth}.top-banner{font-family:DiodrumArabic-SemiBold,sans-serif;background-color:#f38490}.logo{right:5%;width:25%}.logo img{width:100%}.hero-data,.hero::after,.hero::before{position:absolute;transform:translateY(-50%)}.hero-data{top:50%;right:5%;padding:1rem;border-radius:.5rem;max-width:90%;text-align:right}.hero-data .content h1{color:#f38490;margin-bottom:2rem;line-height:1.2;font-size:3rem}.content h1{font-size:1.3rem!important}@media (min-width:768px){.content h1{font-size:2rem!important}}@media (min-width:1200px){.content h1{font-size:3rem!important}}.hero-data .content p{color:#26a8d9;line-height:1.8;font-size:1.2rem}.hero::before{left:16.5%;top:0;background-color:#26a8d9}.hero::after{right:12%;bottom:-10px;background-color:#f38490}.Booking_Details h2,.form-box .colored-text,.form-box .colored-text::before{text-align:center;font-family:DiodrumArabic-Bold,sans-serif;font-weight:400;position:relative;height:4.0625rem}.Booking_Details h2{color:#f38490;font-size:2.25rem;margin-bottom:0}.form-box{text-align:center;font-family:DiodrumArabic-Bold,sans-serif;font-size:2.25rem;font-weight:400;position:relative}.form-box .colored-text::before{content:" احجزي موعدك الآن ";color:var(--heading-color);font-size:2rem}.form-box .colored-text{color:#c3c3c3;font-size:2rem}@media (max-width:992px){.Booking_Details h2{font-size:1.75rem;height:auto}.form-box,.form-box .colored-text,.form-box .colored-text::before{font-size:1.5rem;height:auto}}.Booking_Details{padding:8rem 1rem!important;text-align:center!important;background:#f9f9f9!important;min-height:600px!important}.booking-box{background:#fff!important;border-radius:1.3rem!important;border:2px solid #00a4f4!important;max-width:50rem!important;margin:6rem auto!important;padding:4rem 3rem!important;box-shadow:0 8px 25px rgba(0,0,0,.05)!important;flex-direction:column!important;align-items:center!important;box-sizing:border-box!important}.booking-text{color:#0295df!important;text-align:center!important;font-size:2rem!important;font-weight:900!important;margin-bottom:4rem!important}.btn-book,.custom-btn{color:#fff!important}.booking-form{flex-direction:column!important;gap:5rem!important;width:100%!important}.input-wrapper{position:relative!important;width:100%!important}.input-wrapper input,.input-wrapper select{width:100%!important;padding:1.2rem 3.5rem 1.2rem 1rem!important;border-radius:14px!important;border:1px solid #ddd!important;background:#fafafa!important;font-size:1.1rem!important;text-align:right!important;direction:rtl!important;box-sizing:border-box!important;transition:.3s!important;font-family:DiodrumArabic-bold,sans-serif!important;font-weight:500!important;box-shadow:#d0d1d1 1px 1px 2px .01px;color:#0284c5!important;margin:3rem 0}.input-wrapper .select-arrow,.input-wrapper i{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;color:#00a4f4!important}.input-wrapper i{left:1rem!important;font-size:1.3rem!important}.input-wrapper .select-arrow{right:1rem!important;pointer-events:none!important}.service-card .btn,.service-card .btn:hover{color:#fff;background:#f58694}.input-wrapper input:focus,.input-wrapper select:focus{border-color:#00a4f4!important;background:#fff!important;outline:0!important;box-shadow:0 0 6px rgba(0,164,244,.3)!important}.custom-btn{align-items:center!important;justify-content:center!important;gap:.75rem!important;background:linear-gradient(161.87deg,#f58694 0,#8f4e56 100%);border-radius:.9rem!important;padding:1.2rem 2rem!important;font-size:1.3rem!important;font-weight:700!important;cursor:pointer!important;border:none!important;max-width:20rem!important;margin:3rem auto 0!important;transition:.3s!important;width:100%}.custom-btn:hover{transform:translateY(-3px)!important;box-shadow:0 6px 15px rgba(0,164,244,.4)!important}.total-card{display:flex;justify-content:space-between!important;align-items:center;max-width:80%;margin:auto!important}.why-choose .icon{border-radius:.666875rem;border:3px solid #00a4f4;width:6.5rem;height:6.5rem;display:flex;justify-content:center;align-items:center}.why-choose .photo{border:none!important}.why-choose .text-box h3{color:#f38490;font-family:DiodrumArabic-Bold,sans-serif;font-size:1.4rem;margin-bottom:.6rem;text-align:right}.services h2,.why-choose .text-box p{color:#00a4f4;font-family:DiodrumArabic-Bold,sans-serif}.why-choose .text-box p{font-size:1rem;margin:0;text-align:right}@media (max-width:576px){.Booking_Details h2{font-size:1.25rem;height:auto}.form-box,.form-box .colored-text,.form-box .colored-text::before{font-size:1.2rem;height:auto}.why-choose .icon{width:5rem;height:5rem}.why-choose .text-box h3{font-size:1.2rem}.why-choose .text-box p{font-size:.9rem}}.responsive-title{font-family:DiodrumArabic-Bold,sans-serif;font-size:clamp(1.2rem, 2vw + .5rem, 2.25rem);line-height:1.4;word-break:break-word}.services{max-width:80%;margin:auto}.services h2{font-size:2rem}.service-card{background:#fff;border-radius:1.3rem;border:.11px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(82.15deg,#00a4f4 0,#99dbfb 100%) border-box;box-shadow:-15px 15px 20px 5px rgba(0,0,0,.1);padding:1.5rem;transition:.3s ease-in-out;direction:rtl;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.service-card h3{color:#f58694;font-family:DiodrumArabic-Bold,sans-serif;font-size:1.3rem;margin-bottom:1.2rem}.service-card p,footer .highlight-text,footer a,footer p,footer span{font-family:DiodrumArabic-Semibold,sans-serif}.service-card .btn{border-radius:50px;font-size:1.2rem;padding:8px 30px;border:none;transition:.3s}.service-type{flex:1;display:flex;flex-direction:column;justify-content:space-between}.service-card p{color:#00a4f4;font-size:1rem;margin-bottom:1.5rem;min-height:80px;flex-grow:1}.service-card:hover{transform:translateY(-5px);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(82.15deg,#0b0e0f 0,#99dbfb 100%) border-box}footer{background-color:#26a8d9!important}.d-flex .btn-outline-light:hover{background-color:transparent!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important}footer a,footer p,footer span{font-size:1.4rem;padding:2px 10px}footer .highlight-text{font-size:3rem!important;font-weight:700!important}