/*

* Theme Name: NS - Grand Imperial

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/     



:root {

--color1: #414141;

--color2: #0F9137;

--main-font : "Kumbh Sans", sans-serif;

--mm-font : "Padauk", sans-serif;

}



body{

	margin:0 auto;

    font-family: var(--main-font);

}

h1,h2,h3,h4,h5,h6{

    font-family: var(--main-font);

}

/* Pagination */




ul.page-numbers li a {
    color: #fff;
}
ul.page-numbers{

	padding-left: 0px;

}	
ul.page-numbers li {
    list-style: none;
    display: inline-block;
    margin-right: 13px;
}
.header-address p a {
    color: var(--color1);
    text-decoration: none;
}
.address span p a {
    color: #fff;
    text-decoration: none;
}
.address address span a {
    color: #fff;
    text-decoration: none;
}
ul.page-numbers li span.current {
    color: #fff;
    font-size: 16px;
    background: #198754;
    height: 35px;
    width: 35px;
    list-style: none;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
}
ul.page-numbers li a.page-numbers {
    border: 1px solid var(--color2);
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    line-height: 35px;
    color: var(--color2);
    text-align: center;
    font-weight: 800;
    text-decoration: none;
}
.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.mm-menu--offcanvas{

    position: absolute;

}



/* Breadcrumb */



#breadcrumbs {list-style-type: none; padding-left: 0;}

#breadcrumbs li{display: inline-block;}



/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

    font-family: 'Lato', sans-serif;

}
.mywidget h3 a {
    color: var(--color1);
    text-decoration: none;
}

.mywidget h3 {
    font-size: 16px;
}

.mywidget .post-date {
    font-size: 14px;
}

.mywidget img {
    height: 74px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.mywidget {
    margin: 20px 0;
}
.sidebar h2 {
    color: var(--color1);
}
.widget {
    margin-top: 60px;
}
.widget h2 {
    font-size: 24px;
    font-weight: 800;
    border-bottom: 1px solid var(--color1);
}
.widget-title{

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    font-size: 21px;

}

/* .widget ul li a {

    color: #333;

    font-family: 'Raleway', sans-serif;

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

} */

.sidebar .widget ul li div.wp-block-latest-posts__featured-image img {
    border-radius: 12px;
    width: 80px;
    height: 57px;
    object-fit: cover;
}
.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar {

    margin-top: 30px;

}

.weblogo h1 {

    font-family: var(--mm-font);

    font-weight: 700;

    /* font-size: 14px; */

    color:var(--color2);

    margin-bottom: 0;

}

.weblogo a {

    text-decoration: none;

    align-items: center;

    gap: 25px;

}



.header-address div p {

    margin-bottom: 0;

    line-height: 2rem;

}

.header-address div p:nth-child(1) {

    font-size: 16px;

    font-weight: 700;

    color: var(--color2);

}

.header-address {

    display: flex;

    gap: 10px;

}

.lang ul.dropdown-menu.show {border-radius: 20px;padding: 12px 20px;background: var(--color2);transform: translate(0px, 76px);}



.lang ul.dropdown-menu.show li {

    padding: 5px 0;

}



.lang ul.dropdown-menu.show li a {

    text-decoration: none;

    color: #fff;

    font-weight: 800;

}



.lang ul.dropdown-menu.show li a img {

    border: 2px solid #fff;

    border-radius: 33px;

}

.lang.dropdown button.btn {

    background-color: var(--color2) !important;

    font-weight: 700;

    border-color: transparent;

}

.lang.dropdown button.btn {

    background-color: var(--color2) !important;

    font-weight: 700;

    padding: 24px 32px;

    border-radius: 60px;

    border-color: transparent;

}

.header-address div span {

    background: var(--color2);

    width: 54px;

    height: 54px;

    border-radius: 100px;

    line-height: 54px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}

.header-address {

    display: flex;

    gap: 10px;

    align-items: center;

}

header .row {

    align-items: center;

}

div#carouselHome div.carousel-item img {
    width: 100%;
}

.home-slide .carousel-caption h3 {

    font-weight: 700;

    font-size: 57px;

    line-height: 100%;

    color: var(--color2);

}

/* .home-slide .carousel-item{

    background-repeat: no-repeat;

    height: 700px;

    width: 100%;

    display: flex;

    align-items: center;

} */

div#carouselHome .carousel-caption {
    position: absolute;
    width: 34%;
    top: 30%;
    left: 20%;
}
.home-slide .carousel-caption {

    position: relative;

    text-align: left;

}

.home-slide p {

    font-weight: 400;

    font-size: 16px;

    line-height: 28px;

    color: var(--color1);

}

.home-slide .btn{

    padding: 15px 40px;

    border-radius: 60px;

    background-color: transparent;

    border-color: var(--color2);

    margin-right: 20px;

    color: var(--color2);

}

.home-slide .btn:hover,

.home-slide .btn:focus {

    padding: 15px 40px;

    border-radius: 60px;

    background-color: var(--color2);

    border-color: transparent;

    margin-right: 20px;

    color:#fff;

}

nav#menu {

    border-radius: 30px;

    background-color: var(--color2);

    display: block;

   

}

#menu .navbar-nav .nav-link.active, #menu .navbar-nav .nav-link.show {

    color: #fff;

    border-bottom: 2px solid #ff010f;

}

ul.menu-main-menu li a.nav-link:hover, ul.menu-main-menu li a.nav-link:focus {

    color: #fff;

    border-bottom: 2px solid #ff010f;

}

ul.menu-main-menu {

    justify-content: space-around;

}

ul.menu-main-menu li a.nav-link {

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    color: #fff;

}

.contact-wrap {

    gap: 17px;

}

.menu {

    position: relative;

    bottom: -21px;

    z-index: 9;

}



header {

    padding-top: 25px;

}

h2.h2-title {



    font-weight: 700;

    font-size: 24px;

    line-height: 100%;

    text-transform: uppercase;

    color: var(--color2);

}

h3.h3-title{



    font-weight: 700;

    font-size: 38px;

    line-height: 100%;

    color: var(--color1);

    margin-bottom: 20px;

}

.about-info p {

    font-weight: 400;

    font-size: 16px;

    line-height: 28px;

    text-align: justify;

    color: var(--color1);

}

section#about-us .row {

    align-items: center;

}

section#about-us {

    padding: 100px 0;

}

.copyright P {

    font-weight: 400;

    font-size: 14px;

    line-height: 100%;

    text-transform: capitalize;

    text-align: center;

}

.service__slide .splide__slide__container h3 {

    font-weight: 700;

    font-size: 21px;

    line-height: 100%;

    color: #414141;

    padding: 20px 30px 20px 0px;

}

/* .custom-control-slide .splide__arrow {

    position: static;

    transform: translateY(11%);

} */

.custom-control-slide .splide__arrows {

    display: flex;

    align-items: center;

    justify-content: end;

    gap:10px;

}



.custom-control-slide .splide__arrow {

    position: static;

    transform: translateY(11%);

    height: auto;

    background-color: transparent;

    width: auto;

}



.custom-control-slide .splide__arrow i.fa {

    border: 2px solid #414141;

    width: 51px;

    height: 51px;

    text-align: center;

    line-height: 51px;

    border-radius: 100px;

    font-size: 36px;

}



@media (min-width:1400px){

    .container{

        min-width:1300px;

    }

}



.icons {

    background: var(--color2);

    border: 1px solid var(--color2);

    width: 110px;

    height: 110px;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    border-bottom-right-radius: 55px;

    border-top-right-radius: 55px;

    border-bottom-left-radius: 55px;

}

section#services {

    background-color: #f9f9f9;

    padding: 100px 0;

}

.service__slide .splide__slide__container {

    background-color: #fff;

    border-radius: 30px;

    padding: 1rem;

}

a.btn.btn-primary.read-more-btn {

    background-color: var(--color2);

    border-radius: 60px;

    border-color: transparent;

}

.service__slide .splide__slide__container a {

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    text-decoration: none;

    color: var(--color2);

}

.article-thumb img {

    width: 100%;

    height: 243px;

    object-fit: cover;

    border-radius: 30px;

}

.article__slide .overlay-box {

    background: var(--color2);

    padding: 1.5rem;

    border-radius: 30px;

    display: flex;

    flex-flow: column;

    justify-content: end;

    height: 312px;

    position: relative;

    top: 66px;

}

.article__slide .overlay-box h3 {

    font-weight: 600;

    font-size: 22px;

    line-height: 100%;

    color: #fff;

    margin: 20px 0;

}

.article__slide .overlay-box a{

    font-weight: 500;

    font-style: Medium;

    font-size: 16px;

    color:#fff;

    text-decoration: none;

}

/* .article-thumb {

    margin: 0 auto;

    text-align: center;

    position: relative;

    z-index: 999;

} */



.article-thumb {

    margin: 0 auto;

    text-align: center;

}



section#article {

    margin: 100px 0;

}

.article__slide .splide__arrow--prev {

    left: -4em;

}

.article__slide .splide__arrow--next {

    right: -4em;

}

.article-controls .splide__arrows {

    display: flex;

    align-items: center;

    justify-content: end;

    gap:10px;

}



.article-controls .splide__arrow {

    /* position: static; */

    /* transform: translateY(11%); */

    height: auto;

    background-color: transparent;

    width: auto;

}



.article-controls .splide__arrow i.fa {

    border: 2px solid #414141;

    width: 51px;

    height: 51px;

    text-align: center;

    line-height: 51px;

    border-radius: 100px;

    font-size: 36px;

}

.office-branches {

    display: flex;

}

.address address {

    display: flex;

}



.address span:nth-child(1) {width: 20%;}



.address span:nth-child(2) {

    width: 80%;

}



.address address > span:nth-child(1):after {

    content: '- ';

    float: right;

    margin-right: 13px;

}

footer {

    padding: 50px 0 0;

    background-color: #0f9137;

}

.footer-widget h3, .footer-widget .address address span {

    color: #fff;

}

.footer-widget h3 {

    font-weight: 700;

    font-size: 18px;

    line-height: 100%;

    text-transform: uppercase;

    margin-bottom: 25px;

}



.footer-widget.followus-widget a {

    margin-right: 3px;

}

.address span:nth-child(2) {

    width: 67%;

}

div#go-top {

    position: fixed;

    bottom: 100px;

    right: 100px;

    background: #fff;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 100px;

    color: var(--color2);

    font-size: 28px;

}

.copyright p a {

    color: #fff;

    text-decoration: none;

}

.copyright p {

    margin-bottom: 0;

    border-top: 1px solid #fff;

    padding: 10px 0;

    color: #fff;

}

section.sub-banner {

    height: 350px;

    display: flex;

    align-items: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

}

section.sub-banner:before {

    content: '';

    position: absolute;

    height: 100%;

    width: 100%;

    background: rgb(15 145 55 / 40%)

}

section.sub-banner .page-meta {

    text-align: center;

    position: relative;

}

div#breadcrumbs img {

    height: 21px;

    margin: 0 10px;

}

div#breadcrumbs .front_page {

    text-decoration: none;

    color: #000;

    font-weight: 600;

}

span.bread-current.bread-2 {

    color: var(--color2);

}

h2.h2-inner-title {

    font-weight: 700;

    font-size: 24px;

    line-height: 100%;

    text-transform: uppercase;

    color: var(--color2);

}

.commitment-section {

    background-color: #f6f6f6;

    padding: 100px 0;

}

.commit h4.wp-block-heading {

    color: var(--color2);

    font-weight: 700;

}

.history-image {

    padding: 100px 0;

}

.page-meta h1.title {

    color: #fff;

    font-size: 23px;

    font-weight: 200;

    text-transform: uppercase;

}

span.seperator img {

    height: 23px;

    margin: 0 10px;

}

a.home-breadcrumb {

    background: #dc3545;

    color: #fff;

    border-radius: 100px;

    padding: 3px 15px;

    text-decoration: none;

}

span.current-breadcrumb {

    color: #fff;

    font-weight: 700;

}

section#srv h3 {

    font-size: 20px;

    font-weight: 600;

    color: #414141;

    border-left: 3px solid var(--color2);

    padding-left: 10px;

    margin: 30px 0;

}

.srv-box {

    display: flex;

    flex-flow: wrap;

    gap: 20px;

}



.srv-box div {

    flex: 0 0 49%;

    max-width: 49%;

    margin-bottom: 1rem;

    background: #faf8f8;

    padding: 30px;

    border-radius: 30px;

}



.srv-box div h4 {

    font-size: 18px;

    font-weight: 600;

    color: var(--color2);

}



.srv-box div p {

    color: #999595;

}



section#srv {

    padding-bottom: 30px;

}

h4.wp-block-heading {

    font-size: 20px;

    color: #414141;

    margin: 15px 0;

    border-bottom: 1px solid var(--color2);

    display: inline-block;

}

.single p, 

.single ul li a, 

.single ol li a, 

.single ul li, 

.single ol li,

.page p, 

.page ul li a, 

.page ol li a, 

.page ul li, 

.page ol li {

    color: #777;

}

.breadcrumbs .parent_page a {

    color: #dc3545;

    text-decoration: none;

    font-weight: 700;

}

.content-img img {

    border-radius: 30px;

}

.blog h4 {

    font-size: 20px;

}

.blog h4 a {

    color: #333;

    text-decoration: none;

}

.except-link a {

    color: var(--color2);

    text-decoration: none;

}

.except-link a

 {

    background-color: var(--color2);

    color: #fff;

    padding: 9px 20px;

    border-radius: 30px;

}

.google-map {

    border-radius: 30px;

    overflow: hidden;

}

.dropdown .btn-success {
background-color: #0F9137;
border: none;
padding: 10px 18px;
font-weight: 500;
}

.dropdown-menu {
background-color: #0F9137;
}

.dropdown-item {
color: #fff;
}

.dropdown-item:hover {
background-color: rgba(255,255,255,0.15);
color: #fff;
}

button.btn.btn-success img {
    border-radius: 20px;
    border: 2px solid #fff;
}

ul.dropdown-menu li img {
    border: 2px solid #fff;
    border-radius: 20px;
}

/* nav#menu.navbar {
    padding: 0;
    height: 60px;
}

#menu .navbar-nav .nav-link {
    padding: 0;
    height: 60px;
    display: flex;
    align-items: center;
} */

.menu {
    background: #0F9137;
    border-radius: 30px;
    height: 60px;
    padding: 0 20px;
}
ul.header_menu {
    height: 60px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.ds-menu.navbar-expand-md .navbar-nav .nav-link {
    font-family: Kumbh Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    padding: 0;
}
nav.navbar.navbar-expand-md.navbar-light.ds-menu {
    padding: 0;
}
.navbar-expand-md.ds-menu .navbar-nav .nav-link {
    padding: 0;
}
ul.header_menu li {
    height: 60px;
    display: flex;
    align-items: center;
}

ul.header_menu li.current-menu-item {
    border-bottom: 2px solid #dc3545;
}

ul.header_menu li:hover {
    border-bottom: 2px solid #ff010f;
}

.commit img {
    float: right;
    border-radius: 30px;
}

.dropdown.site-lang ul li a span {
    color: #fff;
}
.history-image img {
    border-radius: 30px;
}
.clinic-address address span:nth-child(2) {
    flex: 0 0 80%;
    max-width: 80%;
}
.clinic-address address span:nth-child(1) {
    flex: 0 0 20%;
    max-width: 20%;
}
.clinic-address address {
    display: flex;
}
.clinic-img {
    border-radius: 30px;
    overflow: hidden;
}

.clinic-detail {
    margin: 15px 0 15px;
}
.clinic-address address span:nth-child(1):after {
    content: ':';
    float: right;
    margin-right: 15px;
    font-weight: 800;
}
.clinic-detail .row {
    align-items: center;
}
.copyright p {
    color: #fff;
}
.clinic-address {
    margin-top: 30px;
}
.clinic {
    margin: 30px 0;
}
.clinic-info h3 {
    color: var(--color1);
    border-left: 5px solid var(--color2);
    padding-left: 11px;
}
.clinic-address address span i {
    color: var(--color2);
    font-weight: bolder;
}

/* @media (max-width:1366px){
    .lg .home-slide .carousel-caption h3 {
        font-size: 40px;
    }
} */

@media (min-width:1200px) and (max-width:1400px){
    .lg .home-slide .carousel-caption h3 {
        font-size: 39px;
    }
    .lg div#go-top {
        bottom: 300px;
    }
}

@media (min-width:991px) and (max-width:1199px){
    .md .home-slide .carousel-item {
        background-size: contain;
        background-position: top;
    }
    .md .home-slide .carousel-caption h3 {
        font-size: 40px;
    }

    .md .home-slide .btn {
        padding: 16px 20px;
    }

    .md .home-slide .carousel-caption {
        bottom: 160px;
    }
    .md .article-thumb img{
        height: 221px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .sm .home-slide .carousel-item {
        background-size: contain;
        background-position: top;
    }
    .sm .home-slide .carousel-caption h3 {
        font-size: 23px;
    }

    .sm .home-slide .btn {
        padding: 5px 3px;
        width: 100%;
    }

    .sm .home-slide .carousel-caption {
        bottom: 0;
    }
    .sm .home-slide p {
        font-size: 14px;
        line-height: 20px;
    }
    .sm div#carouselHome .carousel-caption{
        top:8%;
    }
    .sm .slide-readmore-link {
        margin-right: 6px;
    }
}

@media (max-width:991px) {
    .sm .menu {
        padding-left: 30px;
        background: transparent;
        position: static;
    }

    .sm nav.navbar.navbar-expand-md.navbar-light.ds-menu {
        display: none;
    }
    .sm .home-slide .carousel-item {
        background-size: cover;
        height: 250px;
        background-position: center;
    }
    .sm .contact-wrap div:nth-child(1) .header-address {
        display: none;
    }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        background-color: #fff;
    }
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after{
        background-color: #fff;
    }
    .primary__menu {
        background: var(--color2);
    }
    .sm header{
        padding-top:0;
    }
    .sm .weblogo {
        padding: 7px 0;
    }
    .sm .weblogo img {
        max-width: 109px;
    }
    .sm h3.h3-title {
        font-weight: 500;
        font-size: 1.5em;
    }
    .sm section.sub-banner {
        height: 200px;
    }
}
@media (max-width:767px){
    .xs .weblogo img {
        width: 150px;
    }
    .weblogo h1{
        font-size: 15px;
    }
    .xs .dropdown button span {
        display: none;
    }

    /* .xs .dropdown ul.dropdown-menu li span {
        display: none;
    } */

    .xs .dropdown ul.dropdown-menu {min-width: 100%;}
    .xs .office-branches {
        display: block;
    }
    .xs .footer-widget {
        margin: 0px 0px 50px;
    }
    .xs .copyright p {
        line-height: 1.2rem;
    }
    .xs .article-thumb img {
        height: 200px;
    }
    .xs .article__slide .overlay-box h3{
        font-size: 18px;
    }
    .xs .srv-box div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xs .clinic-info {
        margin-top: 30px;
    }
    .xs .clinic-address address{
        display: block;
    }
    .xs .clinic-address address span {
        display: block;
        max-width: 100%;
    }
    .xs .clinic-address address span:nth-child(1):after{
        display: none;
    }
    .xs .google-map {
        margin-top: 30px;
    }
}

@media (min-width:767px) {
    .weblogo h1{
        font-size: 19px;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .sm .srv-box div {
        flex: 0 0 48%;
        max-width: 48%;
    }
    .sm .clinic-address address{
        display: block;
    }
    .sm .clinic-address address span {
        display: block;
        max-width: 100%;
    }
    .sm .clinic-address address span:nth-child(1):after{
        display: none;
    }
}

@media (max-width:575px) {
    .xs .weblogo h1 {
        display: none;
    }
    .xs section#services {
        padding: 50px 0;
    }
    .xs .about-feature-img {
        margin: 0 auto;
        text-align: center;
    }
    .xs .about-feature-img img {
        height: 366px;
    }
    .xs section#about-us {
        padding-top: 50px;
    }
    .xs h3.h3-title {
        font-size: 1.5rem;
    }
    .xs .slogram-mes{
        display: block !important;
    }
    .xs .xs-slogram h1 {
        font-family: var(--mm-font);
        font-weight: 700;
        font-size: 16px;
        color: var(--color2);
        text-align: center;
        margin-bottom: 16px;
    }
    .xs .blog h4 {
        margin-top: 20px;
        font-size: 17px;
        font-weight: 800;
    }
   
}

.mm-menu {
    --mm-color-background: rgb(15 145 55 / 20%);
    --mm-color-text-dimmed: #0f9137;
}
a.mm-navbar__title {
    font-weight: 700;
}
a.mm-listitem__text {
    color: #fff !important;
}
.current-menu-item a.mm-listitem__text {
    color: var(--color2) !important;
    font-weight: 600;
}