.header-con {
    border-radius: 0 0 100% 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.header-con.fixed-nav {
}
.header-con img {
    transition: all 0.3s ease;
}
.header-con.fixed-nav img {
    transition: all 0.3s ease;
    height: 50px;
}
.banner-inner-con {
    padding: 100px 0 50px 0;
}
.banner-title {
    padding: 100px 0 30px 0;
}
.text-bg1 {
    background-color: #006838;
    display: inline !important;
    padding: 0;
    color: #fff;
    border-radius: 5px;
}
.text-bg2 {
    color: #32445e;
    display: inline !important;
    padding: 0;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
}
.text-bg3 {
    color: #fff;
    display: inline !important;
    padding: 0;
    background-color: var(--accent);
    border-radius: 5px;
}
.banner-title .subtitle {
    color: #fff;
    padding: 0;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
}
.banner-title:before,
.banner-con:before,
.banner-title:after,
.banner-con:after,
.service-inner-box::before,
.service-inner-box::after,
.service-title:before,
.contact-inner-con:before{
    display: none;
}
.generic-btn.secondary a {
    background-color: var(--primary--color);
}
.banner-title .generic-btn {
    width: 100%;
}
.banner-title .generic-btn a {
    padding: 14px 53px 14px 53px;
    width: 100%;
}
.generic-btn a:hover,
.submit-btn:hover,
.plan-btn a:hover,
.news-letter-input button:hover,
.post-btn:hover,
.tag-link ul li a:hover,
.contact-submit-btn:hover {
    color: #fff;
    background: var(--primary--color);
    box-shadow: inset 0 0 0 2px var(--primary--color);
}
.generic-btn.secondary a:hover {
    color: #fff;
    background: var(--accent);
    box-shadow: inset 0 0 0 2px var(--accent);
}
.generic-box-content p {
    font-size: 18px;
}
.text-accent {
    color: var(--accent);
}
.service-item a {
    width: auto;
    height: auto;
    border-radius: 20px;
    background: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 50%;
}
.service-item a:hover {
    background: var(--primary--color);
    text-decoration: none;
    border-color: var(--primary--color);
    box-shadow: inset 0 0 0 2px var(--primary--color);
}
.service-item {
    padding: 11px 10px 30px 10px;
}
.gallery-wrap {
    background-color: #efefef;
    padding:20px;
    border-radius: 20px;
}
.gallery-wrap h5 {
    font-size: 18px;
    color: var(--accent);
    margin-bottom: 20px;
    font-weight: bold;
}

@media only screen and (max-width: 992px) {
    .more-details {
        gap: 10px;
    }
    .banner-title .subtitle {
        font-size: 16px;
        line-height: 32px;
    }
    .banner-inner-con {
        padding: 50px 0 50px 0;
    }
}

@media only screen and (min-width: 992px) {
    .generic-box-img1 img {
        width: 610px;
        height: 610px;
    }
    .generic-box-img2 img {
        width: 307px;
        height: 307px;
    }
    .generic-box-img2:before {
        width: 300px;
        height: 300px;
    }
}