
@font-face {
    font-family: DiodrumArabic-Bold;
    src:
        url("../fonts/DiodrumArabic-Bold.woff") format("woff2"),
        url("../fonts/DiodrumArabic-Bold.woff2") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: DiodrumArabic-Light;
    src:
        url("../fonts/DiodrumArabic-Light.woff") format("woff2"),
        url("../fonts/DiodrumArabic-Light.woff2") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: DiodrumArabic-Regular;
    src:
        url("../fonts/DiodrumArabic-Regular.woff") format("woff2"),
        url("../fonts/DiodrumArabic-Regular.woff2") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: DiodrumArabic-Semibold;
    src:
        url("../fonts/DiodrumArabic-Semibold.woff") format("woff2"),
        url("../fonts/DiodrumArabic-Semibold.woff2") format("woff");
    font-weight: 600;
    font-style: normal;
}




.input-wrapper i,.input-wrapper select+i.select-arrow{position:absolute!important;left:1rem!important;top:50%!important;pointer-events:none!important}.light-background,:root{--background-color:#ffffff}.Orthopedics-Department>div .icon,.hero,.logo{position:relative}.hero-data .content h1,.hero-data .content p{font-family:DiodrumArabic-SemiBold,sans-serif;margin-right:12%;font-weight:400;text-align:right}.hero::after,.hero::before{width:13.3125rem;height:.625rem;z-index:5;content:""}.Orthopedics-Department,.Orthopedics-Department>div,.booking-box,.input-wrapper input,.input-wrapper select,.why-choose .title{box-sizing:border-box;box-sizing:border-box}.hero-data,.hero::after,.hero::before,.input-wrapper i,.input-wrapper select+i.select-arrow,.layer::before,.service::before{transform:translateY(-50%)}.Orthopedics-Department,.Orthopedics-Department>div,.booking-box,.booking-form,.custom-btn,.layer .icon-wrapper,.service .icon-wrapper,.services .title,.services-container,.why-choose .title{display:flex;display:flex}*{margin:0;padding:0}:root{--default-color:#04af52;--heading-color:#26a8d9;--contrast-color:#c3c3c3;--text-on-hero:#ffffff;--container-max:1440px;scroll-behavior:smooth}.logo{right:5%;width:27%}.logo img{width:100%}.booking-box,.booking-form,.custom-btn,.input-wrapper{width:100%!important}.hero-data{position:absolute;top:50%;right:5%;padding:1rem;border-radius:.5rem;max-width:90%;text-align:right}.hero-data .content h1{color:#26a8d9;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:#04af52;line-height:1.8;font-size:1.2rem}.Booking_Details h2,.Orthopedics-Department .text-box h3,.Orthopedics-Department .text-box p,.form-box,.services .title h2,.why-choose .title h2{font-family:DiodrumArabic-Bold,sans-serif}.Booking_Details h2,.form-box{font-family:DiodrumArabic-Bold,sans-serif!important;font-weight:400!important}.hero::before{position:absolute;left:16.5%;top:0;background-color:#26a8d9}.hero::after{position:absolute;right:12%;bottom:-10px;background-color:#04af52}.Booking_Details{padding:8rem 1rem!important;text-align:center!important;background:#f9f9f9!important;min-height:500px!important}.Booking_Details h2{color:#04af52!important;font-size:clamp(1.5rem, 4vw, 2.5rem)!important;margin-bottom:1rem!important}.form-box{font-size:clamp(1.25rem, 3vw, 2rem)!important;margin-top:1rem!important;color:#c3c3c3!important}.booking-box{background:#fff!important;border-radius:1.3rem!important;border:2px solid #00a4f4!important;max-width:50rem!important;margin:3rem auto!important;padding:4rem 3rem!important;box-shadow:0 8px 25px rgba(0,0,0,.05)!important;display:flex!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:1.7rem!important;font-weight:900!important;margin-bottom:3rem!important}.booking-form{display:flex!important;flex-direction:column!important;gap:2.5rem!important}.input-wrapper{position:relative!important;display:block!important;margin-bottom:2rem!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}.input-wrapper i,.input-wrapper select+i.select-arrow{font-size:1.3rem!important;color:#00a4f4!important}.services .title h2,.why-card h3,.why-choose .title h2{font-weight:600;line-height:1.6;font-family:DiodrumArabic-Bold,sans-serif}.input-wrapper select{color:#a7a8a8!important;appearance:none!important}.input-wrapper input::placeholder,.input-wrapper select::placeholder{color:#a7a8a8!important}.input-wrapper i{transform:translateY(-50%)!important}.input-wrapper select option{color:#00a4f4!important;background:#fff!important;text-align:right!important}.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{display:flex!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;background:linear-gradient(161.87deg,#00a4f4 0,#0072a9 100%)!important;border-radius:.9rem!important;padding:1.2rem 2rem!important;font-size:1.3rem!important;color:#fff!important;font-weight:700!important;cursor:pointer!important;border:none!important;max-width:20rem!important;margin:3rem auto 0!important;transition:.3s!important}.custom-btn:hover{transform:translateY(-3px)!important;box-shadow:0 6px 15px rgba(0,164,244,.4)!important}.why-choose{position:relative;padding:5rem 0;background-color:#f8f9fa}.services .title,.why-choose .title{background:#04af52!important;border-radius:1.25rem;max-width:95%;margin:0 auto 3rem;padding:1.5rem 2rem;display:flex;justify-content:center;align-items:center}.services .title h2,.why-choose .title h2{color:#fff;font-size:clamp(1.3rem, 2vw, 2.25rem);text-align:center}.Orthopedics-Department{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4rem;max-width:1100px;margin:auto;padding:4rem 2rem;justify-content:center}.why-card{position:relative;background:linear-gradient(145deg,#fff 0,#f3f9f5 100%);border-radius:1.25rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 5px 18px rgba(0,0,0,.05);padding:2rem;text-align:right;display:flex;flex-direction:column;align-items:flex-end;transition:.4s;transform-style:preserve-3d;perspective:1000px;overflow:hidden}.why-card::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;background:linear-gradient(120deg,#14b45c,#00a4f4) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .5s}.why-card:hover::before{opacity:1}.why-card:hover{transform:rotateY(6deg) rotateX(-4deg) translateY(-8px);box-shadow:0 12px 35px rgba(0,164,244,.15);background:linear-gradient(145deg,#fff 0,#e9fdf0 100%)}.why-card .icon img{width:70px;height:70px;border-radius:.5rem;padding:.5rem;background-color:#f9fcff;border:2px solid #00a4f4;transition:transform .3s;z-index:1}.why-card:hover .icon img{transform:scale(1.1) rotate(5deg)}.why-card h3{color:#14b45c;font-size:1.25rem;margin-bottom:.75rem}.why-card p{color:#00a4f4;font-family:DiodrumArabic-Bold,sans-serif;font-size:1rem;line-height:1.7;margin:0}@media (max-width:992px){.Orthopedics-Department{gap:2.5rem}.why-card{padding:1.8rem}.why-card .icon img{width:65px;height:65px}}@media (max-width:768px){.why-card{text-align:center;align-items:center}}@media (max-width:576px){.booking-box{padding:2rem 1rem!important}.booking-text{font-size:1.2rem!important}.input-wrapper input,.input-wrapper select{font-size:.95rem!important;padding:.8rem 3rem .8rem 1rem!important}.custom-btn{font-size:1rem!important;padding:.8rem 1.5rem!important}.Orthopedics-Department{gap:1.5rem}.why-card{padding:1.5rem}.why-card .icon img{width:60px;height:60px}}.Orthopedics-Department{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.why-card{flex:1 1 300px;max-width:320px}.why-card:nth-child(odd){transform:translateY(20px)}.why-card:nth-child(2n){transform:translateY(-20px)}.services .card-item:nth-child(odd){align-self:flex-start}.services .card-item:nth-child(2n){align-self:flex-end}.icon-wrapper{position:absolute;top:-30px}.services .card-item:nth-child(odd) .icon-wrapper{right:-30px}.services .card-item:nth-child(2n) .icon-wrapper{left:-30px}@media (max-width:768px){.services .card-item{width:100%;text-align:right}.icon-wrapper{position:relative;top:0;margin-bottom:1rem;right:0!important;left:0!important}}.services{position:relative;background:#f9fafb;overflow:hidden}.services .row{display:flex;flex-direction:column;gap:3rem;align-items:center}.services .card-item{width:60%;position:relative;z-index:2;transition:.4s;background:#fff;border:1px solid rgba(0,0,0,.05);padding:2rem 1.5rem;display:flex;align-items:center;gap:1.5rem;border-radius:1.5rem}.services .card-item:nth-child(odd){flex-direction:row-reverse;text-align:right;align-self:flex-start}.services .card-item:nth-child(2n){flex-direction:row;text-align:left;align-self:flex-end}.icon-wrapper{flex-shrink:0;width:90px;height:90px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.15)}.icon-wrapper-right{background:linear-gradient(45deg,#04af52 15%,#00a4f4)}.icon-wrapper-left{background:linear-gradient(135deg,#04af52 30%,#00aafa 70%)}.icon-wrapper img{display:block;box-shadow:0 2px 10px rgba(0,0,0,.15);width:70%;height:70%;object-fit:contain;border-radius:50%}.card-item h4{margin-bottom:.5rem;color:#04af52}.card-item p{margin-bottom:0;color:#6c757d}.services .card-item:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.12)}.custom-btn{height:4rem!important}.custom-btn:hover{opacity:.9}@media (max-width:768px){.services .card-item{width:100%;flex-direction:column;text-align:right;align-items:flex-start}.icon-wrapper{margin-bottom:1rem}}.services .card-item .right-content{padding-right:3rem!important}.services .card-item .left-content{padding-left:3rem!important}.services .card-item .text-muted{color:#04afee!important;font-weight:900;font-size:1.1rem;font-family:DiodrumArabic-Bold,sans-serif;line-height:30px}footer{background-color:#03a2db!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-family:DiodrumArabic-Semibold,sans-serif;font-size:1.4rem;padding:2px 10px}footer .highlight-text{font-size:3rem!important;font-weight:700!important;font-family:DiodrumArabic-Semibold,sans-serif}







footer button{
        background:linear-gradient(145deg,#14b45c,#00a4f4)!important

}
