.top-header {
    background-color: #0e820e;
    color: white;
}
.top-header a {
    color: white;
}
.header {
    background-color: white;
    padding: 20px 0;
}
.header a {
    text-decoration: none;
    color: black;
    margin: 0;
}
.top-header .nav-item {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative; /* anchor for top-header dropdowns */
}
.top-header .dropdown-item{
    color: black;
}

/* Ensure dropdowns in the top-header appear and are positioned under their parent */
@media (min-width: 992px) {
    .top-header .navbar-nav .nav-item {
        position: relative; /* anchor absolute dropdowns to each li */
    }

    .top-header .navbar-nav .nav-item .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 0.2rem;
        z-index: 2500;
        min-width: 10rem;
        background-color: #ffffff; /* keep readable on dark header */
        border: 1px solid rgba(0,0,0,0.08);
        border-radius: 6px;
        padding: 0.25rem 0;
    }

    .top-header .navbar-nav .nav-item .dropdown-item {
        color: #222;
        padding: 6px 12px;
        font-weight: 600;
    }

    .top-header .navbar-nav .nav-item .dropdown-item:hover {
        background-color: #f2fdf2;
        color: #0e820e;
    }
}
.icon-whatsapp {
    width: 30px;
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 2px solid white;
    border-radius: 21px;
    margin: 0 7px;
}
.icon-whatsapp svg {
    fill: #ffffff;
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 5px;
}
.call-btn-top-menu {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
/*banner*/
.owl-carousel .item {
    background-color: #24871e;
    padding: 60px 80px;
    margin: 10px;
    color: #333;
    border-radius: 30px;
    font-size: 24px;
    box-shadow: none;
}
.slider-home {
    background-color: #10820e;
    border-radius: 30px;
}
.slider-home h4 {
    color: white;
}
.slider-home h6 {
    color: white;
}
.slider-home p {
    color: white;
    text-align: left;
    font-size: 15px;
}
.button-btn1 {
    background-color: white;
    display: inline-flex;
    color: black;
    text-decoration: none;
    font-weight: 600;
    padding: 9px;
    font-size: 18px;
    border-radius: 16px;
}
.button-btn1:hover {
    background-color: #0e820e;
    color: white;
    transition-duration: 0.3s;
    transition-property: background-color, color;
    transition-timing-function: ease-in;
}
.btn-link{
    background-color: #0e820e;
    color: white!important;
    padding: 9px 15px;
    border-radius: 16px;
    font-weight: 600;
}
.btn-link a{
    text-decoration: none;
    color: white;
}
.btn-link:hover{
    background-color: rgb(230, 230, 230);
    color: #0e820e!important;
    transition-duration: 0.3s;
    transition-property: background-color, color;
    transition-timing-function: ease-in;
}
.list-style li{
    list-style: none;
}
.padding-lg {
    padding: 3rem 0;
}
.color-green {
    color: #0e820e;
}
.bg-color-green {
    background-color: #0e820e;
}
.bg-white {
    background-color: white;
}
.white {
    color: white;
}
.border-r-100 {
    border-radius: 20px;
}
.box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem;
    padding: 40px 40px 40px 35px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff00;
    border-radius: 7px 7px 7px 7px;
}
.box img:hover {
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-in;
}
.box img {
    width: 80px;
    margin: 0 auto;
    transition-duration: 0.3s;
    transition-property: transform;
}
.section-heading h2 {
    font-size: 45px;
    font-weight: 800;
}
.image-style-1 {
    position: relative;
    padding: 1rem;
}
.image-style-1 img {
    border-radius: 350px 350px 10px 10px;
}
.image-style-1 .image-2 {
    position: absolute;
    width: 48%;
    right: -13px;
    bottom: 0;
    border: 13px solid white;
}
.image-style-2 {
    position: relative;
    border-radius: 350px 350px 10px 10px;
}
.image-style-2 img {
    position: relative;
    border-radius: 350px 350px 10px 10px;
}
.image-style-2 .img-3 {
    position: absolute;
    width: 48%;
    left: -13px;
    top: 0;
    border: 0px solid white;
}
.box-bg {
    position: relative;
    border-radius: 37px;
}

.box-bg:before {
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    z-index: 0;
    background-color: #10820ef0;
    position: absolute;
    border-radius: 37px;
}
.primary-btn {
    background-color: #10820e;
    padding: 10px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    color: white;
    text-decoration: none;
}
.btn-no-bg {
    font-weight: 600;
    text-decoration: none;
    color: #10820e;
}
#boxframeprayer2 {
    width: 100%;
    background: #506a1b;
    direction: ltr;
    color: #fff;
    padding: 5px;
    font-family: Tahoma, Geneva, sans-serif;
    border-radius: 4px;
    box-sizing: border-box;
}

/*contact*/
.contact form input,
.contact form textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 15px;
}
.jki-quote1-light {
    font-size: 50px;
    color: #10820e;
}
.footer-bg{
    background-color: #141414;
}
.footer-bg ul{
    padding-left: 0px;
}
.footer-bg ul li{
    list-style: none;
        color: #b3b3b3;
           font-size: 15px;
           display: flex;
           padding: 4px;
}
.footer-bg ul li a{
    list-style: none;
    text-decoration: none;
    color: #b3b3b3;
    font-size: 15px;
}
.footer-bg ul li a:hover {
    color: white;
}
.footer-bg h3{
    list-style: none;
    text-decoration: none;
    color:white;
}
.footer-bg p{
    list-style: none;
    text-decoration: none;
    color:white;
}
.footer-bg i{
    font-size: 20px;
    list-style: none;
    text-decoration: none;
    color:white;
}
.svg-size svg{
    width: 13px;
    fill: green;
    margin: 0 13px;
    color: green;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1220px;
    }
}
.line1{
    border:1px solid gray
}
.line2{
    border:2px solid rgb(1, 132, 3);
    opacity: 1;
}
.social-icons {
    padding-left: 0;
    margin-top: 20px;
    list-style: none;
    display: flex;
}
.social-icons li {
    margin-right: 10px;
}
.social-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #333;
    color: white;
    border-radius: 50%;
    transition: background-color 0.3s, color 0.3s;
}
.social-icons li a:hover {
    background-color: #0e820e;
    color: white;
}
.social-icons li a i {
    font-size: 20px;
    line-height: 40px;
}
.footer-text{
    color: #ffffff;
}
.footer-text a{
    color: #ffffff;
    text-decoration: none;
}
.brand img{
    width: 100px;
    margin-left: 10px;

}

/* Show dropdown on hover for desktop (>= lg / 992px) */
@media (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0; /* remove gap so it appears flush */
    }
    /* optional: keep dropdown-toggle cursor pointer */
    .navbar .dropdown-toggle::after {
        vertical-align: 0.255em;
    }
}
.accorthiantheme .accordion-button {
    background-color: #0e820e;
    color: white;
}
.accorthiantheme .accordion-button:not(.collapsed) {
    color: white;
    background-color: #0e820e;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}     
.accorthiantheme .accordion-body {
    border: 1px solid #0e820e;
}
.accorthiantheme .accordion-item {
    border: 1px solid #0e820e;
    border-radius: 7px;
    margin-bottom: 10px;
}
.accorthiantheme .accordion-item:first-of-type {
    border-top: none;
}
.accorthiantheme .accordion-item:last-of-type {
    border-bottom: none;
}
.accorthiantheme .accordion-button::after {
    filter: invert(1);
}  
.accorthiantheme .accordion-button:hover {
    background-color: #0c6f0c;
    color: white;
    transition-duration: 0.3s;
    transition-property: background-color, color;
    transition-timing-function: ease-in;
}  
.top-header .nav-link {
    font-size: 14px;
    font-weight: 500;
}
.top-header .nav-link:hover {
    color: #b3b3b3;
    transition-duration: 0.3s;
    transition-property: color;
    transition-timing-function: ease-in;
}  
.header .nav-link {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
}
.header .nav-link:hover {
    color: #0e820e;
    transition-duration: 0.3s;
    transition-property: color;
    transition-timing-function: ease-in;
}  
.header .nav-link.active {
    color: #0e820e;
}
.header .nav-link.active:hover {
    color: #0a5c0a;
    transition-duration: 0.3s;
    transition-property: color;
    transition-timing-function: ease-in;
}       .header .nav-link.active {      
    color: #0e820e;
}
.header .nav-link.active:hover {
    color: #0a5c0a;
    transition-duration: 0.3s;
    transition-property: color;
    transition-timing-function: ease-in;
}   .header .nav-link.active {
    color: #0e820e;
}
.header .nav-link.active:hover {
    color: #0a5c0a;
    transition-duration: 0.3s;
    transition-property: color;
    transition-timing-function: ease-in;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

/* Position dropdown menus directly below their parent nav item on desktop */
@media (min-width: 992px) {
    .header .navbar-nav .nav-item {
        position: relative; /* anchor for absolute-positioned dropdown */
    }

    .header .navbar-nav .nav-item .dropdown-menu {
        position: absolute;
        top: 100%; /* place immediately below the parent li */
        left: 0; /* align left edge with the parent li */
        margin-top: 0.25rem; /* small gap if desired */
        transform: none; /* override any Bootstrap transforms */
        will-change: transform;
        z-index: 2000; /* ensure dropdown sits above other elements */
        min-width: 12rem; /* sensible minimum width */
    }

    /* If you want the dropdown centered under the nav link instead, uncomment the rules below
    .header .navbar-nav .nav-item .dropdown-menu {
        left: 50%;
        transform: translateX(-50%);
    }
    */
}

/* Dropdown visual styling to match header */
.header .navbar-nav .nav-item .dropdown-menu {
    background-color: #ffffff; /* white background for menu */
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 8px;
    padding: 0.4rem 0;
    box-shadow: 0 6px 18px rgba(16,130,14,0.08); /* subtle green-tinted shadow to match brand */
}

.header .navbar-nav .nav-item .dropdown-item {
    color: #222;
    padding: 8px 18px;
    font-weight: 600;
}
.header .navbar-nav .nav-item .dropdown-item:hover {
    background-color: #f2fdf2; /* very light green hover */
    color: #0e820e;
}

/* small tweak: ensure caret/arrow color matches */
.header .navbar-nav .nav-item .dropdown-toggle::after {
    color: #0e820e;
}

/* Recent Edits Below This Line */

.callto-actioniconbox{
    height: 100%;
}
.callto-actioniconbox  i {
    font-size: 50px;
    color: #0e820e;
    margin-bottom: 20px;
}
.callto-actioniconbox  h4 { 
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.callto-actioniconbox  a{  
    font-size: 15px;
    color: rgb(0, 0, 0);
    text-align: center;
    text-decoration: none;
}