.text-decoration-none {
    text-decoration: none;
}
abbr:hover {
    cursor: default;
}

.pagningtxt {
    color: #666;
}
.paging-right {
    float: right;
}
.top-nav-right ul li .active-topnav {
    color: #efb73d;
}
/* nav .navbar .links li {
    padding: 0 20px !important;
} */
.pagination .active > .page-link,
.pagination .page-link.active {
    background-color: #666 !important;
    border: none;
}
.page_top_banner img {
    width: 100%;
    height: auto;
}
.ContributeNot_btn {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #ffffff;
    border-radius: 5px;
    position: fixed !important;
    top: 50%;
    bottom: 0;
    z-index: 999;
    right: 15px;
    /* margin: 0 auto; */
    transform: translateY(-50%);
}
.content_overlay_title {
    font-size: 44px;
    font-family: "DINPro-bold";
    margin-bottom: 20px;
}
.content_overlay_1 {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #e5e5e5;
    border-top: 8px solid #edbb45;
    border-radius: 10px;
}
.content_overlay_1 p {
    font-size: 16px;
    line-height: 30px;
    font-family: "google_sansregular";
}
.content_overlay_wrap {
    margin-top: -100px;
    position: relative;
    z-index: 1;
}

/* .darkHeader nav .navbar .links li a {
    letter-spacing: 0;
}
.darkHeader nav .navbar .links li {
    padding: 0 15px !important;
} */

.header:not(.darkHeader) nav .navbar .nav-links {
    width: 100%;
}
.header:not(.darkHeader) nav .navbar .links {
    /* justify-content: space-between !important; */
}

.testiminial_imgWrap {
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto;
}
.max-w-530 {
    max-width: 530px;
}
.contact-btn-top {
    overflow: hidden;
}
/* Ripple Start */
.btn:not(.contact-btn-top) {
    position: relative;
    overflow: hidden;
}

.btn::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    width: 10%;
    height: 25%;
    border-radius: 50%;
    z-index: 1;
    top: 35%;
    left: 45%;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.btn:hover::before {
    -webkit-transform: scale(12);
    transform: scale(12);
    -webkit-transition: border-radius 0.5s 0.5s, -webkit-transform 0.5s;
    transition: border-radius 0.5s 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0.5s 0.5s;
    transition: transform 0.5s, border-radius 0.5s 0.5s, -webkit-transform 0.5s;
}

.btn::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.btn {
    background-position: center;
    transition: background 0.8s;
}
.btn:hover {
    background: #000 radial-gradient(circle, transparent 1%, #000 1%)
        center/15000%;
}
.btn:active {
    background-color: #000;
    background-size: 100%;
    transition: background 0s;
}

.darkHeader .login-btns:hover,
.darkHeader .login-btns:focus {
    border: solid 1px #000 !important;
    background: #000 !important;
}
.btn-outline-primary:hover {
    border-color: #000;
}
/* Ripple End */

.img-outer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-outer img {
    object-fit: cover;
    max-width: calc(100% + 20px);
    min-height: 100%;
    min-width: calc(100% + 20px);
    max-height: calc(100% + 20px);
    width: auto;
    height: auto;
}

.details-img,
.ourServicesDetails_img {
    border-radius: 10px;
    overflow: hidden;
    height: 460px;
}
.event-img-box-img {
    border-radius: 10px;
    overflow: hidden;
    height: 335px;
}

.matter-info *:not(.font-bold) {
    font-family: "google_sansregular" !important;
    font-size: 16px !important;
    line-height: 30px !important;
    color: #000;
}
.matter-info strong {
    font-family: "google_sansmedium" !important;
}
.matter-info .font-36 {
    font-size: 36px !important;
}
.matter-info .font-22 {
    font-size: 22px !important;
}
.matter-info .font-28 {
    font-size: 28px !important;
}
.matter-info .font-24 {
    font-size: 24px !important;
}
.matter-info .font-36 {
    font-size: 24px !important;
}

.matter-info .font-dinopro-bold {
    font-family: "DINPro-bold" !important;
}

.matter-info .font-bold {
    font-family: "google_sansbold" !important;
}

.product-bg:hover img,
.serviceslink_a:hover img,
.about-team .team-info.team-info_v1:hover img {
    transform: scale(1.2);
    opacity: 1;
}
.product-bg img,
.titleName,
.serviceslink_a img,
.about-team .team-info.team-info_v1 img {
    transition: transform 0.5s ease;
    opacity: 1;
}
.sacco-product-section .slick-slide {
    overflow: hidden;
}
.productSlide_a {
    transition: transform 0.5s ease;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.productSlide_a,
.product-bg {
    background-color: #000;
}

.productSlide_a:hover .titleName {
    color: #edbb45;
}
.product-bg {
    transition: background 0.8s;
}

.serviceslink_a {
    display: block;
    transition: all 0.5s ease;
}
.serviceslink_a_img {
    height: 285px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    transition: all 0.5s ease;
    background-color: #000;
}
.serviceslink_a:hover .serviceslink_a_img {
    opacity: 1;
}
.serviceslink_a:hover .link-black {
    color: #efb73d !important;
}

.about-team .team-info.team-info_v1 {
    cursor: pointer;
    transition: all 0.5s ease;
}
.about-team .team-info.team-info_v1 .team-img {
    overflow: hidden;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.5s ease;
}
.about-team .team-info.team-info_v1:hover .team-img {
    opacity: 1;
}

.modal-box-gallery {
    background: #000;
}
.modal-box-gallery .Gallryimage_view {
    height: calc(100vh - 200px);
}
.modal-box-gallery .modal-content {
    max-width: calc(100vw - 500px);
}

.patner-section {
}
.patner-section::after {
    opacity: 0;
}
.call-details::before {
    background: #f9eb3e;
    width: 4000px;
    transform: skew(40deg);
    left: -100px;
    box-shadow: 0px 3px 6px #00000029;
}

nav .navbar .links li .dropdown-toggle::after {
    display: none;
}
nav .navbar .links li ul {
    top: 100%;
    left: 0;
    box-shadow: 0px 3px 6px #00000029;
    margin: 0px 0 0 0 !important;
    padding: 0;
    border-radius: 8px;
    max-height: 230px;
    overflow-y: auto;
}
nav .navbar .links li ul li.active-nav {
    background-color: transparent !important;
}

nav .navbar .links li ul li a {
    color: #000 !important;
    height: auto;
    padding: 13px 0 13px 0px;
    line-height: 100%;
    background-color: transparent !important;
    text-transform: capitalize;
    letter-spacing: 0;
    display: flex;
    align-items: center;
}
nav .navbar .links li ul li a::before {
    display: none !important;
    width: 0;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    left: 20px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 6px solid #858585;
    transition: all 0.3s ease;
}
nav .navbar .links li ul li:hover a,
nav .navbar .links li ul li.active-nav a {
    color: #efb73d !important;
    border-radius: 5px !important;
}
nav .navbar .links li ul li:not(:last-child) {
    border-bottom: 1.5px dashed #ccc;
}
nav .navbar .links li ul li:hover,
nav .navbar .links li ul li.active-nav {
    background-color: transparent !important;
}
nav .navbar .links li ul li:hover a::before,
nav .navbar .links li ul li.active-nav a::before {
    border-left-color: #efb73d;
}
nav .navbar .links li.has_menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: red;
    opacity: 0;
    display: none;
}

.slick-track {
    display: flex !important;
}
.slick-slide {
    height: initial !important;
}
.news-box {
    height: 100%;
}
.news-box-01 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.services-bg,
.events-bg {
    height: 100%;
}
#service-show .offcanvas-body {
    height: 100%;
}
html.show_offcanvas {
    overflow: hidden;
}
.Gallryimage_view .img-outer img {
    max-width: 100%;
    min-height: inherit;
    min-width: inherit;
    max-height: calc(100% + 20px);
    width: auto !important;
    height: auto;
}
.gallery-box {
    border-radius: 15px;
    overflow: hidden;
}
.gallery-box .img-outer {
    align-items: start !important;
}
.gallery-box .img-outer img {
    max-height: inherit;
}

.photo-gallery-box {
    border-radius: 10px;
    overflow: hidden;
    height: 420px;
}
.photo-gallery-box .img-outer {
    align-items: start !important;
}
.photo-gallery-box .img-outer img {
    max-height: inherit;
}

div[class^="slick_controls"] a {
    display: flex !important;
}
div[class^="slick_controls"] a.slick-disabled {
    opacity: 0;
    visibility: hidden;
}

.scrollbar::-webkit-scrollbar-track {
    background-color: #666;
}

.scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.dropdown-menu .dropdown-item img {
    height: 18px !important;
    margin-right: 10px;
    width: auto !important;
}

/* .editor-informations div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    font: revert-layer!important;
} */
.editor-informations div,
.editor-informations span,
.editor-informations applet,
.editor-informations object,
.editor-informations iframe,
.editor-informations h1,
.editor-informations h2,
.editor-informations h3,
.editor-informations h4,
.editor-informations h5,
.editor-informations h6,
.editor-informations p,
.editor-informations blockquote,
.editor-informations pre,
.editor-informations a,
.editor-informations abbr,
.editor-informations acronym,
.editor-informations address,
.editor-informations big,
.editor-informations cite,
.editor-informations code,
.editor-informations del,
.editor-informations dfn,
.editor-informations em,
.editor-informations img,
.editor-informations ins,
.editor-informations kbd,
.editor-informations q,
.editor-informations s,
.editor-informations samp,
.editor-informations small,
.editor-informations strike,
.editor-informations strong,
.editor-informations sub,
.editor-informations sup,
.editor-informations tt,
.editor-informations var,
.editor-informations b,
.editor-informations u,
.editor-informations i,
.editor-informations center,
.editor-informations dl,
.editor-informations dt,
.editor-informations dd,
.editor-informations ol,
.editor-informations ul,
.editor-informations li,
.editor-informations fieldset,
.editor-informations form,
.editor-informations label,
.editor-informations legend,
.editor-informations table,
.editor-informations caption,
.editor-informations tbody,
.editor-informations tfoot,
.editor-informations thead,
.editor-informations tr,
.editor-informations th,
.editor-informations td,
.editor-informations article,
.editor-informations aside,
.editor-informations canvas,
.editor-informations details,
.editor-informations embed,
.editor-informations figure,
.editor-informations figcaption,
.editor-informations footer,
.editor-informations header,
.editor-informations hgroup,
.editor-informations menu,
.editor-informations nav,
.editor-informations output,
.editor-informations ruby,
.editor-informations section,
.editor-informations summary,
.editor-informations time,
.editor-informations mark,
.editor-informations audio,
.editor-informations video {
    font: revert-layer !important;
}

.cherengany-life-row .chergengy-life-sectoin {
    height: 650px;
}

.banner-section-image .banner-section img {
    border: 5px solid #fff;
}
.patner-section .call-details .link-white {
    color: #000 !important;
}
.patner-section .call-details .link-white:hover {
    color: #37c1f8 !important;
}
.about-vision-bg {
    background-color: #31c3f6 !important;
}
.header .active-nav::before {
    border-color: #f9eb3e !important;
}
.nav-links-row .course-tabs .active {
    background: #f9eb3e;
    color: #000;
}
.nav-links-row .course-tabs .active::before {
    border-top-color: #f9eb3e;
}

@media (max-width: 1400px) {
    .cherengany-life-row .chergengy-life-sectoin {
        height: 550px;
    }
}

@media only screen and (max-width: 768px) {
    .about-wrapper {
        padding: 20px 0px 0px 0px !important;
    }
    .about-team {
        margin: 0 !important;
    }
    .editer-section-top40px {
        padding-top: 30px;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
    nav .navbar .links li:hover ul {
        display: block;
    }
    nav .navbar .links li.has_menu::before {
        display: block;
        cursor: pointer;
    }
}
@media (max-width: 1200px) {
    .content_overlay_title {
        font-size: 30px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    .content_overlay_1 p {
        line-height: 175%;
    }
    .content_overlay_wrap {
        margin-top: -50px;
    }

    .details-img,
    .ourServicesDetails_img {
        overflow: hidden;
        height: 350px;
    }
    .event-img-box-img {
        height: 250px;
    }

    .modal-box-gallery .Gallryimage_view {
        height: calc(100vh - 200px);
    }
    .modal-box-gallery .modal-content {
        max-width: calc(100vw - 100px);
    }
    nav .navbar .links li ul li a {
        padding: 15px 15px 15px 15px;
    }
    .offcanvas {
        border: none !important;
    }
    .photo-gallery-box {
        height: 300px;
    }

    .social-link ul li a {
        width: 35px;
        height: 35px;
    }
    footer {
        line-height: 140%;
    }
    footer .end-section {
        padding: 30px 0px !important;
    }
    .nav-section {
        background: #37c1f8 !important;
    }
    .banner-section-image{  margin-bottom: 20px !important;}
    .about-vision-bg .mission-box{ background-color: #f9eb3e !important;}
    .about-vision-bg .vision-box{ background-color: #31c3f6 !important;}
}
@media (max-width: 992px) {
    .patner-section::after {
        opacity: 1;
    }
    .sidebar-logo i.close-side {
        color: #000;
    }
    .contact-mobile-views {
        background-color: #fff;
    }
    .sticy-btn {
        display: block !important;
        margin-top: 10px;
    }
    .darkHeader .become-btn {
        display: inline-block;
    }
    .darkHeader .login-box ul li {
        font-size: 14px !important;
    }
    .login-box {
        position: relative;
        top: 17px;
        margin-bottom: 20px;
    }
    .login-box ul li a {
        font-size: 15px;
    }
    nav .navbar .nav-links {
        overflow: auto;
    }
    .donate-section {
        padding: 20px 0px;
    }
    nav .navbar .links li ul {
        position: static;
        box-shadow: none;
        border-width: 1px 0 0 0 !important;
        margin: 0px !important;
    }
    nav .navbar .links li ul li {
        border: none;
    }
    nav .navbar .links li ul li a {
        display: flex;
    }
    nav .navbar .links li .dropdown-toggle::after {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: -1px;
    }
    nav .navbar .links li {
        padding: 0 0px !important;
    }
    .darkHeader nav .navbar .links li {
        padding: 0 0px !important;
    }
    nav .navbar .links li a {
        display: flex;
    }
    nav .navbar .links li ul li a {
        padding: 15px 15px 15px 0px;
    }
    nav .navbar .links li ul li a::before {
        left: 5px;
    }
    .desktop-none {
        padding: 4px 0px;
    }
    .desktop-none .logo {
        width: 80px;
        height: 80px;display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
    }
    .desktop-none .logo img,
    .footer-logo{display: flex;
        align-items: center;
        justify-content: center;}
    .footer-logo img{ max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto !important;}
    nav .navbar .links li.logoLiTag {
        display: none;
    }
    nav .navbar .links li ul {
        border-radius: 0px;
    }
    .header .active-nav::before {
        display: none;
    }
    nav .navbar .links {
        margin-top: 10px;
    }
    .header-social ul li span svg {
        width: 15px;
    }
    nav .navbar .nav-links, .darkHeader nav .navbar .nav-links{ height: 100vh;}
    .darkHeader nav .navbar .nav-links{ top: -59px;}
}
@media (max-width: 767px) {
    .btn.btn-h-50.ContributeNot_btn {
        line-height: 40px !important;
        height: 40px !important;
        max-height: 40px;
        font-size: 14px !important;
    }
    .ContributeNot_btn svg {
        max-width: 18px;
        height: auto;
    }
    .content_overlay_wrap {
        margin-top: 20px;
    }
    .content_overlay_title {
        font-size: 22px;
    }
    .content_overlay_1 p {
        line-height: 160%;
    }
    .content_overlay_1 {
        border-top-width: 4px;
    }
    /* .footer {
        padding-bottom: 50px;
    } */
    .testiminial_imgWrap {
        max-width: 100px;
        max-height: 100px;
        margin-bottom: 0;
    }
    .details-img,
    .ourServicesDetails_img {
        overflow: hidden;
        height: 200px;
    }
    .event-img-box-img {
        height: 180px;
    }
    .matter-info * {
        font-family: "google_sansregular" !important;
        font-size: 14px !important;
        line-height: 26px !important;
    }
    .modal-box-gallery .Gallryimage_view {
        height: calc(100vh - 200px);
        max-height: 380px;
    }
    .testimonial-section .slick_controls7,
    .photo-gallery-section .slick_controls6,
    .upcoming-event-section .slick_controls5,
    .latest-news-section .slick_controls4,
    .sacco-service-section .slick_controls3,
    .sacco-product-section .slick_controls2 {
        top: inherit;
        bottom: 0px;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 100px;
    }
    .testimonial-section .clientsay-information,
    .photo-gallery-section .photogalery-information,
    .upcoming-event-section .events-box-information,
    .latest-news-section .news-box-information,
    .sacco-service-section .service-information,
    .sacco-product-section .product-information {
        padding-bottom: 50px;
    }
    .darkHeader {
        /* box-shadow: none !important; */
        background: #fff !important;
    }
    .visit-website-section img {
        max-width: 100%;
    }
    .about-team {
        padding: 0px 40px;
    }
    .font-40 {
        font-size: 22px !important;
    }
    .team-information2 .slick_controls_team2,
    .team-information .slick_controls_team1,
    .team-information5 .slick_controls_team5,
    .team-information4 .slick_controls_team4 {
        width: calc(100% + 60px);
        margin-left: -30px;
    }
    .team-information2 .slick_controls_team2 a,
    .team-information .slick_controls_team1 a,
    .team-information4 .slick_controls_team4 a,
    .team-information5 .slick_controls_team5 a {
        width: 30px;
        height: 30px;
    }

    .team-information2 .slick_controls_team2 svg,
    .team-information .slick_controls_team1 svg,
    .team-information4 .slick_controls_team4 svg,
    .team-information5 .slick_controls_team5 svg {
        max-width: 16px;
        height: auto;
        max-height: 13px;
    }
    .resoruce-view table {
        width: 100%;
    }
    .resoruce-view table td {
        display: block;
        width: 100%;
        padding: 9px 15px !important;
    }
    .resoruce-view table td:first-child {
        padding-top: 15px !important;
        padding-bottom: 5px !important;
    }
    .resoruce-view table td .link-yellow {
        justify-content: start !important;
        margin-bottom: 10px;
    }
    .footer .footer-link ul li a {
        padding: 0px 20px 10px 0px;
        float: left;
    }
    .footer-link p {
        padding: 1px 0px;
    }
    .footer > div {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    footer .end-section {
        padding: 20px 15px !important;
    }
    .desktop-none .logo {
        width: 60px;
        height: 60px;
    }
    .top-nav-right {
        position: fixed;
        left: 0;
        top: 0;
        width: 280px;
        height: 100%;
        transform: translateX(-100%);
        background: #000;
        transition: all 0.3s ease;
        z-index: 9;
    }
    .top-nav-right ul {
        flex-direction: column;
        padding-top: 15px;
    }
    .top-nav-right ul li {
        padding: 8px 20px;
    }
    .top-nav-right ul li a {
        font-size: 16px;
    }
    .TopNavToggleCTA i {
        color: #fff;
        font-size: 22px;
    }
    .MenuOpens .top-nav-right {
        transform: translateX(0);
    }
    .MenuOpens .overlay-backdrop {
        display: none !important;
    }
    .bx-menu-burgur::before {
        content: "\eac1";
    }
    .closiIconn::before {
        content: "\ebe9";
    }
    .TopNavToggleCTA_overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 8; display: none;
        opacity: 0.5;
    }
    .MenuOpens .TopNavToggleCTA_overlay { display: block;}
    .darkHeader nav .navbar .nav-links{ top: -55px;}
    .footer-icons {
        margin-bottom: 22px;
    }
    .contact-side-nav{ display: none ;}
}
/*767 end*/
#mains {
    display: table;
    width: 100%;
    height: 30vh;
    text-align: center;
}

.fof {
    display: table-cell;
    vertical-align: middle;
}

.fof h1 {
    font-size: 25px;
    display: inline-block;
    padding-right: 12px;
    animation: type 0.5s alternate infinite;
}

@keyframes type {
    from {
        box-shadow: inset -3px 0px 0px #888;
    }
    to {
        box-shadow: inset -3px 0px 0px transparent;
    }
}