@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Arabic:wght@100..900&display=swap');



.ltr-num,
.cms-contact-block{
    direction: ltr;
    text-align: right;
}

.single-services #primary{
      margin-right: 0;  
}

.entry-share{
   display: none; 
}

button, input, optgroup, select, textarea,
.cms-gallery-carousel .owl-carousel.overlapped-owl-nav .owl-nav > div span.prev, 
.cms-gallery-carousel .owl-carousel.overlapped-owl-nav .owl-nav > div span.next,
h1, h2, h3, h4, h5, h6,
body{
    font-family: "Noto Sans Arabic", sans-serif;  
}

.vc_row-overlay-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    z-index: 0;
}

body {
    direction: rtl;
    unicode-bidi: embed;
}

/* =============================================
   RTL: Bootstrap Grid — ALL breakpoints
   ============================================= */

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,
.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8,
.col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right;
}

/* =============================================
   RTL: WPBakery Grid — THE REAL FIX
   
   js_composer.min.css loads BEFORE this file in
   WordPress queue and sets float:left on all
   vc_col-* classes. We use html[dir="rtl"] prefix
   to guarantee higher specificity that wins
   regardless of load order.
   ============================================= */

html[dir="rtl"] .wpb_column,
html[dir="rtl"] [class*="vc_col-xs-"],
html[dir="rtl"] [class*="vc_col-sm-"],
html[dir="rtl"] [class*="vc_col-md-"],
html[dir="rtl"] [class*="vc_col-lg-"] {
    float: right !important;
}

/* =============================================
   Social Icons
   ============================================= */

a.social-icon.bg-icon + a.social-icon.bg-icon{
    margin-right: 7px;
    margin-left: 0;
}
a.social-icon.color-bg-icon + a.social-icon.color-bg-icon{
    margin-right: 7px;
    margin-left: 0;
}
a.social-icon + a.social-icon {
    margin-left: 0;
    margin-right: 16px;
}

/* =============================================
   Header / Nav
   ============================================= */

.middle-info .icon-left{
    padding-right: 0;
    padding-left: 20px;
}
.search_modal_button{
    right: auto;
    left: 0;
}
.theme_button{
    right: auto;
    left: 0;
}
.search-modal .close{
    z-index: 1;
}
.header-layout1 .navbar-toggle{
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/* =============================================
   Footer
   ============================================= */

.footer-bottom .copyright{
    padding-right: 0;
    padding-left: 8px;
}
.footer-bottom .copyright:after{
    right: auto;
    left: 0;
}
.footer-bottom .copyright-col ul li + li:before{
    left: auto;
    right: -3px;
}

/* =============================================
   Booking Form
   ============================================= */

.booking-form i{
    right: auto;
    left: 30px;
}
.booking-form .form-control + i{
    right: auto;
    left: 30px;
}

/* =============================================
   Teasers / Media
   ============================================= */

.cms-teaser.layout7 .media-left{
    padding-right: 0;
    padding-left: 20px;
}
.media-left, .media>.pull-left{
    padding-right: 0;
    padding-left: 10px;
}
.cms-teaser.layout5 .media-right{
    padding-left: 0;
    padding-right: 10px;
}

/* =============================================
   Testimonials
   ============================================= */

.cms-testimonial-wrap.layout3 .blockquote-item blockquote:after{
    left: auto;
    right: 6px;
}
.cms-testimonial-wrap.layout1 .testi-avatar{
    float: right;
    padding-right: 0;
    padding-left: 10px;
}

/* =============================================
   Sidebar / Template
   ============================================= */

.right-side-template > .row > * {
    float: left;
}
.is-sidebar-right > div{
    float: left;
}

/* =============================================
   Title
   ============================================= */

.cms-title-header.style-1 .thin{
    display: block;
}

/* =============================================
   VC / WPBakery Tabs
   ============================================= */

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-theme-vertical-home .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a{
    margin-right: 0;
    margin-left: 50px;
}
.wpb-js-composer .vc_tta.vc_tta-controls-align-left .vc_tta-panel-heading,
.wpb-js-composer .vc_tta.vc_tta-controls-align-left .vc_tta-tabs-container{
    text-align: right !important;
}

/* =============================================
   Side Menu
   ============================================= */

.mainmenu_side_wrapper ul{
    padding-right: 0;
}
.mainmenu_side_wrapper ul ul li{
    padding-left: 0;
}

/* =============================================
   Widgets
   ============================================= */

.widget_sidebar_recent_posts .entry-thumbnail{
    padding-right: 0;
    padding-left: 20px;
}
.widget_medix_recent_post .entry-thumbnail{
    padding-right: 0;
    padding-left: 20px;
}
.widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a{
    padding: 13px 16px 12px 0;
}
.widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before{
    right: -3px;
    left: auto;
}
.product-categories .count, .widget_recent_entries .count, .widget_categories .count, .widget_meta .count, .widget_archive .count{
    float: left;
}
.widget_ww_news_tabs .nav-tabs>li{
    float: right;
}
.widget_ww_news_tabs .nav-tabs > li > a{
    margin-right: 0;
}

/* =============================================
   WooCommerce
   ============================================= */

.woocommerce .widget-area .widget_products ul.product_list_widget li img{
    float: right;
    margin-right: 0;
    margin-left: 12px;
}
.woocommerce .widget-area .widget_products .content-right{
    margin-left: 0;
    margin-right: 82px;
}
.woocommerce-checkout form .form-row-first{
    padding-right: 0 !important;
}
.woocommerce-checkout form .form-row-last{
    padding-left: 0 !important;
    padding-right: 5px !important;
}
.woocommerce-checkout-payment ul li input{
    margin: 0 15px 0 0 !important;
}
.woocommerce-cart .cart .action-cart .checkout-button {
    margin-left: 0;
    float: left;
    margin-right: 6px;
}

/* =============================================
   Contact
   ============================================= */

.contact-info-wrap p{
    padding-left: 0;
    padding-right: 23px;
}
.contact-info-wrap i{
    left: auto;
    right: 0;
}

/* =============================================
   Forms / Inputs
   ============================================= */

select, textarea,
input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="color"],
.login-select, .form-control, .uneditable-input{
    text-align: right;
}

/* =============================================
   Accordion
   ============================================= */

.cms-accordion .panel-body .media-left{
    padding-right: 10px;
    padding-left: 28px;
}

/* =============================================
   Message Box
   ============================================= */

.cms-message-box .close{
    float: left;
}

/* =============================================
   Lists
   ============================================= */

.list1.no-bullets li{
    padding-right: 0;
}
.list1 ul{
    padding-right: 0;
}
.list1 ul li{
    padding: 9px 30px 10px 0;
}
.list1 ul li:before{
    right: 10px;
    left: auto;
}
ul.list2, .list2 ul{
    padding-right: 20px;
    padding-left: 0;
}
ul.list2 li:before, .list2 ul li:before{
    right: -18px;
    left: auto;
}
.list3 ol, ol.list3{
    padding-right: 20px;
    padding-left: 0;
}
.list2.triangle-bullet li:before{
    right: -18px;
    left: auto;
}

/* =============================================
   Department
   ============================================= */

.cms-department .tab-list li a{
    padding: 0 0 0 30px;
}
.cms-department .tab-list li a:after{
    content: "\f104";
    right: auto;
    left: 0;
}
.cms-department.department2 .owl-nav{
    left: 0;
    right: auto;
}

/* =============================================
   Background Sections
   ============================================= */

.home-section02-bg{
    background: #35BA98E6 url(https://beta.bloomdentalcenter.ae/wp-content/uploads/2017/06/highlights.jpg?id=1037) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.home-section04-bg {
    background: #3C5DAA05 url(https://beta.bloomdentalcenter.ae/wp-content/uploads/2026/05/about_home_bg.jpg?id=7219) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.home-section05-bg {
    background-color: #f3f4f5 !important;
}
.home-section06-bg {
    background: rgba(1, 178, 183, 0.9) url(https://beta.bloomdentalcenter.ae/wp-content/uploads/2017/06/placeholder.jpg?id=1198) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.home-section07-bg {
    background-color: #f3f4f5 !important;
}

/* =============================================
   Typography
   ============================================= */

.bold-subtitle{
    font-weight: 500;
}
h2, .h2 {
    font-size: 50px;
    line-height: 1.5;
}

/* =============================================
   Spacing Utilities
   ============================================= */

.margin-top{
    margin-top: 40px !important;
}
.module-header,
.owl-carousel .owl-dots,
.margin-buttom{
    margin-bottom: 40px !important;
}

/* =============================================
   Responsive: max-width 767px
   ============================================= */

@media screen and (max-width: 767px){
    .header-layout1 .navbar-toggle {
        right: auto;
        left: 0;
    }
}

/* =============================================
   Responsive: max-width 1199px (collapsed nav)
   ============================================= */

@media screen and (max-width: 1199px){
    .header-navigation .main-navigation ul.nav-menu > li > a{
        text-align: right;
    }
    .header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle{
        right: auto;
        left: 0;
    }
    .header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li a, 
    .header-navigation .main-navigation .menu-main-menu > li ul.children li a{
        text-align: right;
    }
    .header-navigation .main-navigation ul.nav-menu > li .sub-menu span.cs-menu-toggle{
        right: auto;
        left: 10px;
    }
}

/* =============================================
   Responsive: min-width 768px (sm)
   ============================================= */

@media (min-width: 768px){
    /* Bootstrap */
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
    .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
    .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right;
    }
    /* WPBakery — html[dir] prefix beats js_composer.min.css specificity */
    html[dir="rtl"] [class*="vc_col-sm-"] {
        float: right !important;
    }
    .col-sm-push-1 {
        right: 8.33333333%;
        left: auto;
    }
    .col-sm-push-5 {
        right: 41.66666667%;
        left: auto;
    }
    .col-sm-pull-7 {
        left: 58.33333333%;
        right: auto;
    }
}

/* =============================================
   Responsive: min-width 992px (md)
   ============================================= */

@media (min-width: 992px){
    /* Bootstrap */
    .col-md-1, .col-md-2, .col-md-3, .col-md-4,
    .col-md-5, .col-md-6, .col-md-7, .col-md-8,
    .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }
    /* WPBakery */
    html[dir="rtl"] [class*="vc_col-md-"] {
        float: right !important;
    }
    .site-content .col-md-push-5{
        left: auto;
        right: 41.66666667% !important;
    }
    .site-content .col-md-pull-7{
        right: auto;
        left: 58.33333333% !important;
    }
    .col-md-push-4 {
        right: 33.33333333%;
        left: auto;
    }
    .col-md-pull-8 {
        left: 66.66666667%;
        right: auto;
    }
    .col-md-push-1 {
        right: 8.33333333%;
        left: auto;
    }
    .page-title.layout-4 h2{
        padding-right: 0;
        padding-left: 20px;
    }
    .page-title.layout-4 .breadcrumb-text {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        border-left: 0;
        padding-left: 0;
        padding-right: 20px;
    }
}

/* =============================================
   Responsive: min-width 1200px (lg)
   ============================================= */

@media (min-width: 1200px){
    /* Bootstrap */
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
    .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
    .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right;
    }
    /* WPBakery */
    html[dir="rtl"] [class*="vc_col-lg-"] {
        float: right !important;
    }
    .header-navigation .main-navigation li ul{
        right: 0;
        text-align: right;
    }
    .header-navigation .main-navigation li li:not(.group):hover > ul {
        right: 100%;
    }
    .header-navigation .main-navigation .menu-main-menu > li:first-child > a{
        padding-right: 0;
    }
    .header-navigation .main-navigation .menu-main-menu > li:last-child > a{
        padding-left: 0;
    }
    .header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .menu-item-has-children > a:after, 
    .header-navigation .main-navigation .menu-main-menu > li ul.children .menu-item-has-children > a:after, 
    .header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .page_item_has_children > a:after, 
    .header-navigation .main-navigation .menu-main-menu > li ul.children .page_item_has_children > a:after{
        right: auto;
        left: 40px;
    }
    .header-navigation .main-navigation li li:not(.group):hover > ul{
        right: auto;
        left: 100%;
    }
    .header-layout5 .nav-menu > li + li {
        border-left: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}




@media (min-width: 1200px) {
  .vc_col-lg-offset-1 {
    margin-right: 8.33333333%;
  }
}


@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right!important;
    }
    .home-section07-bg,
    .vc_custom_1780090117988,
    .home-section05-bg{
        padding-left: 90.5px!important;
        padding-right: 90.5px!important; 
    }

}

#list_services-1{
    margin-right: 2em;
}

.list2.triangle-bullet li:before {
    content: "\f0d9";
}