/* ================= BASE ================= */

.zpheader-style-01 .theme-header .zpcontainer {
    padding-block: 15px;
}

.zpcontainer {
    margin: 0 auto;
}

.theme-header .zpcontainer {
    width: 100%;
}

.theme-lang-container .theme-lang-dropdown, .theme-lang-container .theme-lang-label {
	color: #fff;
    border: 0;
}

.theme-lang-container .theme-lang-label::after {
    border-block-start: 6px solid #fff;
}


/* ================= TYPE EFFECT ================= */

.typeEffectText,
.typeEffectText span {
    color: white;
}

.typeEffectText {
    font-size: 40px;
    font-weight: 1000;
    white-space: nowrap;
}

/* ================= FEATURE CARD ================= */

.feature-card {
    transition: all 0.3s ease;
    cursor: pointer;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    color: #000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.feature-card:hover {
    background: #123f70 !important;
    color: #fff !important;
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    z-index: 10;
}

/* ================= MODAL ================= */

.modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 300;
    padding-top: 100px;
    overflow: auto;
    justify-content: center;
    background: rgba(0,0,0,0.4);
}

.modal-content {
    display: inline-flex;
    position: relative;
    background: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19);
    animation: animatetop 0.4s;
}

@keyframes animatetop {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

.close {
    color: white;
    position: absolute;
    top: -13px;
    right: -13px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #969494;
    text-align: center;
}

.close:hover,
.close:focus {
    cursor: pointer;
    text-decoration: none;
}

.modal-header,
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {
    padding: 2px 16px;
}

/* ================= ACCORDION ================= */

.accordion-item {
    color: black;
    transition: color 0.3s, background-color 0.3s;
}

.accordion-item:hover,
.accordion-item[aria-expanded="true"],
.accordion-item[aria-expanded="true"] * {
    background-color: #2b6841 !important;
    color: white !important;
}

.accordion-item:hover * {
    color: white !important;
}

/* ================= DIVIDER ================= */

.zpdivider-container .zpdivider-common:before,
.zpdivider-container .zpdivider-common:after {
    content: '';
    position: absolute;
    width: 1500px;
    inset-block-start: 50%;
    height: 1px;
    border-style: solid;
    border-width: 5px 0 0;
}

.zpcarousel-controller-container {
    display: none;
}

/* ================= IMAGES ================= */

.fluid-image {
    filter: brightness(90%) opacity(0.5);
    transition: filter 0.3s ease;
}

.fluid-image:hover {
    filter: none;
}

.zpimage-container figure {
    position: relative;
    width: 100%;
    height: 100%;
}

.zpimage-container a.zpimage-anchor {
    position: relative;
    inset: 0;
    content: '';
    z-index: 99;
}

.zpimage-container picture {
    width: 100%;
    height: 100%;
    display: block;
}

.zpimage-container figcaption.zpimage-caption.zpimage-caption-align-center {
    z-index: 99;
    pointer-events: none;
}

.zpimage-caption.zpimage-caption-align-center {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.img-object-fit img,
.theme-blog-cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img-border img {
    border-radius: 10px;
}

/* ================= BUTTON ICON ================= */

.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right span,
.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right i,
.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right svg {
    transition: transform 0.2s ease;
}

.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right:active span:last-child i,
.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right:active span:last-child svg,
.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right:active i:last-child,
.zpbutton-container .zpbutton-wrapper.zpbutton-type-link.zpbutton-icon-align-right:active svg:last-child {
    transform: translateX(6px);
}

/* ================= FOOTER ================= */

.footer-link-text a,
.footer-link-text a:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

/* ================= BLOG ================= */

[data-zs-app="blogs"] .theme-blog-container-column {
    width: 100%;
}

[data-zs-app="blogs"] .theme-blog-category-column {
    display: none;
}

[data-zs-app="blogs"] .theme-blog-container-column .zpcol-md-6 {
    width: 33.33%;
}

@media (min-width: 768px) {
    [data-zs-app="blogs"] .theme-blog-container-column .zpcol-md-6 {
        width: 50%;
    }
}

@media (min-width: 991px) {
    [data-zs-app="blogs"] .theme-blog-container-column .zpcol-md-6 {
        width: 33.33%;
    }
}

[data-zs-app="blogs"] .theme-blog-container-column .theme-blog-container {
    overflow: hidden;
    position: relative;
    border: none;
}

[data-zs-app="blogs"] .theme-blog-container::after,
.theme-blog-cover-img {
    transition: transform 2s ease;
}

[data-zs-app="blogs"] .theme-blog-container:hover .theme-blog-cover-img {
    transform: scale(5);
}

[data-zs-app="blogs"] .theme-blog-container:hover * {
    color: #fff !important;
}

[data-zs-app="blogs"] .theme-blog-container::after {
    content: "";
    inset: 0;
    background: #0c6a45cc;
    position: absolute;
    z-index: 8;
    opacity: 0;
}

[data-zs-app="blogs"] .theme-blog-container:hover::after {
    opacity: 1;
}

[data-zs-app="blogs"] .theme-blog-container > *:not(.theme-blog-cover-img-container) {
    position: relative;
    z-index: 10;
}

.theme-blog-heading-author + .theme-blog-part {
    display: none;
}

.theme-blog-heading {
    font-size: 20px;
}

/* ================= HOME HEADER ================= */

body[data-zs-home="true"] .zpheader-style-01.theme-header-fixed {
    background: #fff !important;
}

body[data-zs-home="true"] .theme-menu-name,
body[data-zs-home="true"] .theme-submenu-down-arrow,
body[data-zs-home="true"] .theme-sub-menu,
body[data-zs-home="true"] .zpdark-header-portion .theme-lang-container * {
    color: #525150 !important;
    font-weight: bold;
}

body[data-zs-home="true"] .theme-lang-label:after {
    border-block-start-color: #525150 !important;
}

/* ================= ICON ================= */

img.zpimage.custom-icon {
    filter: invert(79%) sepia(5%) saturate(209%) hue-rotate(184deg) brightness(94%) contrast(87%);
    transition: 0.3s ease;
}

img.zpimage.custom-icon:hover {
    filter: invert(22%) sepia(16%) saturate(3233%) hue-rotate(110deg) brightness(92%) contrast(92%);
}

/* ================= MENU ================= */

.theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover > a {
    text-decoration: none;
    background: transparent;
}

/* ================= GREEN LINE ================= */
.zpdivider-container.zpdivider-line.zpdivider-align-left.zpdivider-align-mobile-left.zpdivider-align-tablet-center.zpdivider-width10.zpdivider-line-style-solid {
    width: 66px !important;
}

/* ================= HOMEPAGE Controller ================= */
.zpcarousel-container.zpcarousel-style-01 .zpcarousel-controller-container {
    display: none;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 767px) {
    .theme-navigation-and-icons .theme-menu-area .theme-menu {
        background: #fff;
    }
    .theme-header .zpcontainer {
    width: auto;
}
    .theme-lang-container .theme-lang-label {
        color: #525150;
        font-family: inherit;
        font-size: inherit;
    }
}

@media (max-width: 991px) {
    .zphero-full-screen,
    .zphero-full-screen .zphero {
        min-height: 530px !important;
        height: auto !important;
    }
    .theme-lang-container .theme-lang-label {
        color: #525150;
        font-family: inherit;
        font-size: inherit;
    }
}

@media (min-width: 991px) {
    .zphero-full-screen,
    .zphero-full-screen .zphero {
        min-height: 802px !important;
        height: auto !important;
    }
}