html{
  overflow-x: hidden;
}
body {
  /*background: #F2F2F2;*/
  background:#F5F9FC;
  
}

header {
 /* background-color: #FFF;*/
  /*background-color: #f2f2f2;*/
      position: fixed;
  z-index: 1110;
  right: 0px;
  left: 0px;
  top: 0px;
  background: #FFF;
  /* padding: 2rem 0px; */
}
.navbar-light .navbar-nav .nav-link{
  color: #000 !important;
  /*font-size: 17px;*/
  font-size: 18px;
  /*font-weight: bold;*/
  font-weight: 400;
}
.contaienr-logo{
  padding-right: 5%;
}
.container-login a{
display: inline-block;
padding: 0.5rem 0rem ;
color: #222;
text-decoration: none;
font-size: 17px;
font-weight: normal;
}
.container-login .register{
  border-radius: 25px;
  background: #3BD8AD;
  padding: 0.5rem 2.3rem;

}


.container-footer {
width: 100%;
}

.top-footer {
background-color: #0B0B63;
color: #FFF;
padding: 16px 10px;
/* width: 98%; */
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .top-footer{
    flex-direction: column-reverse;
  }
}

.key-top-footer {
color: rgba(245, 241, 249, 0.85);
text-align: end;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    
   .key-top-footer { 
      margin:0
       }
}
.value-top-footer {
color: #00D1BD;
text-align: end;
}

.icone-top-footer {
display: block;
width: 48px;
height: 48px;
border-radius: 9999px;
background: rgba(255, 255, 255, 0.17);
text-align: center;
padding: 12px 0;
}

.middle-footer {
padding: 32px 0px;
justify-content: center;
}
[lang="en"] .middle-footer{
        flex-direction: row-reverse;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .middle-footer{
     padding: 0;
     flex-direction: row;
  }
  [lang="en"] .middle-footer{
       flex-direction: column-reverse !important;
  }
}

.footer-logo,
.footer-service,
.link-speed {
text-align: end;
}
.footer-logo{
    text-align: center;
}
[lang="en"] .footer-service ul ,[lang="en"] .link-speed ul{
    padding:0;
}

.footer-service li,
.link-speed li {
list-style-position: inside;
list-style-type: disclosure-closed;
direction: rtl;
text-align: start;
padding: 8px
}
[lang="en"] .footer-service li ,[lang="en"] .link-speed li{
    /*text-align: end  !important;*/
    direction: ltr;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .app-download-container,.socail-media-footer{
    text-align: end;
  }
}



.socail-media-footer span {
display: inline-block;
width: 40px;
font-size: 25px;
}
.below-footer{
        border-top: 1px solid #EDEDED;
    padding-top: 13px;
}
.below-footer .row div{
  /*text-align: start !important;*/
}

@media only screen and (min-width: 320px) and (max-width: 767px)
{
  .below-footer .row div{
    text-align: center !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .parent-key-value{
    text-align: end;
    justify-content: end;
  }
  #container-main-menu{
    flex-direction: row-reverse;
  }
  .logo-new-phone{
    padding-right:0.9rem ;
  }
}


/*move*/


   body {
            font-family: "Tajawal", sans-serif;
            overflow-x: hidden;
            background-color: #fff;
            direction:rtl !important;
        }
        [lang="en"] body{
             direction:ltr !important;
        }

        /* 🔹 Navbar فوق السلايدر وشفاف */
        .navbar {
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 10;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(8px);
            transition: all 0.3s ease;
            padding: 0.8rem 1rem;
        }
        @media only screen and (max-width: 600px) {
            .navbar {
                padding:  0.8rem 0.4rem;
            }
            .navbar-brand{
                margin-right: 0rem !important;
            }
        }

        .navbar .nav-link {
            color: #fff;
            font-weight: 400;
            margin-inline: 6px;
            transition: 0.3s;
            font-size: 20px;
            text-wrap-mode: nowrap;
        }

        .navbar .nav-link:hover,
        .navbar .nav-link.active {
            color: #00c19a;
        }

        .btn-outline-main {
            color: #00c19a;
            border: 1px solid #00c19a;
            border-radius: 25px;
            padding: 6px 15px;
            font-weight: 600;
            background-color: transparent;
        }

        .btn-main {
            background-color: #00c19a;
            color: #fff;
            border-radius: 25px;
            padding: 10px 20px;
            font-weight: 600;
            border: none;
            width: fit-content;
            display: inline;
        }

        /* 🌿 تنسيق القوائم المنسدلة */
        .dropdown-menu {
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            animation: fadeDown 0.3s ease-in-out;
            margin-top: 10px;
            min-width: 220px;
            backdrop-filter: blur(10px);
        }

        /* حركة الدخول */
        @keyframes fadeDown {
            from {
                opacity: 0;
                transform: translateY(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .dropdown-item {
            color: #222;
            font-weight: 500;
            padding: 10px 18px;
            transition: 0.3s;
            border-radius: 8px;
        }

        .dropdown-item:hover {
            background-color: #00c19a;
            color: #fff;
        }

        /* ⚡ فتح القوائم عند المرور */
        @media (min-width: 992px) {
            .dropdown:hover>.dropdown-menu {
                display: block;
            }
        }

        .offcanvas-body .language-list a {
            color: #FFF;
        }

        .language-list a:hover {
            /* background-color: #ccc; */
        }

        /* Track */
        ::-webkit-scrollbar {
            width: 10px;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background-color: rgb(43, 148, 120);
            border-radius: 5px;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background-color: #39d7ad;
        }

        .raha-text {
            color: #0B0B63;
            padding-right: 2rem;
        }

        #container-aside-menu {
            width: 18% !important;
        }


        @media only screen and (max-width: 600px) {
            header {
                background-color: #FFF;
                /*padding: 0.6rem 0px;*/
            }

            .raha-text {
                font-size: 13px !important;
                font-weight: 600;
            }

            .navigation {
                direction: rtl;
            }

            .navbar-nav {
                flex-direction: column-reverse !important;
            }

        }

        .div-hero {
            background-image: url("{{ asset('assets/front/image/bk-header2.svg') }}");
            background-position: right;
            background-repeat: no-repeat;
            height: 1200px;
            width: 67%;
            position: absolute;
            right: 0;
            overflow: hidden;
            top: -300px;

        }

        .contaienr-logo {
            padding-right: 1% !important;
        }

        .contaienr-logo img {
            width: 129px
        }

        @media only screen and (max-width: 600px) {
            .contaienr-logo img {
                width: 73px
            }
        }


        [lang="en"] .contaienr-logo {
            text-align: center;
        }

        @media only screen and (max-width: 600px) {
            [lang="en"] .contaienr-logo {
                text-align: end;
            }
        }


        @media only screen and (min-width: 769px) and (max-width:1200px) {
            #container-aside-menu {
                /*width: 39% !important;*/
            }

        }

        .bi-tiktok,
        .bi-snapchat,
        .bi-twitter-x,
        .bi-instagram,
        .bi-facebook,
        .bi-whatsapp,
        .bi-youtube {
            font-size: 1.5rem;
            color: #0b0b63;
            transition: color 0.5s ease;
        }

        .bi-tiktok:hover,
        .bi-snapchat:hover,
        .bi-twitter-x:hover,
        .bi-instagram:hover,
        .bi-facebook:hover,
        .bi-whatsapp:hover,
        .bi-youtube:hover {
            color: #4ddcb5ed !important;
        }

        .nav-item .nav-link:hover {

            color: #3bd8ad !important;
        }

        .menucanvas {
            background-color: rgb(21 21 59) !important;
            color: white !important;
        }

        .menucanvas li.nav-item a.nav-link {
            color: white !important
        }

        .menucanvas .offcanvas-header {
            /* background-color: #f8f9fa; Set the header background color */
            border-bottom: 1px solid #dee2e6;
            /* Add a border at the bottom */
            /*padding:1rem 0px 1rem 0px;*/
        }

        .mobile-menu-dropdown {
            background: none;
            text-align: right;
            /* padding: 1rem; */
            list-style-type: circle;
            color: #2b9478;
        }

        [lang="en"] .mobile-menu-dropdown {
            margin-left: 1rem;
        }

        [lang="en"] .mobile-menu-dropdown li a {
            text-align: start;
        }

        footer {
            background-color: #f5f9fc !important;
            /*background-color:#fff !important;*/
        }

        .socail-icon {
            margin-right: 1.1rem;
            display: inline-block;
            width: 26px;
        }

        .socail-icon i {
            font-size: 30px;
            color: #2b9478
        }

        .link-speed,
        .link-speed li {
            text-align: end !important;
        }

        .app-download-container {
            text-align: end !important;
        }

        .link-speed li {
            text-align: start !important;
        }

        [lang="en"] .socail-media-footer div {
            text-align: justify;
        }

        /*.divid-footer-title{*/

        /*}*/
        @media (max-width: 767px) {

            .socail-media-footer,
            .link-speed,
            .link-speed li {
                text-align: end !important;
            }

            .link-speed li {
                text-align: start !important;
            }
        }


        .divid-footer-title {
            color: #192038;
            font-size: 21px;
            text-align: end;
        }

        [lang="en"] .divid-footer-title {
            text-align: justify;
        }

        .whatsapp-show {
            position: fixed;
            bottom: 5rem;
            right: 15px !important;
            z-index: 11111;
            width: 60px;
            height: 60px;
            background: green;
            border-radius: 50%;
            color: #FFF;
        }

        .call-show {
            position: fixed;
            bottom: 1vh;
            right: 15px !important;
            z-index: 11111;
            width: 60px;
            height: 60px;
            background: #00d1bd;
            border-radius: 50%;
            color: #FFF;
        }

        .whatsapp-show a,
        .call-show a {
            padding-top: 0.7rem;
            display: inline-block;
            padding-left: 1rem;
        }

        .whatsapp-show i,
        .call-show i {
            font-size: 27px;
            color: #fff;
        }

        @media only screen and (min-width: 320px) and (max-width: 767px) {
            .middle-footer {
                flex-direction: column-reverse;
            }

            .footer-logo {
                text-align: center;
            }

            .container-request-details-page {
                margin-bottom: 0.8rem !important;
            }
        }

        @media only screen and (min-width: 320px) and (max-width: 767px) {
            .zsiq_theme1 .zsiq_flt_rel {
                bottom: 7vh;

            }

            .whatsapp-show {
                bottom: 17vh;
            }

            .call-show {
                bottom: 7vh;
            }
        }

        [lang="en"] .dropdown .dropdown-menu li:last-child a:last-child {
            padding: .25rem 1rem;
        }

        @media only screen and (min-width: 320px) and (max-width: 767px) {
            [lang="en"] .dropdown .dropdown-menu li:last-child {
                text-align: justify;
            }

        }


        .hover-menu .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            margin: 0;
            padding: 0;
            list-style: none;
            background-color: #343a40;
            border: 1px solid #222;
            min-width: 200px;
        }

        /* إظهار القائمة عند تمرير الفأرة */
        .hover-menu.dropdown:hover .dropdown-menu {
            display: block;
        }

        /* تنسيق الروابط */
        .hover-menu.dropdown-menu a {
            color: #fff;
            padding: 10px 15px;
            text-decoration: none;
            display: block;
        }

        .hover-menu .dropdown-menu a:hover {
            background-color: #495057;
        }


        .clinic-service-footer {
            text-align: end;
        }

        .clinic-service-footer li {
            list-style-position: inside;
            direction: rtl;
            list-style-type: disclosure-closed;
            padding: 8px;
        }
  
        /* 🌿 القوائم المنسدلة */
        .dropdown-menu {
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            margin-top: 10px;
            backdrop-filter: blur(10px);
            animation: fadeDown 0.3s ease-in-out;
        }

        @keyframes fadeDown {
            from {
                opacity: 0;
                transform: translateY(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .dropdown-item {
            color: #222;
            font-weight: 500;
            padding: 10px 18px;
            border-radius: 8px;
            transition: 0.3s;
        }

        .dropdown-item:hover {
            background-color: #00c19a;
            color: #fff;
        }

        /* 🌿 Offcanvas */
        .offcanvas {
            background-color: #fff;
            border-radius: 20px 0 0 20px;
            box-shadow: -3px 0 15px rgba(0, 0, 0, 0.1);
        }

        .offcanvas .nav-link {
            color: #333;
            font-weight: 600;
            padding: 10px 0;
            border-bottom: 1px solid #f1f1f1;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .offcanvas .nav-link:hover {
            color: #00c19a;
        }


        .offcanvas .dropdown-item {
            display: block;
            color: #555;
            font-size: 0.95rem;
            padding: 8px 0 8px 10px;
        }

        .offcanvas .dropdown-item:hover {
            color: #00c19a;
            background: transparent;
        }

        /* ✅ تعديل شكل القائمة الجانبية Offcanvas */
        .offcanvas {
            background-color: #ffffff;
            border-radius: 0;
            /* إزالة التقوّس العلوي */
            height: 100vh;
            /* تغطي كامل الشاشة */
            box-shadow: -3px 0 20px rgba(0, 0, 0, 0.1);
            border: none;
        }

        /* العنوان */
        .offcanvas-header {
            background-color: #00c19a;
            color: #fff;
            border: none;
            padding: 1rem 1.5rem;
        }

        .offcanvas-title {
            font-weight: 700;
            font-size: 1.2rem;
        }

        /* زر الإغلاق */
        .btn-close {
            filter: brightness(0) invert(1);
            opacity: 0.9;
        }

        /* محتوى القائمة */
        .offcanvas-body {
            padding: 1.5rem;
        }

        .offcanvas .nav-link {
            color: #333;
            font-weight: 600;
            padding: 12px 0;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: 0.3s;
        }

        .offcanvas .nav-link:hover {
            color: #00c19a;
        }

        @media(max-width:758px) {
            .offcanvas .nav-link {
                color: #000 !important;
                font-weight: 400 !important;
                /*font-size: 400 !important*/
            }
        }

        .offcanvas .dropdown-item {
            color: #666;
            padding: 8px 15px;
            font-size: 0.95rem;
            border-radius: 6px;
        }

        .offcanvas .dropdown-item:hover {
            background-color: #f5fdfb;
            color: #00c19a;
        }

        /* ✅ الأزرار في أسفل القائمة */
        .offcanvas .btn-main {
            background-color: #00c19a;
            border: none;
            color: #fff;
            border-radius: 30px;
            padding: 10px 25px;
            width: 100%;
            margin-bottom: 10px;
            font-weight: 600;
            transition: 0.3s;
        }

        .offcanvas .btn-main:hover {
            background-color: #00977c;
        }

        .offcanvas .btn-outline-main {
            border: 2px solid #00c19a;
            color: #00c19a;
            border-radius: 30px;
            padding: 10px 25px;
            width: 100%;
            font-weight: 600;
            transition: 0.3s;
        }

        .offcanvas .btn-outline-main:hover {
            background-color: #00c19a;
            color: #fff;
        }

        /* لجعل collapse (القوائم الفرعية) داخل الـ Offcanvas تظهر بانسيابية */
        .offcanvas .collapse {
            margin-right: 10px;
            border-right: 2px solid #e6f8f4;
            padding-right: 10px;
            margin-top: 5px;
            margin-bottom: 10px;
        }

        @media(max-width:758px) {
            .offcanvas .collapse {
                margin: 0;
                border: unset !important;
            }
        }

        /* footer */
        .raha-footer {
            background-color: #fafafa;
            font-size: 1.1rem;
        }

        .raha-footer-links li {
            color: #555;
            margin-bottom: 8px;
            transition: 0.3s;
            cursor: pointer;
        }

        .raha-footer-links li:hover {
            color: #00c19a;
        }

        .raha-payment-icons img {
            width: 250px;
            margin-inline: 5px;
            /* filter: grayscale(1); */
            filter: none !important;
            /* opacity: 0.8; */
        }

        .raha-payment-icons img:hover {
            /* filter: none;
            opacity: 1; */
        }

        /* 🌿 أيقونات التواصل */
        .raha-social a {
            color: #3bd8ad;
            font-size: 1.3rem;
            margin-inline: 8px;
            transition: 0.3s;

            width: 32px;
            height: 32px;

            display: inline-flex;
            align-items: center;
            justify-content: center;

            border: 1px solid #3bd8ad;
            border-radius: 50%;
        }

        .raha-social a i {
            font-size: 18px !important;
        }

        .raha-social a:hover {
            color: #009b80;
        }

        .breadcrumb-item {
            font-size: 14px !important;
        }

        .navbar-expand-lg .navbar-collapse {
            align-items: baseline !important;
        }

        @media(max-width:758px) {



            .navbar-toggler {
                padding: 0 !important;
                color: #00b49c !important;
                font-weight: 800 !important;
            }

            .offcanvas-body .btn-main {
                width: 100% !important;
                display: block;
            }
        }

        .raha-footer-links {
            padding: 0;
        }


        .bi-tiktok,
        .bi-snapchat,
        .bi-twitter-x,
        .bi-instagram,
        .bi-facebook,
        .bi-whatsapp,
        .bi-youtube {
            color: #00c19a;
        }

        .raha-footer {
            background: rgba(244, 244, 244, 1) !important;
        }

        .braight-light {
            z-index: 10 !important;
        }

        .whatsapp-flat {
            position: fixed;
            bottom: 2rem !important;
            right: 1rem !important;

        }

        .whatsapp-flat a {
            width: 50px;
            height: 50px;
            display: block;
            text-align: center;
            border-radius: 50%;
            line-height: 1.8;
            /*background: #ffffff;*/
            /*background:green;*/
                background: #00c19a;
            
            box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
        }

        .whatsapp-flat a i {
            font-size: 29px;
            /*color: #00c19a;*/
                color: white;
        }

        .braight-light {
            display: none !important;
        }
        .container-page{
            padding: 100px 0 !important;
        }
        @media(max-width:758px)
        {
           .container-page{
            padding: 81px 0 !important;
        } 
        }
        
        
        
        
        /* أساس القائمة */
.fade-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s ease;
    margin-top: 0;
    border-radius: 18px;
    padding: 15px 0;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* عند الهوفر */
.nav-item.dropdown:hover .fade-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* يمنع Bootstrap من إخفائها بالـ JS */
.dropdown-menu {
    pointer-events: none;
}

.nav-item.dropdown:hover .dropdown-menu {
    pointer-events: auto;
}

[lang="en"] .breadcrumb-wrapper{
        direction: ltr !important;
}
[lang="en"] header .navbar{
    direction: ltr !important;
}
#navMenu{
    justify-content: space-evenly;
}




/*End move*/