/*       home    */

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

ul.dropdown-menu.notify-drop.show {
    left: initial !important;
}


.img-banner-about img {
    width: 100% !important;
    height: 400px;
}

.view-video-courses .views-view-responsive-grid__item-inner {
    /* background: red; */
    text-align: center;
    color: white;
    font-size: 16px;
    margin: 20px auto;
    border-radius: 10px;
}



.view-video-courses .views-view-responsive-grid__item-inner a {
    color: #ffffff;
    background-color: #ff0303;
    padding: 6px 19px;
    border-radius: 10px;
    margin: 20px;
    font-size: 14px;
    box-shadow: 0px 0px 17px 4px blue;
}

.view-video-courses .views-view-responsive-grid__item-inner a:hover {
   background-color: #c30000;  
    box-shadow: 0px 0px 16px 7px blue;
}



.view-video-courses {
    width: 85%;
    margin: 30px auto;
    
    
}



body{
    background:black;
    color:white;
}

header nav ul li a {
    color: #999898 !important;
}



header nav ul li a.is-active,
header nav ul li a:hover{
    color: red !important;
    transition:0.5s;
}



.views-field.views-field-title {
    z-index: 9999 !important;
}



.views-field.views-field-body {
    z-index: 999999 !important;
}



 
.tns-inner {
    position: relative;
}


.home-slider-title {
    position: absolute;
    top: 200px;
    left: 50px;
    color: white !important;
    font-size: 60px;
}



.home-slider-body {
    position: absolute;
    top: 250px;
    left: 530px;
    color: white !important;
    font-size: 30px;
}

div#block-puredentalclinics-views-block-home-slider-block-1 {
    max-height: initial;
    overflow: hidden;
    height:690px;
}

div#navbarSupportedContent {
    /*justify-content: space-between !important;*/
}


nav.navbar.navbar-expand-lg {
    width: 90%;
    margin: 0 auto;
}


li.nav-item a {
    color: rgba(0, 0, 0, 0.55);
    font-size: 17px;
    font-weight: 480;
}

a.nav-link.is-active {
    color: black;
    font-weight: 550;
}



.region.region-nav-additional {
    display: flex;
}


select#edit-lang-dropdown-select {
    border: initial;
    background-color: transparent;
    color: red;
    font-weight: 500;
    text-align: center;
    border-radius: 100px;
    width: 20px !important;
    cursor: pointer;
}

select#edit-lang-dropdown-select:hover {
    border: initial;
    background-color: transparent;
    color: red;
    font-weight: 500;
    text-align: center;
    border-radius: 100px;
    width: 20px !important;
    cursor: pointer;
}


nav#block-puredentalclinics-account-menu {
    display: flex;
    align-items: center;
}
select#edit-lang-dropdown-select option {
    background-color: white;
}

.block-about-us {
    height: 480px !important;
    text-align: center;
    padding: 60px;
}


/*.block-about-us{*/
    
/*    background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/block-about-us.jpeg);*/
/*    background-position: top;*/
/*    background-size: 100% auto;*/
/*    background-repeat: no-repeat repeat;*/
/*}*/

.col-md-6.block-about-text {
    text-align: left;
}


.block-about-link a{
      background-color: black;
    color: red;
    border: 1px solid red;
    text-align:center;
    border-radius: 100px;
    padding: 10px 30px;
    text-decoration: none;
    
}

.block-about-body {
    margin-bottom: 50px;
}



h1.block-about-title {
    font-size: 35px;
    font-weight: 340;
}

p.small-title {
    font-size: 12px;
    border: 1.5px solid red;
    font-weight: 600;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
}



.banner-bottom-block-about {
    text-align: center;
    height: 300px;
    font-size: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    background-image: url(https://l2bp.net/themes/custom/puredentalclinics/image/upscaled-2x-pngtree-dynamic-violet-artwork-swirling-background-or-textured-illustration-in-shades-of-image_13733008.png);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat repeat;
    background-attachment:fixed;
    color:white;
    
    
    
}





.view-id-section_in_front .view-content {
    display: flex;
    width: 90%;
    margin: 0 auto;
    height: 655px !important;
    align-items: center;
    justify-content: space-evenly;
}

.view-id-section_in_front .view-content .col-lg-3 {
    text-align: center;
}




.view-id-section_in_front .view-content .col-lg-3 img {
    border-radius: 8px 8px 0px 0px;
}

.view-id-section_in_front .view-content .col-lg-3 .views-field.views-field-title {
    font-size: 22px;
    font-weight: bold;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}


.view-id-section_in_front .view-content .col-lg-3 .views-field.views-field-body {
    height: 120px;
}

.view-id-section_in_front .view-content .col-lg-3 a {
    color: #1e6086 !important;
    text-decoration: none;
}

.opacity-banner {
    background-color: #00000073;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.opacity-banner h1{
    font-size:4rem;
    font-weight:400;
    color:white;
    width: 85%;
}


.view-id-section_in_front .view-content .col-lg-3 .views-field-field-link .field-content{
    color: #1e6086 !important;
    border-radius: 0 0 0.5rem 0.5rem;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 0 solid var(--o-border-color);
    padding: 5px;
}


.block-views-blocksection-in-front-block-1 {
    background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/07.svg);
    background-position: right bottom;
    background-size: auto 100%;
    background-repeat: no-repeat no-repeat;
}


.view-id-section_in_front .view-content .col-lg-3 {
    text-align: center;
    border-radius: 5px;
        box-shadow: 0px 0px 14px 7px red;
}

div#block-puredentalclinics-views-block-accredited-by-block-1 h2 {
    text-align: center;
    margin: 25px;
}

.view-id-accredited_by .view-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    margin: 20px 104px;
    
}



.view-id-accredited_by .col-lg-2{
    width: 165px;
    height: 130px;
}




.view-banner-contact-us {
    background: #001656;
    text-align: center;
    padding: 45px;
    background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/08.svg);
    background-position: top;
    background-size: 100% auto !important;
    background-repeat: no-repeat;
    height: 300px;
}

.view-banner-contact-us .views-field.views-field-title span {
    font-size: 1.875rem;
}


.view-banner-contact-us a {
    color: #FFFFFF;
    background-color: #20668e;
    border-color: #1e6086;
    font-size: 19px;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 50px;
}





.menu--account ul.nav.navbar-nav .nav-item a {
    color: black !important;
    border-radius: 50px;
    padding: 0.3rem 1.35rem;
    background-color: red;
    font-weight: 400;
    border: 1px solid red;
}

.menu--account ul.nav.navbar-nav .nav-item a:hover {
    color: red !important;
    background-color: black;
    border: 1px solid red;
    transition: 0.5s;
    border-radius: 50px;
    padding: 0.3rem 1.35rem;
    font-weight: 400;
}



a.call-nav.nav-link {
    color: rgba(0, 0, 0, 0.55) !important;
    border: none !important;
    font-size: 0.9rem !important;
}



a.call-nav.nav-link:hover {
    color: black !important;
    border: none !important;
    font-size: 0.9rem !important;
    background:white !important;
}

.footer-custom {
    color: red;
    background: black;
    padding: 40px;
    border-radius: 20px;
}

.footer-custom a{
     color: red !important;
     font-weight:500;
}

.img-logo img {
    width: 160px;
    height: 160px;
    border-radius: 5px;
}



.footer-custom h3 {
    color: white;
}

footer.mt-auto.footer-dark.text-light.bg-secondary {
    background:#0049a7 !important;
    height: 330px;
}

.copyright {
    text-align: center;
}






/************************************    banner    *********************************   */


.banner-in-about {
    position: relative;
}




.label-banner-about {
    position: absolute;
    top: 45%;
    left: 10%;
    color: white;
    font-size: 40px;
    font-weight: 500;
    background-color: initial;
    padding: 50px;
    border-radius: 50px;
}





.block-about-us-in-page-about {
    background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/18.svg);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat repeat;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.block-about-us-in-page-about .col-md-6.block-about-img {
    text-align: center;
}


.text-with-image{
    /*background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/block-about-us.jpeg);*/
    background-position: top;
    background-size: 100% auto;
    height: 500px;
    display: flex;
    background-repeat: no-repeat repeat;
    align-items: center;
}

.text-with-image .col-lg-6 {
    display: flex;
    align-items: center;
}


.text-with-image .col-lg-6 img.img-fluid {
    width: 535px;
    height: 322px;
}

.text-with-image .col-lg-6 img {
    border: 1px solid #0016ff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 19px 3px #0016ff;
}






.block-views-blockour-professional-dentists-block-1 h2{
    
      /*background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/04.svg);*/
    /*background-position: top;*/
    /*background-size: 100% auto;*/
    /*background-repeat: no-repeat no-repeat;*/
 border-top: 2px solid red;
    font-size: 45px;
    padding: 30px 10% 30px;
}


.block-views-blockour-professional-dentists-block-1 .view-content {
    display: flex;
    width: 85%;
    margin: 0 auto;
}




.professional-box .row {
    display: flex;
    align-items: center;
}


.block-views-blockour-professional-dentists-block-1{
background-image: url(https://l2bp.net/themes/custom/puredentalclinics/image/upscaled-2x-Layer%2010.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat no-repeat;
    height:470px;
    }


.professional-box {
    box-shadow: 0px 0px 6px 3px gainsboro;
    padding: 15px;
    border-radius: 5px;
    margin: 20px auto;
}




.label-banner-services {
    position: absolute;
    top: 45%;
    left: 10%;
    color: white;
    font-size: 40px;
    font-weight: 500;
    padding: 50px;
    border-radius: 50px;
}





.view-services.view-id-services {
    background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/18.svg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding:50px;
}


.box-services .row {
    display: flex;
    align-items: center;
    background: black;
    margin: 50px auto;
    border-radius: 5px;
}


.box-services .row .col-lg-4{
        height: 300px !important;
    padding:0px;
}

.box-services .row .col-lg-4 img.img-fluid {
    border-radius: 5px 0px 0px 5px;
    height: 300px !important;
}

.box-services .row .col-lg-8 {
    padding: 40px;
}
.label-services {
    font-size: 30px;
    font-weight: 500;
}




.view-section.view-id-section .views-field.views-field-title {
    text-align: center;
    font-size: 45px;
    font-weight: 500;
    margin: 20px auto 50px;
}


input#edit-actions-submit {
    width: auto !important;
}

div#edit-actions {
    text-align: center;
}


.view-section.view-id-section .views-field.views-field-field-image {
    text-align: center;
}
.view-section.view-id-section .views-field.views-field-body {
    width: 79%;
    margin: 100px auto;
}


.img-banner-contact img {
    width: 100%;
}


.label-banner-contact {
    position: absolute;
    top: 45%;
    left: 10%;
    color: white;
    font-size: 40px;
    font-weight: 500;
    background-color: initial;
    padding: 50px;
    border-radius: 50px;
}

.row.webform-type-fieldset > .fieldset-wrapper {
    display: flex;
}
.row.webform-type-fieldset .form-item input {
    width: 50% !important;
}

.row.webform-type-fieldset .form-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.row.webform-type-fieldset legend {
   width:0%;
}




.text-in-webform legend {
   width:100% !important;
}




.blog .col-lg-6 p {
    background-color: #F8FBFA !important;
    color: #212529;
    width: 70px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
}

.link-blog  {
    
    margin: 20px;
}


.link-blog a {
    color: #FFFFFF;
    background-color: #2678A7;
    border-color: #2678A7;
    box-shadow: none;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 20px;
}

.container.blog {
    padding: 20px 0;
    border-bottom: 1px solid gainsboro;
    margin: 50px auto;
}



.form--inline.clearfix {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: center;
}


.img-blog img {
    width: 350px;
    height: 160px;
    border-radius: 5px 5px 0px 0px;
}

.blog-box {
    text-align: center;
    margin: 15px 0 25px;
    width: 100% !important;
    max-width: 350px !important;
    height: 250px !important;
}

.blog-box .label-blog {
    width: 80%;
    height: 60px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    align-content: space-around;
    align-items: center;
}
.label-blog a {
    text-decoration: none;
    color: #1e6086;
    font-weight: 500;
}


.blog-box .label-blog {
    width: 80%;
    height: 60px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    align-content: space-around;
    align-items: center;
}
.label-blog a {
    text-decoration: none;
    color: #1e6086;
    font-weight: 500;
}

.select-blog {
    padding: 0.5rem 1.75rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 0 solid var(--o-border-color);
    width: 100%;
    margin: 0 auto;
        border-radius: 0px 0px 5px 5px;
        display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
        font-size: 12px;
    font-weight: 600;
}



div#block-puredentalclinics-views-block-home-slider-block-1 .tns-outer img {
    max-width: 100%;
    width: 100%;
}

.form-textarea-wrapper {
    width: 50%;
    /*height: 20px !important;*/
    margin: 0 0 20px;
}


h4.small-caption {
    color: #55585a;
    width: 90%;
    margin: 0 auto;
}

.text-blog {
    color: #8b8d90;
    font-size: 16px;
    width: 90%;
    margin: 0 auto;
}


.node--type-blog.node--view-mode-full img.img-fluid.image-style-wide {
    width: 100% !important;
    margin: 10px 0 50px;
}



.node--type-blog.node--view-mode-full .field--name-body p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}



.node--type-blog.node--view-mode-full .field--type-image{
    width: 70%;
    margin: 30px auto 50px;
}

.page-node-type-blog h1 {
    text-align: center;
    font-size: 55px;
    margin: 50px auto;
}

.page-node-type-page .block-page-title-block h1 {
    display: none;
}


.node--type-blog iframe{
    width:720px !important;
    height:480px !important;
    margin:20px 0 30px;
}



.tns-liveregion.tns-visually-hidden {
    display: none;
}




/*header {*/
/*    position: fixed;*/
/*    z-index: 999999;*/
/*    width: 100%;*/
/*    background: white;*/
/*    height: 85px;*/
/*    top:0px;*/
/*}*/


body {
    /*padding-top: 85px;*/
}
.container.block-backage {
    margin: 50px auto;
}



.col-lg-3.box-backage img {
    width: 100%;
    height: 250px;
}

.box-backage-label {
    text-align: center;
    margin: 15px auto;
    font-size: 23px;
    border-bottom: 0.2px solid #564f4f;
    padding: 0px 0px 15px;
}

.view-slider-sections {
   background-image: url(https://puredentalclinics.dbm-me.com/themes/custom/puredentalclinics/image/PM.jpeg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat no-repeat;
    padding: 200px 100px 10px;
        height: 550px;
}


.view-slider-sections .views-field.views-field-title {
    font-size: 37px;
    font-weight: 500;
}



nav#block-puredentalclinics-blog ul.nav.navbar-nav {
    display: flex;
    flex-direction: row;
}

nav#block-puredentalclinics-blog {
    display: flex;
    align-items: center;
    width: 85%;
    margin: 0 auto;
}




.view-news-page.view-id-news_page { 
    width: 85%;
    margin: 0 auto;
}


.select-blog .category {
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
    align-items: center;
    color: #636669;
}


.select-blog .category .fontawesome-icons {
    margin: 0 5px;
}




option[value="40"] {
   color:red;
}


.banner-in-blog img.img-fluid {
    width: 100%;
    max-width: 445px;
    max-height: 130px;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    height: 130px;
}


.banner-in-blog .co-lg-5 {
   display:flex;
}








form#lang_dropdown_form_lang-dropdown-form {
    display: flex;
    align-items: center;
}



button.navbar-toggler.collapsed {
    background: #eb0000;
    border: 2px solid black;
    width: 15%;
    text-align: center;
}




.block-views-blocksection-in-front-block-1 .col-lg-3 {
    background: #191C24 !important;
        height: 420px !important;
}




.block-views-blocksection-in-front-block-1 .col-lg-3 .views-field.views-field-field-image {
    background: black;
    height: 200px;
    display: flex;
    justify-content: center;
}



.block-views-blocksection-in-front-block-1 .col-lg-3 .views-field.views-field-field-image img {
     height: 200px;   
    
    
}



.box-backage-link a {
    background: #2e2e2e;
    width: 100% !important;
    padding: 5px 30px;
    border-radius: 5px;
    color: red;
    box-shadow: 0px 0px 7px 1px gainsboro;
        transition: 0.5s;
}


.box-backage-link a:hover {
   background: yellow; 
}

.col-lg-3.box-backage {
    text-align: center;
    border: 2px solid red;
    margin: auto 20px 30px;
    padding: 0px 0px 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 3px red;
    height: 375px;
}




.box-backage-link a:hover {
    background: #626262;
    transition: 0.5s;
    padding: 3px 40px;
    font-size: 19px;
    font-weight: bold;
    box-shadow: 0px 0px 7px 2px white;
}





input#edit-submit--2 {
    display: none !important;
}




form#user-login-form {
    width: 25%;
    margin: 50px auto 50px;
    box-shadow: 0px 0px 25px 9px blue;
    padding: 15px;
    border-radius: 10px;
}


.page-node-type-video-courses h1 {
    text-align: center;
    color: white;
    background: red;
    width: 60%;
    margin: 20px auto;
    border-radius: 10px;
}











  video::-internal-media-controls-download-button {
    display:none;
   }

   video::-webkit-media-controls-enclosure {
        overflow:hidden;
   }

   video::-webkit-media-controls-panel {
        width: calc(100% + 30px); 
   }
   
   
   
   article.profile {
    text-align: center;
    margin: 50px auto;
    box-shadow: 0px 0px 17px 3px red;
    width: 75%;
    padding: 20px;
    border-radius: 10px;
}
   
   
   
   .field.field--name-field-name.field--type-string.field--label-above .field__item {
    font-size: 20px;
    margin: 20px 0px;
    color: #00f1ff;
    font-weight: bold;
}
   
   
   .node--type-video-courses {
    text-align: center;
    margin: 50px auto;
    width: 80%;
}
.box-video-course {
    /*height: 450px;*/
}


.box-video-course h2 {
    border: solid 2px red;
    border-top: 0px;
    border-bottom: solid 1px white;
    font-size: 20px;
    height: 100px;
    border-bottom-width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}



/*.box-video-course h2 {*/
/*    height: 150px;*/
/*    text-align: center;*/
/*    border-bottom: 1px solid white;*/
/*    padding: 10px;*/
/*}*/

.box-video-course img {
    width: 100%;
    height: auto;
}






.view.view-student-work {
    margin: 0 auto;
    width: 85%;
    padding: 50px 0;
}

.view.view-student-work .views-view-responsive-grid__item-inner {
    text-align: center;
    padding: 10px;
    line-height: 48px;
    border: 2px solid red;
    border-radius: 10px;
    box-shadow: 0 0 7px 1px blue;
    font-size: 18px;
        height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}




div#block-puredentalclinics-content form#node-student-work-form {
    width: 50%;
    margin: 0 auto;
    line-height: 38px;
    /* text-align: center; */
    padding: 30px 0;
}

div#block-puredentalclinics-content article.node.node--type-student-work.node--view-mode-full {
    width: 70%;
    margin: 30px auto;
    padding: 50px 20px;
    background: #2c2a2a;
    line-height: 30px;
    border-radius: 10px;
    font-size: 18px;
}






div#edit-actions input#edit-preview {
    display: none !important;
}



form#node-form-motamar-form {
    width: 60%;
    margin: 50px auto;
}



.container.block-backage .row {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}






div#block-puredentalclinics-views-block-evaluation-block-1 .views-view-responsive-grid__item {
    width: 80% !important;
    margin: 20px auto;
    text-align: center;
    height: auto;
    padding: 30px 10px;
    line-height: 30px;
    border: 2px solid red;
    display: inline-block;
    border-radius: 20px;
    overflow-wrap: break-word;
}


div#block-puredentalclinics-views-block-warning-block-1 .views-field.views-field-body {
    width: 80%;
    margin: 20px auto;
    text-align: center;
    padding: 25px;
    background: #ffe8b3;
    color: #ff6c00;
    font-size: 19px;
    border-radius: 10px;
    display: flex
;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}





div#block-puredentalclinics-countdowntimer {
    width: 80%;
    margin: 20px auto;
    text-align: center;
    background-color: #bce5d6;
    color: #222222;
        border-radius: 10px;
}

div#block-puredentalclinics-countdowntimer h2 {
    font-size: 23px;
    padding: 10px;
}


div#block-puredentalclinics-views-block-evaluation-block-1 .views-view-responsive-grid__item span.field-content {
    font-size: 16px;
    color: #40daff;
    text-shadow: 0px 4px 10px red;
}



.notification-bell {
    position: relative;
    width: 40px;
    height: 50px;
    background-color: #f0c419; /* لون الجرس */
    border-radius: 50% 50% 20% 20%; /* تكوين رأس الجرس */
    border: 2px solid #d1a312; /* إطار الجرس */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* القاعدة العلوية */
.notification-bell::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background-color: #d1a312;
    border-radius: 50%;
    border: 2px solid #b8900c;
}

/* المعلق الداخلي */
.clapper {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background-color: #b8900c; /* لون المعلق */
    border-radius: 50%;
}

/* نقطة الإشعارات */
.notification-dot {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    background-color: red; /* لون الإشعار */
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}








 .notification-container {
            position: relative;
        }
.bell {
            font-size: 30px;
            cursor: pointer;
            position: relative;
            display: inline-block;
            transform: rotate(-15deg);
            animation: pulse 1.5s infinite;

        }
 .notification-badge {
            position: absolute;
            top: 0;
            right: 0;
            background-color: red;
            color: white;
            font-size: 14px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            animation: pulse 1.5s infinite;
        }
 @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }



ul.nav.navbar-nav.navbar-right {
    position: absolute;
    bottom: 13px !important;
    left: 0px;
}


div#block-puredentalclinics-notificationwidgetblock {
    position: relative;
}




.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #ffc83d !important;
}


.region.region-nav-main {
    display: flex;
    justify-content: center;
    align-items: center;
}







.cerbox.views-row {
    width: 50% !important;
    display: flex
;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin: 30px auto;
    border: 2px solid red;
    border-radius: 50px;
    line-height: 50px;
}