@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600&display=swap');

html, body,  a {color:#333}

:root {
    --site-max-width: 1500px;

    /* Override Bootstrap primary with brand blue */
    --bs-primary:                  #1c527b;
    --bs-primary-rgb:              28, 82, 123;
    --bs-primary-text-emphasis:    #0e2940;
    --bs-primary-bg-subtle:        #d0dfe9;
    --bs-primary-border-subtle:    #a1bfd3;
    --bs-link-color:               #1c527b;
    --bs-link-color-rgb:           28, 82, 123;
    --bs-link-hover-color:         #163f5e;
    --bs-link-hover-color-rgb:     22, 63, 94;
    --bs-focus-ring-color:         rgba(28, 82, 123, 0.25);
    --bs-dropdown-link-active-bg:  #1c527b;
}

/*//custom css*/

.full_width_bg {
    width: 100vw !important;
    margin-left: calc(50% - 50vw);
}

:root {
    --lt-green: #e8f2eb;
    --lt-blue: #eaf1f7;

    --lt-pink:  #f6ebea
 
}

.green-background, .cardbox .blue-background, .cardbox .white-background {
    background: var(--lt-green) !important
}

.blue-background, .cardbox .green-background {
    background: var(--lt-blue) !important
}

.pink-background, .cardbox .pink-background {
    background: var(--lt-pink) !important
}


.introLine.green-background {
    background: rgb(40, 116, 173) !important
}

.introLine.blue-background {
    background: #145b28 !important
}

.introLine.pink-background {
    background: red !important
}
.green-background *:not(h1, h2, h3, h4, h5, h6) {
color: #1c527b !important
}

.blue-background *:not(h1, h2, h3, h4, h5, h6) {
    color: #145b28 !important
}




.white-background *:not(h1, h2, h3, h4, h5, h6) {
    color: #145b28 !important
}
.white-background.bg-darkx {
    background: var(--lt-green) !important
}

.pink-background {
    background: var(--lt-pink) !important
}
section h1:not(.hero-title), section h2:not(.hero-title), section h3:not(.hero-title), section h4:not(.hero-title), section h5:not(.hero-title), section h6:not(.hero-title) {
    color: #000 !important
}

.full_bg_img, .full-width_bg {
    width: 100vw !important;
    margin-left: calc(50% - 50vw)
}

.pt-100  {padding-top:100px !important

}

.mw-20 {
    max-width: 20px
}

.transition-shadow {
    transition: all 0.5s !important
}

    .transition-shadow:hover {
        box-shadow: rgba(0, 0, 0, .08) 0px 12px 40px !important;
        transform: translateY(-8px) !important
    }


.ui-accordion .ui-accordion-header {
    color: #000 !important;
    background-color: #fff !important;
    border:0 !important
}
    .ui-accordion .ui-accordion-header:after {
        color: #000 !important;
    }

    .ui-accordion .ui-accordion-header:after {
        content: "";
        right: 10px;
        width: 15px;
        height: 15px;
        top: calc(50% - 7px);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-plus text-black'%3E%3Cpath d='M5 12h14'%3E%3C/path%3E%3Cpath d='M12 5v14'%3E%3C/path%3E%3C/svg%3E");
    }

.ui-accordion .ui-accordion-header-active:after {
    content: "";
    right: 10px;
    width: 15px;
    height: 15px;
    top: calc(50% - 7px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-minus text-black'%3E%3Cpath d='M5 12h14'%3E%3C/path%3E%3C/svg%3E");
}

.ui-accordion .ui-accordion-content {
    line-height: 32px !important;
    border: 0;
    background: transparent;
    padding-left: 15px;
    padding-top: 0;

}

.mw-60 {
    max-width: 80px
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
}

/* Prevent Bootstrap from overriding custom brand colors */
.bg-\[\#1c527b\] { background-color: #1c527b !important; }
.text-\[\#1c527b\] { color: #1c527b !important; }
.hover\:bg-\[\#1c527b\]:hover { background-color: #1c527b !important; }