body {
    padding-bottom: 20px;
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Droid Sans', sans-serif;
}

.clsbt .dropdown-menu li a {
    font-size: 13px;
    padding: 4px 20px !important;
    border-bottom: none;
}

.navbar-light .navbar-nav .nav-link a {
    color: rgba(0, 0, 0, 0.5);
    display: block;
}

.clsbt .navbar-nav li {
    border-left: none;
}

.qexw {
    margin-top: 26px;
}


.clsbt .navbar-nav .dropdown .menutext {
    display: block
}

.tqew .navbar-nav .dropdown {
    margin-bottom: 4px;
}

.widget table td, .widget-text table td {
    border: 1px solid #d1d0d0;
}

.clsbt .navbar-nav .nav-link {
    color: #000000 !important;
}


.clsbt .dropdown-menu {
    margin: 0px;
}

.collaps .dropdown-menu {
    border: none;
}

.nav-item .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu {
    padding-left: 15px;
}

.clqw {
    padding-left: 8px;
}

.clsbt .navbar-nav .dropdownu {
    color: #000000 !important;
    display: inline-block;
}
/*.clsbt .dropdown-submenu .navitem{min-width:115px;}*/
.widget table th, .widget-text table th {
    background: #c6cace;
    border: 1px solid #d1d0d0;
}

.clsbt .collaps {
    margin-left: -15px;
}

.collaps .navbar-nav .dropdown-menu {
    position: relative;
}

.tqew .teqwx {
    color: #d1d0d0
}

.clsbt .collaps .dropdown {
    background: #86d2e6;
    min-width: 161px
}

.dropdown-submenu > .dropdown-menu {
    top: 5px;
    left: 0% !important;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.clsbt .navbar-nav .dropdown .menunode {
    background: #d1d0d0;
    margin-left: -15px
}

.tqew .navbar-nav > li {
    border-bottom: 1px solid #ccc !important;
}





.widget table, .widget-text table {
    width: 100%;
}

.dropdown-submenu {
    border-bottom: 1px solid #e4e4e4;
}



.navbar-light .navbar-nav .nav-link {
    display: inline-block;
}



.collaps .dropdown-menu {
    padding: 0px;
    background-color: #fff;
}

.section {
    width: 100%;
}

    .section .row {
        margin-left: 0px !important;
        margin-right: 0px !important
    }

.nav-item .dropdown-menu .dropdown-submenu .dropdown-menu {
    padding-left: 15px;
    margin-left: 160px !important;
}



.widget img {
    width: 100%
}

.widget, .widget-text {
    width: 100%
}



.owl-carousel {
    margin-bottom: 40px;
}

.dropdown-submenu {
    width: 168px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    font-size: 30px !important; /* Adjust the size of the arrow icons */
    color: #FFF; /* Arrow color */
    background: #333; /* Button background color */
    padding: 10px 20px; /* Adjust padding to make the buttons larger */
    border-radius: 50%; /* Optional: if you want round buttons */
}

    /* Additional styling for hover effect */
    .owl-carousel .owl-nav button.owl-next:hover,
    .owl-carousel .owl-nav button.owl-prev:hover {
        background-color: #555; /* Darker shade on hover */
    }

.owl-carousel .owl-nav button.owl-prev {
    left: -50px; /* Adjust as needed */
}

.owl-carousel .owl-nav button.owl-next {
    right: -50px; /* Adjust as needed */
}

.owl-carousel .item img {
    max-width: 100%; /* Ensures the image does not exceed its container's width */
    max-height: 600px; /* Adjust this value to limit the image's height on desktop */
    height: auto; /* Keeps the image's aspect ratio intact */
}


.chtpimg {
    margin-left: 31px;
    float: left;
    margin-right: 15px;
    margin-top: 15px
}

.cimthn {
    font-weight: bold;
    color: green
}

#msgContainer {
    min-height: 0px;
}

.cmtqo {
    color: blue;
    float: right
}

.imthw {
    margin-top: 34px;
    background-color: green
}

.ptho {
    text-align: center;
    font-size: 11px
}

.chtp {
    padding-top: 15px;
    margin-left: 31px
}

.phtwn {
    background: #e2dfdf;
    height: 155px;
    border-radius: 15px;
    padding: 0px
}

.tbwq {
    margin-bottom: 15px;
}

.natch {
    height: 250px;
    border-radius: 15px;
    padding: 0px;
    border: 1px solid gray
}

.chstu {
    margin-bottom: 15px;
    padding: 15px
}

.chtnm {
    float: right;
    margin-right: 31px
}

/* ===== Person Gallery (scoped) ===== */
/* Grid images */
.widget-text .pg-card img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    max-width: 220px;
    margin: 0 auto;
}

/* Modal */
.widget-text .pg-modal {
    background: #eaf4fb;
    border-radius: 10px;
}

.widget-text .pg-close {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 30px;
}

/* Owl arrows inside popup */
.widget-text .pg-popup-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    pointer-events: none;
}

.widget-text .pg-popup-carousel .owl-prev,
.widget-text .pg-popup-carousel .owl-next {
    position: absolute;
    pointer-events: auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
}

.widget-text .pg-popup-carousel .owl-prev {
    left: -22px;
}

.widget-text .pg-popup-carousel .owl-next {
    right: -22px;
}
/* --- Ensure modal close is clickable above carousel --- */
.widget-text .pg-modal {
    position: relative; /* creates positioning context */
}

.widget-text .pg-close {
    z-index: 1065; /* above carousel/nav */
    pointer-events: auto;
}

/* --- Ensure Owl nav shows and sits above content in popup --- */
.widget-text .pg-popup-carousel {
    position: relative;
}

.widget-text .pg-popup-carousel .owl-nav {
    display: block !important; /* in case any theme hides it */
    z-index: 1060; /* above slides, below close */
}

/* Make sure the buttons are vertically centered */
.widget-text .pg-popup-carousel .owl-prev,
.widget-text .pg-popup-carousel .owl-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 1060;
}

/* Don't push arrows outside modal where they can get clipped */
.widget-text .pg-popup-carousel .owl-prev {
    left: 10px;
}

.widget-text .pg-popup-carousel .owl-next {
    right: 10px;
}
.widget-text .person-gallery .pg-title {
    width: 100%;
    background: #eaf4ef; /* very light green tint */
    color: #0b3d2e; /* deep muted green text */
    padding: 14px 18px;
    margin-bottom: 16px;
    font-weight: 700;
    border-radius: 6px;
}