/* @font-face{
    font-family: "font-din-regular";
    src: url("../../font/DIN NEXT™ ARABIC REGULAR.OTF") format("ttf");
}
@font-face{
    font-family: "font-din-bold";
    src: url("../../font/DIN NEXTтДв ARABIC BOLD.OTF") format("ttf");
}

[dir="rtl"] body{
    font-family: "font-din-regular";
} */
@font-face {
    font-family: "hacen";
    src: url("../font/hacen-beirut-light.ttf") format("truetype");
}
html{
    scroll-behavior: smooth;
}
a{
    text-decoration: none !important;
    transition: 0.4s;
    text-transform: capitalize;
}
body{
    text-align: start;
    background-color: #FDFDFD;
    font-family: hacen,Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;
}
img{
    width: 100%;
    height: auto;
}
ul{
    padding: 0;
}
ul::after{
    display: none !important;
}
.row{
    align-items: center;
    margin: 0;
}
h1,h2,h3{
    color: #004e7d;
}
a,p,h6{
    color: #707070 ;
}
div#wrapper {
    overflow: hidden;
}
.btn.focus, .btn:focus{
    box-shadow: none;
    outline: none;
}
/* button and links  */
button.btn {
    outline: none;
    background-color: #004e7d !important;
    color: white !important;
    text-transform: capitalize;
    border: none !important;
}
button:hover, button:focus {
    animation: pulse 1s;
    box-shadow: 0 0 0 2em transparent;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 #ef8f6e; }
  }
/* button and links  */
.custom-btn a{
    display: inline-block;
    background-color: #004e7d;
    border-radius: 5px;
    color: white !important;
    padding: 8px 40px;
}
.title-content .sub-title h6{
    position: relative;
    display: inline-block;
}
.title-content .sub-title h6::after {
    content: "";
    width: 90%;
    background-color: #707070;
    height: 2px;
    position: absolute;
    bottom: -10px;
    right: 0;
}
[dir="ltr"] .title-content .sub-title h6::after{
    left: 0;
}
header .row{
    justify-content: space-between;
}
header a:hover{
    color: #004e7d;
}
header a.navbar-brand{
    margin: 0;
}
header#desktop-header nav#block-mainnavigation{
    padding: 0 3rem;
}
header#desktop-header div#block-appointmentbutton p{
    margin: 0;
}
header#desktop-header nav#block-mainnavigation ul{
    flex-direction: row;
    gap: 2rem;
}
header#desktop-header nav#block-mainnavigation ul a {
    font-size: 17px;
}
[dir='rtl'] nav.links.nav.links-inline span.ar.nav-link a.language-link{
    display: none;
}
[dir='ltr'] nav.links.nav.links-inline span.en.nav-link a.language-link{
    display: none;
}
header#mobile-header {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 3;
    background-color: #FDFDFD;
}
header#mobile-header .top-header {
    background-color: #caa463;
    padding: 1rem 0;
}
header#mobile-header .top-header nav#block-menuresponsive{
    flex: 45%;
}
header#mobile-header .top-header nav#block-menuresponsive ul li {
    color: white;
}
header#mobile-header a{
    color: white !important;
}
header#mobile-header .icon-header{
    display: none;
    text-align: end;
    font-size: 35px;
    color: #caa463;
    cursor: pointer;
    padding-inline-end: 1rem;
}
header#mobile-header .bottom-header ul.dropdown-menu.show{
background-color: #caa463;
}
header#mobile-header .bottom-header nav.block.block-menu.navigation.menu--main{
    position: fixed;
    top: 72px;
    bottom: 0;
    width: 70%;
    transition: 1s ease-in-out;
    height: 100%;
    overflow: auto;
    background-color: #caa463;
    z-index: 100;
}
[dir='rtl'] header#mobile-header .bottom-header nav.block.block-menu.navigation.menu--main{
    right: -100%;
}
[dir='ltr'] header#mobile-header .bottom-header nav.block.block-menu.navigation.menu--main{
    left: -100%;
}
header#mobile-header .bottom-header nav.block.block-menu.navigation.menu--main ul{
    align-items: center;
    gap: 1rem;
}
header#mobile-header .bottom-header nav.block.block-menu.navigation.menu--main ul.dropdown-menu{
    text-align: start;
}
header#mobile-header .bottom-header nav.block.block-menu.navigation.menu--main ul.dropdown-menu li{
    padding: 4px 7px;
}
span.cart-block--summary__icon img{
    display: none;
}
header#mobile-header .bottom-header nav.block.block-menu.navigation.menu--main li.nav-item.menu-item--expanded.dropdown.show a:-webkit-any-link:focus-visible {
    outline: none;
}
[dir='rtl'] .show{
    right: 0 !important;
}
[dir='ltr'] .show{
    left: 0 !important;
}
section#slider{
    position:relative;
}
section#slider .view-content.row > div{
    flex: 100%;
}
section#slider div#flexslider-1{
    border: none;
    margin: 0;
}
.box {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
    padding: 0 9rem;
}
[dir="ltr"] section#slider .box{
    justify-content: flex-end;
}
section#slider .slider .main-content .title-content .main-title h1 {
    color: #A49E7F;
    font-size: 4rem;
}
section#slider .slider .main-content .title-content .sub-title h6{
    color: #004e7d;
}
section#slider .slider .main-content .title-content .sub-title h6::after{
    display: none;
}
section#slider .slider .main-content .body-content {
    width: 508px;
}
.flex-control-nav {
    width: 80%;
    margin: 0 10%;
    z-index: 2;
    bottom: 0;
    text-align: start;
}
.flex-control-paging li a.flex-active {
    background: #004e7d;
    box-shadow: 0px 0px 15px 3px #004e7d;
}
.flex-control-paging li a:hover,.flex-control-paging li a{
    background: #004e7d;
}
.flex-control-paging li a{
    background-color: transparent;
    border: 1px solid #004e7d;
}
section#slider nav#block-socialmediamenu {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 50%;
    display: flex;
    justify-content: end;
    padding: 0 10%;
}
section#slider nav#block-socialmediamenu ul a{
    color: #004e7d !important;
}
[dir='rtl'] section#slider nav#block-socialmediamenu {
    left: 0;
}
[dir='ltr'] section#slider nav#block-socialmediamenu {
    right: 0;
}
section#slider ul.flex-direction-nav {
    display: none;
}
section#about-us {
    padding: 4rem 0;
}
section#about-us .main-content .body-content,section#about-us .main-content .custom-btn,section#about-us .main-content .title-content,
body.path-about-us div#block-dentrose-content .main-content .body-content,body.path-about-us div#block-dentrose-content .main-content .custom-btn,body.path-about-us div#block-dentrose-content .main-content .title-content{
    padding-bottom: 1rem;
}
section#about-us .main-content .title-content .sub-title h6,
body.path-about-us div#block-dentrose-content .main-content .title-content .sub-title h6{
    font-weight: 600;
}
section#about-us .main-content .custom-btn a{
    background-color: transparent;
    color: #004e7d !important;
    border: 1px solid;
}
/* ************ ABOUT US STYLE *************** */
/* ************ SERVICES STYLE *************** */
section#services div#block-views-block-services-block-1,section#services div#block-views-block-services-block-2{
    padding: 3rem 0;
}
.card{
    margin: 1rem;
    box-shadow: rgb(149 157 165 / 20%) 2px 2px 15px;
}
.card .image-card{
    position: relative;
}
/* .card .image-card img{
    height: 202px;
    object-fit: cover;
} */
.card .card-content {
    padding: 1rem;
}
.card .card-content > *{
    padding: 0.4rem 0;
}
.card .card-content .title-card {
    min-height: 80px;
}
.card .card-content .title-card h5{
    color: #004e7d;
}
.card .card-content .card-btn{
   display: block;
   text-align: center;
}
.card .card-content .card-btn a{
   color: #004e7d ;
   display: block;
   border: 2px solid #707070;
   font-weight: 500;
    border-radius: 5px;
    padding: 0.4rem 0;
}
.card .card-content .body-card{
    color: #707070;
}

/* ************ SERVICES STYLE *************** */
/* ************ DOCTORS  STYLE *************** */
section#doctors {
    padding: 4rem 0;
    background-color: #FFFFFF;
}
section#doctors .title-content .sub-title h6::after {
    width: 36%;
}
section#doctors .title-content .main-title {
    margin: 0.5rem 0;
}
.card-doctors {
    position: relative;
    margin: 1rem;
}
.overlay-doctors{
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 25%;
    background-color: #eeeeee4a;
}
.content-doctors {
    position: absolute;
    bottom: 0;
    padding: 1rem 0.5rem;
    width: 100%;
    color: white !important;
    text-align: start;
}
.flex-doctors {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.title-doctors {
    text-align: center;
}
.btn-doctors a {
    color: white !important;
}
/* ************ DOCTORS  STYLE *************** */
/* ************ QUALITY  STYLE *************** */
section#better-quality{
    background-image: url("../image//bgibetterquality.png");
    background-size: cover;
    padding: 6rem 0;
}
section#better-quality .main-content .body-content {
    width: 56%;
    margin: 0 auto;
}
section#better-quality .main-content {
    text-align: center;
    padding: 2rem 0;
}
section#better-quality .main-content >*{
    padding: 0.5rem 0;
}
section#better-quality .main-content .body-content p{
    font-weight: 600;
}
section#better-quality .main-content >*>* {
    color: #FFFFFF !important;
}
section#better-quality .main-content button.btn-appointment{
    background-color: #ffffff !important;
    padding: 8px 40px;
    color: #BCA370 !important;
}
/* ************ QUALITY  STYLE *************** */
/* ************ OFFERS   STYLE *************** */
section#offer {
    padding: 4rem 0;
}
section#offer .title-content .sub-title h6::after{
    width: 50%;
}
.price-card {
    display: flex;
    justify-content: space-between;
}
.price-card .current-price {
    color: #707070;
    font-weight: 600;
}
.price-card .last-price {
    text-decoration: line-through;
    color: #C2C2C2;
}
section#offer .card .card-content .card-btn a{
    color: #707070 ;
}
/* ************ OFFERS   STYLE *************** */
/* ************ CONTACT FORM  STYLE ************/
section#form-map {
    padding: 5rem 0;
    background-color: #FFFFFF;
}
section#form-map .contact-form form label,div#block-webform-2 form label {
    color: #C2C2C2;
}
section#form-map .contact-form form div#edit-form-content,div#block-webform-2 form div#edit-form-content {
    align-items: center;
}
section#form-map .contact-form form div#edit-actions,div#block-webform-2 form div#edit-actions {
    text-align: end;
}
section#form-map .contact-form form div#edit-actions button,div#block-webform-2 form div#edit-actions button{
    padding: 6px 40px;
    background-color: #004e7d;
}
.map iframe,div#block-map-2 iframe{
    width: 100%;
}
/* ************ CONTACT FORM  STYLE ************/
/* ************ FOOTER STYLE *******************/

/* ************ FOOTER STYLE *******************/
.cart--cart-block a.cart-block--link__expand {
    position: relative;
}


.cart--cart-block span.cart-block--summary__count {
    position: absolute;
    left: 1px;
    top: -17px;
    color: white;
    background-color: #707070;
    font-size: 14px;
    border-radius: 100%;
    width: 17px;
    text-align: center;
}
span.cart-block--summary__icon i{
    font-size: 20px;
}
span.cart-block--summary__icon img{
    width: 30px;
    height: 30px;
    object-fit: cover;
}
footer#footer .top-footer {
    padding: 2rem 0;
    background-color: #F5F5F5;
}
.top-footer h2{
    font-size: 14px;
    font-weight: 600;
    padding-inline-start: 1rem;
    color: #707070 !important;
}
.third-col-footer,.fourth-col-footer {
    margin-top: 1.2rem;
}
.fourth-col-footer ul li i {
    background-color: #EDEDED;
    padding: 8px;
    border-radius: 5px;
    color: #707070;
}
.bottom-footer {
    background-color: #004e7d;
    padding: 5px 0;
}
.bottom-footer  a {
    color: white  !important;
}
.bottom-footer ul {
    justify-content: end;
}
.copyright p {
    margin: 10px 0 0 0;
    color: white !important;
}
.bottom-footer  a:hover {
    color: #707070 !important;
}
section#about-us .sub-title h6::after,body.page-view-about-us div#block-dentrose-content .sub-title h6::after{
    display: none;
}
div#block-views-block-our-vision-block-1 .our-vision {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4rem;
    border: 1px solid #E8E8E8;
    margin: 1rem 0;
    border-radius: 5px;
    padding: 1rem;
    background-color: #FFFFFF;
}
body.path-about-us div#block-views-block-our-vision-block-1 .view-content.row{
    display: block;
}
div#block-views-block-our-vision-block-1 {
    padding: 4rem 0;
    background-color: #FFFFFF;
}
div#block-views-block-our-vision-block-1 .our-vision .content-vision {
    border-inline-end: 1px solid #E8E8E8;
    padding: 2rem 3rem;
    flex: 10%;
}
div#block-views-block-our-vision-block-1 .our-vision .body-vision{
    flex: 50%;
}
div#block-views-block-our-vision-block-1 .our-vision .content-vision > *{
    padding: 0.5rem 0;
    text-align: center;
}
div#block-views-block-our-vision-block-1 .our-vision .content-vision .image-vision img {
    width: 40px;
}
div#block-views-block-our-vision-block-1 .our-vision .content-vision .title-vision {
    font-size: 2rem;
    color: #004e7d;
}
div#main main#content section.section {
    position: relative;
}
div#block-breadcrumbs .breadcrumb{
    height: 130px;
    margin-bottom: 3rem;
    padding: 1rem 0rem;
}
div#block-pagetitle {
    background-color: #CBA85C;
    position: absolute;
    top: 3rem;
    text-align: center;
    padding: 5rem 0;
    border-radius: 5px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100% 100%;
}
body.page-view-about-us div#block-pagetitle {
    background-image: url("../image/bgiAboutUs.png");
}
div#block-pagetitle{
    background-image: url("../image/bgiDoctors.png");
}
body.page-node-19 div#block-pagetitle {
    background-image: url("../image/bgiContactUs.png");
}
body.path-our-doctors div#block-pagetitle {
    background-image: url("../image/bgiDoctors.png");
}
body.path-dental-services div#block-pagetitle,body.page-view-services div#block-pagetitle{
    background-image: url("../image/bgidenatal.png");
}
body.path-dermatology-services div#block-pagetitle {
    background-image: url("../image/bgidenatal.png");
}
body.path-our-offers div#block-pagetitle {
    background-image: url("../image/bgiOffers.png");
}
body.page-node-20 div#block-pagetitle {
    background-image: url("../image/bgiprivecy.png");
}
body.page-node-21 div#block-pagetitle {
    background-image: url("../image/bgiterms.png");
}
body.page-view-faqs div#block-pagetitle {
    background-image: url("../image/bgifaqs.png");
}
body.path-node.node--type-doctors div#block-pagetitle {
    background-image: url("../image/insideDoctors.png");
}
body.path-node.node--type-services div#block-pagetitle {
    background-image: url("../image/insideServices.png");
}
body.path-product div#block-pagetitle {
    background-image: url("../image/NoPath.png");
}
body.page-node-21 div#block-dentrose-content .content,body.page-node-20 div#block-dentrose-content .content {
    background-color: white;
    padding: 1rem 2rem;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}
div#block-pagetitle h1{
    color: white !important;
}
.color-page{
    background-color: #e9ecef;
    padding: 65px;
    position: absolute;
    width: 100%;
}
div#block-dentrose-content{
    padding: 9rem 0 4rem;
}
.page-title{
    position: relative;
}
body.page-node-19 div#main main#content section.section {
    display: flex;
        padding: 6rem 0;
        flex-wrap: wrap;
}
body.page-node-19 div#main main#content section.section div#block-webform-2,body.page-node-19 div#main main#content section.section div#block-map-2{
    flex: 50%;
    padding: 1rem;
}
.faqs {
    border-radius: 5px;
    padding: 1.5rem;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 10%);
    margin: 1rem 0;
    position: relative;
}
.icon-faqs {
    padding: 8px 12px;
    background-color: #F9F5ED;
    position: absolute;
    top: 9%;
    cursor: pointer;
}
[dir='ltr'] .icon-faqs {
    right: 3%;
}
[dir='rtl'] .icon-faqs {
    left: 3%;
}
.faqs .title-faqs {
    color: #004e7d;
    border-bottom: 1px solid #ECECEC;
    padding: 1rem 0;
}
.faqs .body-faqs {
    padding: 1rem 0;
    display: none;
}
.page-view-faqs .view-content.row{
    display: block;
}
.custom-btn a:hover, 
.custom-btn a:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 2em transparent;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 #ef8f6e; }
}
header a,footer a{
    position: relative;
}
  header ul a::before,footer a::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: 0;
		margin: -5px 0;
		background-color: #c59e5d;
		visibility: hidden;
		transform: scaleX(0);
		transition: all 0.4s ease-in-out 0s;
	}
    footer#footer .top-footer a{
        width: fit-content;
    }
	header ul a:hover::before,footer a:hover::before {
		visibility: visible;
		transform: scaleX(1);
    }
    body.path-node.node--type-doctors div#block-dentrose-content {
        padding: 16rem 0 4rem;
    }
    body.path-node.node--type-doctors div#block-dentrose-content .content {
        background-color: white;
        padding: 8rem 2rem 4rem;
        position: relative;
        box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
    }
    body.path-node.node--type-doctors div#block-dentrose-content .content,body.path-node.node--type-services div#block-dentrose-content .content {
        background-color: white;
        padding: 8rem 2rem 4rem;
        position: relative;
        box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
    }
    body.path-node.node--type-doctors div#block-dentrose-content .content .field.field--name-field-image.field--type-image.field--label-hidden.field__item{
        position: absolute;
        top: -130px;
        /* left: 32%; */
        text-align: center;
        width: 100%;
    }
    body.path-node.node--type-doctors div#block-dentrose-content .content .field.field--name-field-image.field--type-image.field--label-hidden.field__item img{
        width: 260PX;
        height: 260px;
    }
    body.path-node.node--type-doctors div#block-dentrose-content .node__content.clearfix::after {
        display: none;
    }
    body.path-node.node--type-doctors div#block-dentrose-content .node__content.clearfix {
        display: flex;
        align-items: center;
    }
    body.path-node.node--type-doctors div#block-dentrose-content .node__content.clearfix .field.field--name-field-image-doc-inside.field--type-image.field--label-hidden.field__item{
        position: absolute;
    top: -85px;
    width: 100%;
    text-align: center;
    }
    body.path-node.node--type-doctors div#block-dentrose-content .node__content.clearfix  .field.field--name-field-image-doc-inside.field--type-image.field--label-hidden.field__item img{
        width: 260px;
    }
    @media (max-width:767px){
        body.path-node.node--type-doctors div#block-dentrose-content .node__content.clearfix{
            flex-direction: column;
        }
        body.path-node.node--type-doctors div#block-dentrose-content .node__content.clearfix .field.field--name-field-image-doc-inside.field--type-image.field--label-hidden.field__item{
            position: relative;
            width: initial;
        }
    }
    /* product */
    div#product .body-product .field__label {
        color: #004e7d;
        font-size: 20px;
        font-weight: 500;
    }
    div#product .price-product {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #DCDCDC;
        border-bottom: 1px solid #DCDCDC;
        align-items: center;
        font-size: 18px;
        padding: 5px 0;
        font-weight: 500;
    }
    div#product .price-product .last-price label {
        text-decoration: line-through;
        color: #C2C2C2;
    }
    div#product .price-product .last-price div {
        text-decoration: line-through;
        color: #C2C2C2;
    }
    div#product .price-product > *{
        display: flex;
        gap: 2rem;
    }
    div#product .price-product .current-price > div {
        display: flex;
        gap: 3rem;
        color: #004e7d;
    }
    div#product .product-add-cart button {
        background-color: transparent !important;
        width: 100%;
        border: 2px solid #707070  !important;
        color: #707070 !important;
    }
    div#product .product-add-cart ,div#product .body-product{
        padding: 6px 0;
    }
    div#block-views-block-offers-block-1-2 .view-content.row{
        display: block;
    }
    /* product */
    /* modal */
    div#exampleModal{
        background-color: #d8bf8d61;
    }
    #btn-modal{
        display: none;
    }
    [dir='rtl'] div#exampleModal .modal-content .modal-body button.close{
        float: left;
    }
    div#exampleModal .modal-content .modal-body section.region.region-form-appointment {
        text-align: center;
    }
    div#exampleModal .modal-content .modal-body section.region.region-form-appointment h2{
        border-bottom: 1px solid #DCDCDC;
        padding-bottom: 10px;
    }
     div.webform-flexbox.js-webform-flexbox.js-form-wrapper.form-group {
        flex-wrap: wrap;
        align-items: center;
    }
    div#exampleModal .modal-content .modal-body section.region.region-form-appointment div.webform-flexbox.js-webform-flexbox.js-form-wrapper.form-group > * {
        flex: 50%;
    }
     div#exampleModal .modal-content .modal-body section.region.region-form-appointment div.webform-flexbox.js-webform-flexbox.js-form-wrapper.form-group .webform-flex.webform-flex--1:last-child .webform-flex--container fieldset .container-inline.form-inline > *{
        flex: 50%;
    }
    .block-webform-block form.webform-submission-appointments-form div#edit-flexbox .webform-flex.webform-flex--1:last-child .container-inline.form-inline > *{
        flex: 50%;
    }
     div#edit-date input#edit-date-time,div#edit-date input#edit-date-date {
        width: 100%;
    }
     div#edit-date--2 input#edit-date-time--2,div#edit-date--2 input#edit-date-date--2{
        width: 100%;
    }
    div#edit-date input#edit-date-date {
        margin-inline-end: 5px;
    }
    div#edit-date--2 input#edit-date-date--2{
        margin-inline-end: 5px;
    }
    div#edit-date input#edit-date-time {
        margin-inline-start: 5px;
    }
    div#edit-date--2 input#edit-date-time--2 {
        margin-inline-start: 5px;
    }
    div#edit-actions--2,div#edit-actions--2 button#edit-submit--2{
        width: 100%;
    }
    div#block-webform-4 div#edit-actions--3,div#block-webform-4 div#edit-actions--3 button{
        width: 100%;
    }
    /* modal */
    /* webform */
    .block-webform-block form.webform-submission-appointments-form {
        background-color: #ffffff;
        box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
        padding: 1rem 2rem;
        margin-bottom: 3rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .block-webform-block form.webform-submission-appointments-form fieldset#edit-processed-text p {
        color: #004e7d !important;
        font-size: 20px;
        font-weight: 600;
    }
    .block-webform-block form.webform-submission-appointments-form div#edit-flexbox > * {
        flex: 33.3%;
    }
    body.node--type-doctors div#main .block-webform-block form.webform-submission-appointments-form div#edit-flexbox,
    body.node--type-services div#main .block-webform-block form.webform-submission-appointments-form div#edit-flexbox{
        flex: 74%;
    }
    .block-webform-block form.webform-submission-appointments-form div#edit-flexbox .webform-flex.webform-flex--1:last-child {
        flex: 66.6%;
    }
    body.node--type-services div#main .block-webform-block form.webform-submission-appointments-form button#edit-submit,
    body.node--type-doctors div#main  .block-webform-block form.webform-submission-appointments-form button#edit-submit {
        padding: 2rem;
    }
    body.node--type-doctors div#main .block-webform-block form.webform-submission-appointments-form div#edit-actions,
    body.node--type-services div#main .block-webform-block form.webform-submission-appointments-form div#edit-actions {
        flex: 14%;
        text-align: center;
    }
    /* webform */
    /* popop */
    /* .alert-wrapper{
    top: 30%;
    width: 100%;
    } */
    /* popop */
    .icon-move-up-fixed {
        position: fixed;
        display: none;
        right: 40px;
        bottom: 40px;
    }
    .icon-move-up-fixed i {
        border: 1px solid;
        font-size: 30px;
        padding: 12px 15px;
        color: #c8a45e;
        border-radius: 15px;
    }
    .icon-social-media-fixed nav#block-socialmediafixed{
        display: none;
    }
.icon-social-media-fixed ul {
    flex-direction: column;
    transition: 1.3s;
    z-index: 0;
    opacity: 0;
    position: absolute;
    
    top: -13rem;
    padding: 0 10px;
}
.icon-social-media-fixed {
    position: fixed;
    left: 40px;
    z-index: 100000;
    bottom: 40px;
}
.icon-social-media-fixed >i {
    font-size: 40px;
    color: white;
    padding: 12px 11px;
    border-radius: 15px;
    background-color: #004e7d;
    cursor: pointer;
}
.icon-social-media-fixed ul.show-social-media{
    display: flex !important;
    opacity: 1;
    z-index: 99;
    

}

footer nav#block-socialmedia-3 ul li{

    opacity: 0;
    transform: translateY(-200%)
}

footer nav#block-socialmedia-3 ul.show-social-media li {
    opacity: 1;
    transform: translateY(0%);
}
footer nav#block-socialmedia-3 ul li:nth-child(7){
    transition: 0.5s;
}

footer nav#block-socialmedia-3 ul li:nth-child(6){
    transition: 1s;
}
footer nav#block-socialmedia-3 ul li:nth-child(5){
    transition: 1.5s;
}
footer nav#block-socialmedia-3 ul li:nth-child(4){
    transition: 2s;
}
footer nav#block-socialmedia-3 ul li:nth-child(3){
    transition: 2.5s;}
footer nav#block-socialmedia-3 ul li:nth-child(2){
    transition: 3s;
}
.icon-social-media-fixed ul li a {
    background-color: #fdfdfd!important;
    margin: 3px 0;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    font-size: 20px;
    display: block;
    width: 33px;
    height: 33px;
    transition: 0.4s;
    
}
.icon-social-media-fixed ul li a i{
    color: #004e7d !important;
    background-color: #fdfdfd!important;
    transition: 0.4s;
}
.icon-social-media-fixed ul li a:hover{
    color: white!important;
    background-color: #004e7d !important;
}
.icon-social-media-fixed ul li a:hover i{
    color: white !important;
    background-color: transparent !important;
}
body.path-node.node--type-doctors div#block-dentrose-content h2{
    line-height: 60px;
}
   .cart--cart-block  .cart-block--contents{
        width: 30%;
        box-shadow: 2px 2px 20px rgb(0 0 0 / 40%);
        border-radius: 5px;
    }
    .cart--cart-block .cart-block--contents__items{
        overflow-y: hidden;
    }
    .cart--cart-block .table-striped tbody tr{
        justify-content: space-between;
        background-color: transparent !important;
    text-align: start;
    display: flex;
    align-items: center;
    }
    .cart--cart-block .table-striped tbody tr td {
        color: #c8a160;
        border-top: none;
        font-weight: 500;
        font-size: 14px;
    }
    .cart--cart-block .table-striped tbody tr td img{
        width: 70px;
    }
    .cart--cart-block .cart-block--contents__links a{
        background-color: #c29a59;
        padding: 6px 40px;
        border-radius: 5px;
        color: white !important;
    }
    .cart--cart-block .cart-block--contents__links {
        text-align: center;
        margin: 8px 0;
    }
    body.path-cart .cart.cart-form .views-form{
        width: 100%;
    }
    body.path-cart .cart.cart-form .table thead tr th ,.checkout-order-summary .table thead tr th{
        text-align: center;
        background-color: #cba85c;
    }
    body.path-cart .cart.cart-form .table tbody tr ,.checkout-order-summary .table tbody tr {
        background-color: transparent !important;
        border-bottom: 2px solid #ccc !important;
    }
    body.path-cart .cart.cart-form .table tbody tr td,.checkout-order-summary .table tbody tr td{
        text-align: center !important;
    }
    body.path-cart .cart.cart-form .views-form form .field.field--name-total-price.field--type-commerce-price.field--label-hidden.field__item {
        box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
        margin: 1rem 0;
        padding: 1rem 2rem;
    }
     form .order-total-line.order-total-line__subtotal, form .order-total-line.order-total-line__total{
        display: flex;
        gap: 3rem;
        font-weight: bold;
        color: #004e7d;
        align-items: center;
        justify-content: space-evenly;
    }
    body.path-cart .cart.cart-form .views-form form div#edit-actions{
        display: flex;
        justify-content: space-evenly;
        padding: 1rem 0;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    }
    form#commerce-checkout-flow-multistep-default fieldset legend, label {
        color: #cba85c;
        font-weight: 500;
    }
    body.path-checkout form#commerce-checkout-flow-multistep-default .row{
        align-items: flex-start;
    }
    div#edit-order-summary {
        padding: 1rem;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
        border-radius: 5px;
    }
    .alert-wrapper .alert {
        border-left-color: #cba85c;
        overflow-y: hidden;
        width: 50%;
        margin: 0 auto;
        border-radius: 25px;
        padding: 7rem;
        text-align: center;
    }
    .alert-wrapper .alert button.close span{
        font-size: 35px;
    }
    .alert.alert-dismissible.fade.show::after {
        content: "";
        background-image: url("../image/trueicon.png");
        position: absolute;
        left: 46%;
        top: 2px;
        width: 55px;
        height: 50px;
        background-size: cover;
    }
    .alert.alert-dismissible.fade.show.col-12.alert-danger::after {
        background-image: url("../image/wrongicon.png");
    }
    .alert.alert-dismissible.fade.show::before {
        background-image: url("../image/mainlogonew.png");
        content: "";
        height: 100px;
        position: absolute;
        background-size: 100% 100%;
        left: 15px;
        top: 52px;
        width: 100px;
    }
    .active-link{
        border-bottom: 2px solid #004e7d;
    font-weight: bold;
    color: #004e7d !important;
}
.ui-widget.ui-widget-content{
    border-radius: 25px;
    border: none;
}
button.ui-dialog-titlebar-close::before {
    content: "\00D7";
    font-size: 20px;
}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    background-color: transparent;
    border: none;
}
.ui-dialog .ui-dialog-content{
    text-align: center;
    color: #004e7d;
}
.ui-dialog .ui-dialog-content::before{
    background-image: url("../image/mainlogonew.png");
    content: "";
    height: 75px;
    position: absolute;
    background-size: contain;
    left: 15px;
    top: -2px;
    width: 100px;
    background-repeat: no-repeat;
}
.ui-dialog .ui-dialog-titlebar-close{
    background-color: transparent;
    border: none;
    outline: none;
}

body.path-product div#block-views-block-offers-block-1-2 nav.slick__arrow {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
    align-items: center;
}
body.path-product div#block-views-block-offers-block-1-2 nav.slick__arrow button {
    background-color: #004e7d;
    color: white;
    border: none;
    padding: 8px 40px;
    border-radius: 5px;
}
body.path-product div#block-views-block-offers-block-1-2 nav.slick__arrow button::before{
    display: none;
}
section#services .view-header .main-title,section#offer .view-header .main-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
        padding-inline-end: 5rem;
}
section#services .view-header .main-title a,section#offer .view-header .main-title a{
    text-transform: capitalize;
}
.top-footer ul {
    flex-wrap: nowrap;
    flex-direction: column;
}
.top-footer ul li {
    font-size: 13px;
}
.first-col-footer section.region.region-footer-first > * {
    padding: 5px 0;
}
.first-col-footer section.region.region-footer-first p {
    font-size: 14px;
}
.first-col-footer section.region.region-footer-first a {
    margin: 0;
    width: 90px;
}
section#about-us .main-content .main-title h3 {
    font-weight: 600;
}
.slick__arrow {
    top: -5%;
    width: 15%;
}
/* [dir="rtl"] button.slick-next.slick-arrow::before{
    content: "🡐"!important;
}
[dir="rtl"] button.slick-prev.slick-arrow::before{
    content: "➔"!important;
}
[dir="ltr"] button.slick-prev.slick-arrow::before{
    content: "🡐"!important;
}
[dir="ltr"] button.slick-next.slick-arrow::before{
    content: "➔"!important;
}  */
/* nav.slick__arrow button::before{
    padding: 7px;
    border-radius: 100%;
} */
/* nav.slick__arrow button:first-child:before{
    color: white !important;
    background-color: #DFDFDF;
}
nav.slick__arrow button:last-child:before{
      color: #DCDCDC !important;
      background-color: #FFFFFF;
      border: 2px solid;
} */
[dir='ltr'] .slick__arrow {
    right: 3%;
    left: initial;
}
[dir='rtl'] .slick__arrow {
    left: 3%;
}
/* section#doctors .slick__arrow {
    bottom: 0;
    top: auto;
}
[dir='rtl'] section#doctors .slick__arrow{
    right: -6rem;
}
[dir='ltr'] section#doctors .slick__arrow{
    left: -6rem;
}
[dir='ltr'] section#doctors .slick-prev {
    left: -30px;
}  */
.image-doctors img {
    filter: brightness(0.8);
}
.cart--cart-block .cart-block--contents{
    width: auto;
    border-radius: 20px;
}
.card-btn a:hover,
.card-btn a:focus {
    box-shadow: inset 0 0 0 2em #004e7d;
    border: 2px solid white !important;
    transform: translateY(5px);
    color: white !important;
}
body.page-view-services .card,body.page-view-services .card,body.page-view-services.path-dermatology-services .card,body.page-view-doctors .card-doctors,
body.page-view-offers.path-our-offers .card{
    margin: 1rem 0;
}
.conditions {
    padding: 1rem 0;
    text-transform: capitalize;
}
header#mobile-header .top-header .block-commerce-cart{
    padding-inline-end: 10px;
}

div#block-popuplocation {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    z-index: 100000000000000000;
    color: white;
    background-color: black;
    top: -100vh;
    transition: 1s;
}
.info-location .close-popup {
    position: absolute;
    left: 0;
    top: 3rem;
    left: 4rem;
    font-size: 25px;
    cursor: pointer;
}
.info-location .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.info-location .info > * a {
    color: white;
}
.info-location .icon-location {
    margin-top: 14px;
    font-size: 2rem;
}
.location-popop {
    top: 0 !important; 
}

.toast-wrapper {
    left: 50%!important;
    transform: translate(-50%, -50%);
    top: 50%!important;
    right: unset!important;
}

.toast-wrapper a::after{
    content: unset;
}
.toast-wrapper a::before{
    content: unset;
}
.toast{
    margin: 0 auto;
}
.toast-wrapper a {
    display: block;
    background: #004e7d!important;
    padding: 0.5rem 1rem;
    text-align: center;
    border-radius: 10px;
    margin: 1rem;
}

.toast-wrapper a:hover{
    color: white!important;
}
body.node--type-doctors .field.field--name-field-image-cases.field--type-image.field--label-above{
    width: 100%;
    padding-top: 2rem;
}
body.node--type-doctors .field.field--name-field-image-cases .field__items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
body.node--type-doctors .field.field--name-field-image-cases .field__items img{
    height: 320px;
}
body.node--type-doctors .field.field--name-field-image-cases .field__items > * {
    width: 32%;
}
body.node--type-doctors .field.field--name-field-image-cases.field--type-image.field--label-above .field__label {
    font-size: 2rem;
    font-weight: 600;
    color: #004e7d;
}
body.path-product .view-header .main-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#block-views-block-doctors-block-2 div#flexslider-1{
    border: none;
    margin: 0;
}
div#block-views-block-doctors-block-2 div#flexslider-1 ul.slides li img{
    width: 100% !important;
    object-fit: contain;
    height: 420px !important;
}
div#block-views-block-doctors-block-2 div#flexslider-1 ol.flex-control-nav.flex-control-paging{
    top: 28rem;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
div#block-views-block-doctors-block-2 div#flexslider-1 ul.flex-direction-nav{
    width: 100%;
    position: absolute;
    top: 13rem;
}
div#block-views-block-doctors-block-2 {
    padding: 4rem 0;
}
section.region.region-offer-dental,section.region.region-offer-dermatology{
    padding: 3rem 0;
}
body.node--type-doctors div#block-dentrose-content .node__content.clearfix .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    font-size: 20px;
    color: #004e7d;
    font-weight: bold;
}

.role-doctors {
    font-size: 15px;
}


.region-desktop-header img ,
.region-footer-first img{
 max-width: 130px;
 height:auto;
}

















/* modal subscrip */
div#subscrip-popup #btn-subscrip{
    display: none;
}
div#subscrip-popup .modal-dialog-subscrip {
    -webkit-transform: translate(0,0);
    transform: translate(0px,0%);
}
div#subscrip-popup .modal-dialog {
    max-width: 70%;
}
div#subscrip-popup .modal-body-subscrip{
    display: flex;
justify-content: space-between;
flex-wrap: wrap;
text-transform: capitalize;
}    
div#subscrip-popup .box-modal {
    padding: 1rem 0;
    text-align: center;
}
div#subscrip-popup .box-modal  h2{
    padding-bottom: 1rem ;
    /* color: rgb(13, 12, 34); */
    color: #535d65;
}
div#subscrip-popup #subscrip-modal-label{
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    /* color: rgb(13, 12, 34); */
    color: #535d65;
}
.form-subscrip{
    padding: 2rem;
}
.form-subscrip .form-actions.js-form-wrapper.form-group button {
    width: 100%;
    padding: 7px 0;
    /* background-color: #5a1e23 !important; */
    background-color: #535d65 !important;
}
div#subscrip-popup .subscrip-close-btn{
    /* background-color: #5a1e23 !important; */
    background-color: #535d65 !important;
    color: white !important;
    padding: 7px 40px;
    border-radius: 5px;
}
.form-subscrip nav ul{
    justify-content: space-between;
}
.form-subscrip nav ul li a{
    /* color: #5a1e23; */
    color: #535d65;
}
.foot-subscrip h2{
    text-shadow: 5px 9px 10px rgb(0 0 0 / 30%);
}
.foot-subscrip h4{
    color: #535d65;
}
/* modal subscrip */
.sold-number {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}
body.path-node.node--type-doctors .slick-list.draggable .field-content img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
body.path-node.node--type-doctors .slick-list.draggable .field-content  {
   margin: 1rem ;
}
body.path-product div#block-dentrose-content .field--name-title.field--type-string.field--label-hidden.field__item {
    display: none;
}
.conditions .field.field--name-field-conditions.field--type-string.field--label-above .field__label {
    font-size: 20px;
    font-weight: 600;
    color: #cba85c;
}
.conditions .field.field--name-field-conditions.field--type-string.field--label-above > * {
    padding: 6px 0;
}
body.path-product .conditions,body.path-product .number-sold {
    border-top: 1px solid #DCDCDC;
    padding: 5px 0;
}
body.path-product .number-sold {
    border-top: 1px solid #DCDCDC;
    padding: 5px 0;
}
.number-sold .field.field--name-field-number-sold.field--type-string.field--label-above{
    display: flex;
    gap: 2rem;
}
.number-sold .field.field--name-field-number-sold.field--type-string.field--label-above > * {
    font-size: 20px;
    font-weight: 500;
    color: #cba85c;
}
.toast-wrapper {
    width: 100%;
}
/* .toast-wrapper .toast {
    max-width: initial;
    width: 33%;
    margin: 0 auto;
    padding: 4rem 3rem;
    border-radius: 10px;
} */
/* .toast-wrapper .toast .toast-body a:hover{
    display: none;
} */
.toast-header rect {
    fill: #004e7d;
}
[dir="rtl"] .toast-wrapper .toast strong{
    margin-right: initial !important;
    margin-left: auto!important;
    padding-right: 1rem;
}
.equipment {
    box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
    margin: 1rem 0;
}
.content-equipment {
    background-color: #FFFFFF;
    padding: 0px 20px;
    text-align: center;
}
.title-equipment {
    color: #cdb176;
    font-size: 23px;
}
.content-equipment > * {
    padding: 8px 0;
}
.btn-equipment a {
    color: #cdb176;
}
.image-equipment img {
    height: 260px;
    width: 100%;
}
body.page-view-equipment div#block-dentrose-content .view-content.row{
    display: block;
}
body.node--type-equipment .node__content.clearfix {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: center;
}
body.node--type-equipment .node__content.clearfix::after {
    display: none;
}
body.page-view-doctors div#main div#block-dentrose-content .view-content.row{
    display: block;
}


.page-link ,.page-link:hover,.page-link:focus{
    color: #004e7d;
    box-shadow: unset;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #004e7d;
    border-color: unset;
}

.cart--cart-block{
   position: relative;
}
.cart-block--contents__inner{
    padding:0!important;
}

   div#edit-completion-message {
            
        position: fixed;
        inset: 0;
        width: 100%;
display: flex;
    align-items: center;
    justify-content: center;
        
        height: 100%;
        z-index: 3;
        background: rgb(0,0,0,0.5);

}
.checkout-complete {
        text-align: center;
        display: flex;
        width: 100%;
        width: fit-content;
        inset: 0;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        top: 50%;
        justify-content: center;
        border-radius: 0;
        left: 50%;
        background: white;
        z-index: 999;
        min-height: 365px;
        aspect-ratio: 1;
         border-radius: 1rem;
         max-width:320px;
}

.checkout-complete-msg {
       
        margin: 1.5rem 12px;
}

.checkout-complete-btn a {
display: block;
width: 60%;
border: 1px solid transparent;
border-radius: 2rem;
padding: 0.5rem 0rem;
font-size: 16px;
background-color: #004e7d;
color: white;
transition: 0.4s;
margin: 0 auto;
}
    .checkout-complete-btn a:hover{
        background-color: white;
        color: #004e7d;
        border: 1px solid #004e7d;
    }

    .checkout-complete-msg h2 {
        color: #004e7d;
        font-size: 21px;
        font-family: "megan"!important;
        font-weight: 900;
    }
    .checkout-complete-btn {
        padding-bottom: 2rem;
        width: 100%;
    }