/*  =====================================================
    Table of Contents
    =====================================================

    1.0 Common Styles
    2.0 Header Section
    3.0 About Section
        3.1 About Style 2
        3.2 About Style 3
        3.3 About Style 4
    4.0 Service Section
        4.1 Service Style 2
        4.2 Service Style 3
    5.0 Projects Section
        5.1 Project Style 2
    6.0 Projects Single Section
    7.0 Counter Section
    8.0 Team Section
    9.0 Testimonial Section
    10.0 CTA Section
    11.0 Hero Section
        11.1 Video Hero
    12.0 Page Header Section
    13.0 404 Error Section
    14.0 Contact Section
        14.1 Form Style
        14.2 Google Map
    15.0 Blog Section
        15.1 Pagination
        15.2 Sidebar Style
        15.3 Search Form Style
        15.4 Thumbnails Post Style
        15.5 Tag Cloud Style
    16.0 Blog Single Section
        16.1 Blog Quote
        16.2 Post Tags Style
        16.3 Author Box Style
        16.4 Post Navigation
        16.5 Comments Style
    17.0 Sponsor Section
    18.0 Widget Section
    19.0 Footer Section
    20.0 Scroll To Top

    =====================================================
    @ThemeEster
    ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Poppins:wght@500;600;700&family=Work+Sans:wght@600&display=swap');

/*  ======= Common Styles ======= */
* { padding: 0; margin: 0; }

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 28px;
    color: #667470;
    font-weight: 400;
    letter-spacing: -0.2px;
    position: relative;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #134702;
}

h1 { font-size: 45px; font-weight: 400; line-height: 55px; margin: 0 0 10px; }
h2 { font-size: 32px; line-height: 42px; margin: 0 0 10px; font-weight: 600; letter-spacing: -1px; }
h3, h4 { margin: 0 0 10px; font-weight: 400; line-height: 1.7; letter-spacing: -0.5px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5, h6{ font-size: 14px; margin: 0 0 10px; }

img{ border: none; outline: none; max-width: 100%; }

ul{ display: block; list-style: none; padding: 0; margin: 0; }

p, li, a, span {}

p{ color:#667470; font-size:17px; line-height:28px; margin-bottom:15px; }

a, a:hover{ text-decoration: none; }
a:focus{ outline:0; text-decoration:none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#777 !important; }
input:-moz-placeholder, textarea:-moz-placeholder{ color:#777 !important; }
input::-moz-placeholder, textarea::-moz-placeholder{ color:#777 !important; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#777 !important; }

button{ border:none; background:none; }

/* ======= Scrollbar Style ======= */
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-thumb{ cursor:pointer; background:#ffc105; }

::selection{ background-color:#ffc105; color:#fff; }
::-moz-selection{ background-color:#ffc105; color:#fff; }

/* ======= Helper Class ======= */
.padding{ padding:100px 0; }
.padding-top{ padding-top:100px; }
.padding-bottom{ padding-bottom:100px; }
.no-padding{ padding:0; }
.padding-15{ padding:15px; }
.padding-20{ padding:20px; }
.pl-50{ padding-left:50px; }
.pr-50{ padding-right:50px; }
.box-padding{ padding:0 50px; }
.bg-white{ background-color:#fff; }
.bg-grey{ background-color:#f9f9f9; }
.bg-dark{ background-color:#242323 !important; }
.bd-top{ border-top:1px solid #eeeeee; }
.bd-bottom{ border-bottom:1px solid #eeeeee; }
.bd-right{ border-right:1px solid #ddd; }
.mb-10{ margin-bottom:10px; }
.mb-15{ margin-bottom:15px; }
.mb-20{ margin-bottom:20px; }
.mb-25{ margin-bottom:25px; }
.mb-30{ margin-bottom:30px; }
.mb-35{ margin-bottom:35px; }
.mb-40{ margin-bottom:40px; }
.mb-45{ margin-bottom:45px; }
.mb-50{ margin-bottom:50px; }
.ml-15{ margin-left:15px; }
.ml-20{ margin-left:20px; }
.ml-25{ margin-left:25px; }
.ml-30{ margin-left:30px; }
.ml-35{ margin-left:35px; }
.mt-20{ margin-top:20px; }
.mt-30{ margin-top:30px; }
.mt-40{ margin-top:40px; }
.mt-50{ margin-top:50px; }
.fz-28{ font-size:28px; }
.fz-24{ font-size:24px; }
.fz-22{ font-size:22px; }
.fz-20{ font-size:20px; }
.fz-18{ font-size:18px; }
.fz-16{ font-size:16px; }

/* ======= Preloader Styles ======= */
.loaded .site-preloader-wrap{ opacity:0; visibility:hidden; }
.site-preloader-wrap{
    position:fixed; z-index:999; height:100%; width:100%; background:#fff; top:0; left:0;
}
.site-preloader-wrap .spinner{
    background-color:#ffc105; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;
}
.spinner{
    width:40px; height:40px; border-radius:100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
            animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout{
    0%{ -webkit-transform:scale(0) }
    100%{ -webkit-transform:scale(1.0); opacity:0; }
}
@keyframes sk-scaleout{
    0%{ -webkit-transform:scale(0); transform:scale(0); }
    100%{ -webkit-transform:scale(1.0); transform:scale(1.0); opacity:0; }
}

/* ======= Default Button ======= */
.btn-group a{ margin:5px; }
.btn-group-left a{ margin-right:10px; }

.default-btn{
    display:inline-block; background:#ffc105; color:#134702;
    font-family:'Work Sans',sans-serif; font-size:15px; font-weight:600; text-transform:capitalize;
    height:45px; line-height:45px; padding:0 35px; letter-spacing:0; border-radius:2px; overflow:hidden;
    position:relative; transition:all ease 700ms; z-index:1;
}
.default-btn:hover{ color:#fff; }
.default-btn span{
    background:#134702; border-radius:50%; display:block; height:0; position:absolute;
    transform:translate(-50%,-50%); transition:width .6s ease 0s, height .6s ease 0s; width:0; z-index:-1;
}
.default-btn:hover span{ height:562.5px; width:562.5px; }

/* ======= Overlay ======= */
/* FIX: Use widely supported rgba; default behind content, slider overrides below */
.overlay{
    background-color: rgba(19,71,2,0.9);
    width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;
}

/* ======= Section Heading ======= */
.section-heading h2{ font-size:48px; line-height:58px; margin:15px 0; display:block; }
.section-heading span{
    font-family:"Poppins",sans-serif; color:#ffc105; font-size:14px; font-weight:600; text-transform:uppercase;
}
.section-heading p{ margin-bottom:0; }

/* ======= Slick Controls ======= */
.slick-slide:focus{ outline:none; }

.nav-style .slick-arrow{
    background:#fff; border-radius:50%; width:40px; height:40px; line-height:40px; font-size:16px; color:#333; text-align:center;
    position:absolute; left:0; top:50%; box-shadow:0 3px 15px 2px rgba(0,0,0,.06); transform:translateY(-50%);
    transition:all .3s ease-in-out; cursor:pointer; visibility:hidden; opacity:0; z-index:10;
}
.nav-style .slick-arrow:hover{ background:#ffc105; color:#fff; }
.nav-style .slick-arrow.right{ left:auto; right:0; }
.nav-style:hover .slick-arrow{ left:-40px; visibility:visible; opacity:1; }
.nav-style:hover .slick-arrow.right{ left:auto; right:-40px; }

.carousel-dots .slick-dots{ text-align:center; margin-top:30px; }
.carousel-dots .slick-dots li{ display:inline-block; margin:0 4px; }
.carousel-dots .slick-dots li button{
    background:#ddd; width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-999px;
}
.carousel-dots .slick-dots li.slick-active button{ background:#ffc105; }
.carousel-dots .slick-dots li button:focus{ outline:none; }

@media (max-width:767px){
    .nav-style .slick-arrow{ left:0; }
    .nav-style .slick-arrow.right{ left:auto; right:0; }
}

/* ======= Transition Effect ======= */
a, a:hover, img, .form-control, .form-control:hover, button{
    -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

/* ======= Scroll To Top ======= */
#scrollup{ width:45px; height:45px; position:fixed; bottom:30px; right:30px; overflow:hidden; z-index:999; }
.scroll-to-top{
    width:100%; height:100%; text-align:center; background:#ffc105; font-size:15px; padding:0; line-height:40px; color:#134702;
    border-radius:50%; transform:translateY(150%); transition:all .3s ease-in-out;
}
#scrollup.show{ opacity:1; }
#scrollup.show .scroll-to-top{ transform:translateY(0); transition:all .3s ease-in-out; }
.scroll-to-top:hover{ color:#fff; text-decoration:none; opacity:.8; transition:all .3s ease-in-out; }
.scroll-to-top:focus{ outline:none; }

/*  ======= Header Section ======= */
.header{ background-color:#fff; width:100%; display:block; }
.header-logo img{ max-width:80%; }

/* Headroom css */
.sticky-header{ width:100%; position:fixed; left:0; top:0; transform:translateY(-100%); z-index:99; }
.sticky-header .primary-header{ background:#fff; box-shadow:0 2px 5px -2px rgba(0,0,0,.1); }
.admin-bar .sticky-header{ top:32px; }
.admin-bar .header{ margin-top:32px; }
.admin-bar .header-three{ margin-top:0; }
.sticky-header.sticky-fixed-top{ transition:transform .25s ease-in-out; will-change:transform; transform:translateY(0); }

.header ul{ margin:0; padding:0; list-style:none; }

/* Burger Menu */
.mobile-menu-icon{ display:none; }
.burger-menu{
    width:20px; height:17px; display:flex; flex-direction:column; justify-content:space-between; cursor:pointer;
    transition: transform 330ms ease-out;
}
.burger-menu.menu-open{ transform:rotate(-45deg); }
.line-menu{ background:#222222; border-radius:2px; width:100%; height:3px; }
.line-menu.line-half{ width:50%; }
.line-menu.first-line{ transition: transform 330ms cubic-bezier(.54,-0.81,.57,.57); transform-origin:right; }
.menu-open .line-menu.first-line{ transform: rotate(-90deg) translateX(3px); }
.line-menu.last-line{ align-self:flex-end; transition: transform 330ms cubic-bezier(.54,-0.81,.57,.57); transform-origin:left; }
.menu-open .line-menu.last-line{ transform: rotate(-90deg) translateX(-3px); }

/* Menu Style */
.header-menu-wrap ul{ margin:0; padding:0; list-style:none; }
.header-menu-wrap ul li{ display:inline-block; position:relative; }

.header-menu-wrap ul li > a{
    font-family:"Work Sans",sans-serif; display:block; font-size:16px; letter-spacing:0; text-transform:capitalize; font-weight:600;
    color:#134702; padding:0 15px; height:80px; line-height:80px; -webkit-font-smoothing:antialiased;
}
.header-menu-wrap ul li:hover > a{ color:#ffc105; }

.header-menu-wrap li ul{
    background:#fff; display:block; width:250px; padding:30px 0;
    box-shadow:0 50px 100px 0 rgba(64,1,4,.1), 0 -6px 0 0 rgba(248,99,107,.004);
    position:absolute; left:-35px; top:100%; opacity:0; visibility:hidden; z-index:0;
    transition: opacity .5s ease, visibility .5s ease;
}
.header-menu-wrap li:hover > ul{ opacity:1; visibility:visible; z-index:99; }

.header-menu-wrap li li{ display:block; padding:0 35px; margin-bottom:5px; text-align:left; position:relative; }
.header-menu-wrap li li:last-child{ margin:0; }
.header-menu-wrap li li > a{
    font-family:"Open Sans",sans-serif; display:block; height:auto; color:#134702; font-weight:400; letter-spacing:0; line-height:1.8;
    text-transform:capitalize; padding:1px 7px; font-size:15px; -webkit-font-smoothing:antialiased;
}
.header-menu-wrap li li:hover > a{ color:#ffc105; background:#f9f9f9; }
.header-menu-wrap li ul li ul{ width:250px; position:absolute; left:100%; top:0; }

/* Media Query */
@media (min-width: 993px){ .header-menu-wrap li ul{ display:block !important; } }

@media (max-width: 992px){
    #page.site{ margin-top:0 !important; }
    .headroom--top .header-menu-wrap, .headroom--unpinned .header-menu-wrap{ display:none !important; }

    .dropdown-plus{ width:49px; height:49px; line-height:49px; position:absolute; top:0; right:0; cursor:pointer; }
    .dropdown-plus:before, .dropdown-plus:after{
        position:absolute; content:''; top:21px; right:10px; width:13px; height:1px; background:#222222;
    }
    .dropdown-plus:after{ transform:rotate(90deg); }
    .dropdown-plus.dropdown-open:after{ display:none; }

    .mobile-menu-icon{ display:block; }

    .header-menu-wrap{
        display:none; background:#fff; width:100%; padding:0 20px; position:absolute; left:0; top:100%; z-index:999;
    }
    .header-menu-wrap ul li{
        display:block; border-bottom:1px solid rgba(0,0,0,.04); padding:11px 0; margin:0;
    }
    .header-menu-wrap ul li:first-child{ border-top:1px solid rgba(0,0,0,.04); }
    .header-menu-wrap ul li > a{ padding:10px 15px; height:inherit; line-height:inherit; }
    .header-menu-wrap li li:hover > a{ background:transparent; }
    .header-menu-wrap ul li ul li ul, .header-menu-wrap ul li ul{
        background:transparent; width:100%; opacity:1; padding:0; visibility:visible; position:inherit; display:none;
        top:inherit; left:inherit; box-shadow:none; padding-top:11px;
    }
    .header-menu-wrap li li{ padding-left:11px; }
    .header-menu-wrap li li:last-child{ border-bottom:none; padding-bottom:0; }
    .header-menu-wrap li li > a{ color:#134702; font-size:13px; }
    .header-menu-wrap li li:hover > a{ color:#666; }

    .primary-header-two .header-right a.header-btn{ margin:0; }
    .header-two .mid-header .header-logo{ text-align:center; }
}

@media screen and (max-width:782px){
    .admin-bar .sticky-header{ top:0; }
    .admin-bar .header{ margin-top:0; padding-top:46px; }
}

@media (max-width:580px){
    .header-right a.dl-btn{ line-height:40px; font-size:10px; padding:0 25px; }
    .primary-header .header-logo{ max-width:150px; }
    .top-bar .top-left li{ font-size:12px; }
}

.primary-header-inner{
    display:flex; align-items:center; justify-content:space-between; position:relative;
}
.primary-header-inner .header-right{ display:flex; align-items:center; line-height:80px; margin-left:20px; }
.header-right .mobile-menu-icon{ margin-left:20px; }
.header-right .search-icon{ color:#134702; cursor:pointer; margin-right:20px; font-size:20px; }
.header-right .search-icon:hover{ opacity:.8; }
.primary-header .header-logo{ max-width:180px; }
.viewport-lg .primary-header .header-menu-wrap{ display:block !important; }

/* Top Bar */
.top-bar{ background-color:#134702; }
.top-bar-inner{ display:flex; align-items:center; justify-content:space-between; color:#fff; }
.top-bar .top-left li{
    font-size:14px; color:#fff; display:inline-block; padding:7px 20px; border-right:1px solid #444; margin:0;
}
.top-bar .top-left li:first-child{ border-left:1px solid #444; }
.top-bar .top-left li a{ color:#fff; text-decoration:none; }

.top-bar .top-social{ padding:7px 20px; border-right:1px solid #444; border-left:1px solid #444; }
.top-bar .top-social li{ display:inline-block; margin-left:13px; }
.top-bar .top-social li:first-child{ margin-left:0; }
.top-bar .top-social li a{ color:#fff; }
.top-bar .top-social li a:hover{ color:#ddd; }

@media (max-width:767px){
    .top-bar .top-right{ display:none; }
    .top-bar .top-left li, .top-bar .top-left li:first-child{ border:none; }
    .top-bar .top-left li{ padding-left:0; padding-right:20px; }
}

/* Header 1 */
.viewport-sm .primary-header-one{}
.primary-header-one .header-menu-wrap{ margin-left:auto; }
.header-cart-btn{ margin-left:10px; }
.header-cart-btn a{ color:#134702; font-size:18px; text-decoration:none; position:relative; }
.header-cart-btn a .num{
    position:absolute; width:16px; height:16px; border-radius:50%; background:#ffc105; color:#fff; font-size:11px;
    display:block; top:-8px; right:-9px; line-height:16px; text-align:center;
}

/* Header 2 */
.header-two{ border-bottom:4px solid #ffc105; position:relative; }
.header-two .mid-header{ padding:30px 0; }
.header-two .mid-header .mid-header-inner{ display:flex; align-items:center; justify-content:space-between; }
.header-two .mid-header .header-logo{ max-width:180px; }
.header-two .mid-header ul li{
    display:inline-block; padding-left:50px; position:relative; line-height:20px; font-family:"Work Sans",sans-serif;
    text-transform:uppercase; font-size:12px; letter-spacing:0; font-weight:600;
}
.header-two .mid-header ul li:not(:last-of-type){ margin-right:40px; }
.header-two .mid-header ul li .icon{
    color:#ffc105; text-align:center; width:50px; height:50px; line-height:50px; font-size:35px; position:absolute; left:0; top:50%;
    transform:translateY(-50%);
}
.header-two .mid-header ul li span{
    display:block; font-family:"Poppins",sans-serif; font-size:16px; font-weight:600; color:#134702; text-transform:capitalize;
}
.header-two .mid-header ul li a{ text-decoration:none; }
.header-two .mid-header ul li a:hover{ opacity:.9; }
.header-two .primary-header{ width:100%; position:absolute; left:0; bottom:0; transform:translateY(50%); z-index:9; }
.header-two .primary-header{ background-color:#134702; position:inherit; transform:translateY(0); }

.primary-header-two .header-menu-wrap ul li > a{ color:#fff; padding-right:30px; padding-left:0; }
.primary-header-two .header-menu-wrap ul li > a:hover{ color:#ffc105; }
.primary-header-two .header-menu-wrap li li > a{ color:#134702; }
.primary-header-two .header-menu-wrap li li:hover > a:hover{ color:#ffc105; }
.primary-header-two .header-right .search-icon{ color:#fff; }
.primary-header-two .header-menu-wrap li ul{ left:-20px; }
.primary-header-two .header-menu-wrap li ul li ul{ left:100%; }
.sticky-header .primary-header-two{ box-shadow:none; background-color:transparent; }

.header-2 .sticky-header{
    background-color:#134702;
    box-shadow:0 50px 100px 0 rgba(64,1,4,.1), 0 -6px 0 0 rgba(248,99,107,.004);
}
.primary-header-two .header-right .header-cart-btn a{ color:#fff; }

@media (max-width:992px){
    .header-two{ border:none; }
    .header-two .primary-header{ background-color:#134702; position:inherit; transform:translateY(0); }
    .header-two .mid-header{ padding:20px 0; }
    .header-two .mid-header-right{ display:none; }
    .header-two .primary-header-inner{ padding:20px 0; }
    .header-2 .sticky-header .primary-header-inner{ padding:10px 0; }
    .primary-header-inner{ padding:0; }
    .sticky-header .primary-header-inner{ padding:0; }
    .primary-header-two .primary-header-inner .header-right{ margin-left:0; justify-content:center; width:100%; }
    .header-two .mid-header .mid-header-inner{ justify-content:center; }
    .viewport-sm .primary-header-two .header-right .search-icon{ display:inherit; }
    .cart-enable.primary-header-two .header-right .header-cart-btn,
    .primary-header-two .header-right .search-icon{ margin-right:auto; }
    .cart-enable.primary-header-two .header-right .search-icon{ margin-right:0; }
    .primary-header-two .header-right .mobile-menu-icon{ margin-left:auto; }
    .primary-header-two .header-right .line-menu{ background-color:#fff; }
    .primary-header-two .header-menu-wrap ul li ul li ul,
    .primary-header-two .header-menu-wrap ul li ul { left:inherit; }
    .primary-header-two .header-menu-wrap li li:hover > a,
    .primary-header-two .header-menu-wrap li li > a,
    .primary-header-two .header-menu-wrap ul li > a{ color:#134702; }
    .header-1 .header-right a.header-btn{ margin-left:15px; margin-right:0; }
}

/* Header 3 */
.header-three{
    background-color:transparent; position:absolute; top:32px; margin:0;
    border-bottom:1px solid rgba(255,255,255,.2); z-index:99;
}
.header-three .line-menu{ background-color:#fff; }
.header-three .top-bar{
    background-color:transparent; border-bottom:1px solid rgba(255,255,255,.2);
}
.header-three .top-bar .top-left li{ border-right:1px solid rgba(255,255,255,.2); }
.header-three .top-bar .top-left li:first-child{ border-left:1px solid rgba(255,255,255,.2); }
.header-three .top-bar .top-social{
    border-right:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2);
}
.primary-header-three .header-menu-wrap, .header-three .header-menu-wrap{ margin-left:auto; }
.header-three .header-menu-wrap ul li > a{ color:#fff; }
.header-three .header-menu-wrap ul li:hover > a{ color:#fff; }
.header-three .header-menu-wrap li li > a{ color:#134702; }
.header-three .header-menu-wrap li li:hover > a:hover{ color:#ffc105; }
.primary-header-three .header-right .header-cart-btn a, .header-three .header-right .search-icon{ color:#fff; }
.sticky-header .primary-header-three .header-right .header-cart-btn a{ color:#134702; }

@media screen and (max-width:782px){ .admin-bar .header-three{ top:0; } }
@media (max-width:992px){
    .header-menu-wrap{ top:100%; }
    .primary-header-three .header-right .line-menu{ background-color:#fff; }
    .sticky-header .primary-header-three .header-right .line-menu{ background-color:#222222; }
    .primary-header-three .header-menu-wrap ul li ul li ul,
    .primary-header-three .header-menu-wrap ul li ul { left:inherit; }
    .primary-header-three .header-menu-wrap ul li:hover > a,
    .primary-header-three .header-menu-wrap li li:hover > a,
    .primary-header-three .header-menu-wrap li li > a,
    .primary-header-three .header-menu-wrap ul li > a{ color:#134702; }
    .primary-header .header-logo{ max-width:190px; }
    .primary-header-three .primary-header-inner{ padding:0; }
}

/* Search Box */
#dl-popup-search-box{
    background-color:rgba(0,0,0,.95); position:fixed; width:100%; height:100%;
    top:-20em; left:0; right:0; white-space:nowrap; z-index:9999; opacity:0; visibility:hidden;
    transition:500ms ease all;
}
.box-inner-wrap:hover{ cursor:url(../img/cross.png), auto; }
#dl-popup-search-box.toggled{ top:0; opacity:1; visibility:visible; }
#dl-popup-search-box .box-inner-wrap{ width:100%; height:100%; }
#dl-popup-search-box .box-inner-wrap form{ position:relative; margin:0 auto; }
#dl-popup-search-box .box-inner-wrap input::placeholder{ color:#444; }
#dl-popup-search-box .box-inner-wrap input{
    width:90%; padding:0 0 .125em 0; background:transparent; border:none; border-bottom:3px solid #134702;
    font-size:4em; color:#ddd;
}
#dl-popup-search-box .box-inner-wrap input:focus{ outline:none; }
#dl-popup-search-box .box-inner-wrap button{
    position:absolute; display:block; width:10%; right:0; top:0; background:transparent; border:none; color:#444; font-size:4em; transition:500ms ease all;
}
#dl-popup-search-box .box-inner-wrap button:hover{ color:#ddd; }
#dl-popup-search-box .box-inner-wrap button:focus{ outline:none; }

@media screen and (max-width:600px){
    #dl-popup-search-box .box-inner-wrap form{ width:90%; }
    #dl-popup-search-box .box-inner-wrap input, #dl-popup-search-box .box-inner-wrap button{ font-size:2em; }
}

/* ==========================================================================
   Page Header
   ========================================================================== */
.page-header{
    background-image:url(../img/page-header-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
    width:100%; height:400px; display:flex; align-items:center; position:relative; z-index:1;
}
.page-content h2{ color:#fff; font-size:36px; margin-bottom:20px; }
.page-content p{ color:#ddd; margin:0; }
.page-item{ display:inline-flex; margin-top:30px; }
.page-item a{
    font-family:"Work Sans",sans-serif; color:#fff; font-size:12px; font-weight:600; text-transform:uppercase; padding-right:20px; margin-right:20px;
    display:flex; align-items:center; position:relative;
}
.page-item a:after{
    background-color:rgba(255,255,255,.5); content:''; width:8px; height:8px; border-radius:50%; right:-4px; position:absolute;
}
.page-item a:hover{ color:#ffc105; }
.page-item i{ margin-right:5px; }
.page-item p{ font-family:"Work Sans",sans-serif; font-size:12px; font-weight:600; text-transform:uppercase; }

/*========== Page Header 2 ==========*/
.page-header-2{
    background-image:url(../img/event-4.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
    width:100%; height:400px; display:flex; align-items:center; position:relative; z-index:1;
}
.page-header-2 .overlay{ background-color:rgba(17,17,17,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; }
.page-header-2 .page-content h2{ font-size:42px; line-height:52px; margin-bottom:0; }
.page-header-2 .page-item p{ font-family:"Poppins",sans-serif; color:#ddd; font-size:14px; font-weight:400; text-transform:capitalize; }

/*========== Page Header 3 ==========*/
.page-header-3{
    background-image:url(../img/donation-4.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
    width:100%; height:400px; display:flex; align-items:center; position:relative; z-index:1;
}
.page-header-3 .overlay{ background-color:rgba(17,17,17,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; }
.page-header-3 .page-content h2{ font-size:42px; line-height:52px; margin-bottom:0; }
.page-header-3 .page-item p{ font-family:"Poppins",sans-serif; color:#ddd; font-size:14px; font-weight:400; text-transform:capitalize; }

/* ==========================================================================
   About section
   ========================================================================== */
.about-section .section-heading p{ margin-bottom:22px !important; }

/*=========== About-section 2 ==========*/
.about-section-2{}
.about-section-2 .section-heading p{ margin-bottom:20px; }

.about-box{
    background:#fff; padding:30px; border-radius:5px; box-shadow:0 20px 30px 5px rgba(61,1,4,.1);
}
.about-box i{ color:#ffc105; font-size:50px; }
.about-box h3{
    color:#134702; font-size:18px; line-height:26px; margin:10px 0; font-weight:600; transition:all .2s ease-in-out;
}
.about-box h3:hover{ color:#ffc105; }
.about-box p{ position:relative; margin-bottom:0; padding:0 0 35px; }
.about-box p:before{
    position:absolute; content:""; background:#134702; width:20px; height:1px; bottom:0; left:50%; transform:translateX(-50%);
}
.about-box p:after{
    position:absolute; content:""; background:#134702; height:1px; width:30px; bottom:5px; left:50%; transform:translateX(-50%);
}
.about-section .col-md-6{ padding:20px; }

/*=========== About-section 3 ==========*/
.about-section-3 .section-heading p{ margin-bottom:20px; }

/*=========== About-section 4 ==========*/
.about-section-4{}
.about-section-4 .about-list{ line-height:40px; }
.about-section-4 .about-list li{ color:#134702; font-size:14px; font-weight:600; }
.about-section-4 .about-list li i{ color:#ffc105; margin-right:15px; }

/* ==========================================================================
   Donate-section
   ========================================================================== */
.donate-box{
    border-radius:5px; box-shadow:0 20px 30px 5px rgba(61,1,4,.1); border-bottom:3px solid transparent;
    transition:all .3s ease-in-out; overflow:hidden !important; /* FIX: typo */
}
.donate-box:hover{ border-bottom:3px solid #ffc105; }

.donate-img{ position:relative; overflow:hidden; }
.donate-img img{ width:100%; height:220px; object-fit:cover; object-position:center; }
.donate-img.single img{ height:350px; }

.donate-btn a{
    background:#ffc105; font-family:"Poppins",sans-serif; color:#134702; font-size:12px; line-height:1;
    position:absolute; top:20px; right:15px; letter-spacing:0; font-weight:600; padding:12px 20px; text-transform:capitalize; border-radius:2px;
}
.donate-btn a:hover{ background:#134702; color:#fff; }

.progress{ height:16px; background:transparent; box-shadow:none; margin-bottom:20px; overflow:hidden; }
.progress .progress-bar{ background:#134702; height:5px; position:absolute; overflow:visible; }
.progress .progress-bar span{
    background:#134702; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; display:inline-block; position:absolute; right:0;
    top:50%; transform:translateY(-50%); z-index:1;
}
.progress .progress-bar span:before{
    background-color: rgba(19,71,2,0.5);
    width:60px; height:60px; border-radius:50%; position:absolute; content:""; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;
}

.donate-content{ padding:30px; padding-top:0; }
.donate-content span{
    background:#134702; color:#fff; font-family:"Poppins",sans-serif; font-size:12px; font-weight:600; padding:5px 20px; letter-spacing:0;
    text-transform:capitalize; border-radius:2px;
}
.donate-content h3{
    color:#134702; font-size:22px; line-height:26px; font-weight:600; margin:25px 0 10px; transition:all .2s ease-in-out;
}
.donate-content h3:hover{ color:#ffc105; }
.donate-content p{ font-size:15px; margin-bottom:20px; }

.donate-list{ display:flex; align-items:center; }
.donate-list li{ color:#6a8695; font-family:"Work Sans",sans-serif; font-size:13px; font-weight:600; margin-right:15px; }
.donate-list li i{ color:#ffc105; margin-right:10px; }

/* ==========================================================================
   Video Section
   ========================================================================== */
.video-section{
    background-image:url(../img/background-img-5.jpg); background-position:left center; background-repeat:no-repeat; background-size:contain;
    width:100%; height:100%; top:0; left:0; position:relative;
}
.video-section .section-heading h2{ color:#fff; font-size:42px; line-height:52px; margin:26px 0; }
.video-section .section-heading p{ color:#fff; }
.video-wrap{ background-color:#134702; padding:80px; }
.video-btn{ display:flex; align-items:center; justify-content:center; }
.play-btn{ position:absolute; z-index:1; }
.play-btn a{
    background:#fff; width:100px; height:100px; line-height:100px; font-size:24px; text-align:center; color:#111; display:block; border-radius:50%;
    box-shadow:0 10px 33.25px 1.75px rgba(0,27,103,.35); transition:all .3s ease;
}
.play-btn a:hover{ background:#ffc105; color:#fff; }
.play-btn .ripple{ z-index:-1; }
.play-btn .ripple, .play-btn .ripple:before, .play-btn .ripple:after{
    position:absolute; left:50%; top:50%; width:78px; height:78px; transform:translate(-50%,-50%); border-radius:50%;
    box-shadow:0 0 0 0 rgba(255,255,255,.50); animation:rippleOne 3s infinite;
}
.play-btn .ripple:before{ animation-delay:.9s; content:""; position:absolute; right:0; bottom:0; }
.play-btn .ripple:after{ animation-delay:.6s; content:""; position:absolute; right:0; bottom:0; }

@keyframes rippleOne{
    70%{ box-shadow:0 0 0 70px rgba(244,68,56,0); }
    100%{ box-shadow:0 0 0 0 rgba(244,68,56,0); }
}

/*========== Video Section 2 ==========*/
.video-section-2{}
.video-section-2 .section-heading p{ margin-bottom:20px; }
.video-wrapper{}
.video-section-2 .video-img{ position:relative; display:flex; align-items:center; justify-content:center; }
.video-section-2 .video-img .play-btn{ position:absolute; }

/* ==========================================================================
   Service Section
   ========================================================================== */
.service-box{
    background:#fff; position:relative; border-radius:5px; box-shadow:0 20px 30px 5px rgba(61,1,4,.1);
    overflow:hidden; transition:all ease 700ms; z-index:1;
}
.service-box span{
    background:#134702; border-radius:50%; display:block; height:0; position:absolute; transform:translate(-50%,-50%);
    transition: width .6s ease 0s, height .6s ease 0s; width:0; z-index:-1;
}
.service-box:hover span{ height:862.5px; width:862.5px; }
.service-content{ padding:38px; }
.service-content i{ font-size:60px; color:#ffc105; }
.service-content h3{ font-size:18px; line-height:26px; font-weight:600; margin:12px 0; }
.service-content .read-more{ font-family:"Work Sans",sans-serif; color:#134702; font-size:14px; font-weight:600; text-transform:capitalize; }
.service-icon{ position:absolute; bottom:10px; right:22px; opacity:.2; }
.service-icon i{ font-size:80px; color:#ffc105; }

.service-box:hover .service-content h3,
.service-box:hover .service-content p,
.service-box:hover .service-icon i{ color:#fff; }
.service-box:hover .service-content i,
.service-box:hover .read-more{ color:#ffc105; }

/*========== Service 2 ========== */
.service-item .service-content{}
.service-item .service-content i,
.service-item .service-content h3,
.service-item .service-content p{ color:#fff; }
.service-item p{
    color:#fff; line-height:29px; position:relative; margin-bottom:0; padding:0 0 35px;
}
.service-item p:before{
    position:absolute; content:""; background:#fff; width:20px; height:1px; bottom:0; left:50%; transform:translateX(-50%);
}
.service-item p:after{
    position:absolute; content:""; background:#fff; height:1px; width:30px; bottom:5px; left:50%; transform:translateX(-50%);
}

/* ==========================================================================
   Team Section
   ========================================================================== */
.team-box{ text-align:center; overflow:hidden; }
.team-box:hover .team-social{
    transform:translateY(0); transition:.2s ease-in-out; transition-delay:.2s; visibility:visible;
}
.team-thumb{ position:relative; border-radius:3px; overflow:hidden; }
.team-thumb img{ transition:all .3s linear; }
.team-thumb:hover img{ transform:scale(1.1) rotate(2deg); filter:blur(2px); animation:teamhover .2s linear; }

.team-social{
    position:absolute; width:100%; left:0; bottom:30px; visibility:hidden; opacity:0; list-style:none; margin:0; padding:0; z-index:2; text-align:center;
    transition:all .3s linear;
}
.team-social li a{ color:#fff; font-size:15px; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; }
.team-item:hover .team-social{ visibility:visible; opacity:1; }
.team-item .team-social li{
    border-radius:50%; transform:translateY(100px); display:inline-block; transition:all .4s cubic-bezier(.37,.31,.2,.85);
}
.team-item .team-social li:nth-child(1){ background:#3b5999; transition-delay:0s; }
.team-item .team-social li:nth-child(2){ background:#55acee; transition-delay:.1s; }
.team-item .team-social li:nth-child(3){ background:#e4405f; transition-delay:.2s; }
.team-item .team-social li:nth-child(4){ background:#0e76a8; transition-delay:.3s; }
.team-item:hover .team-social li{ transform:translateX(0); }

.team-content{ margin-top:15px; }
.team-content h3{ font-size:18px; font-weight:600; margin-bottom:0; }
.team-content span{ font-family:"Work Sans",sans-serif; font-size:15px; display:block; font-weight:600; text-transform:capitalize; }

/* ==========================================================================
   Cta Section
   ========================================================================== */
.cta-section{
    background-image:url(../img/background-img-4.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;
    width:100%; position:relative; z-index:1;
}
.cta-content .section-heading h2{ font-size:48px; color:#fff; }
.cta-content .section-heading p{ color:#fff; margin-bottom:20px; }

.appointment-form{
    background:#fff; padding:60px 40px; border-radius:5px; margin-left:100px; transform:translateY(50px);
    box-shadow:0 0 15px 0 rgba(0,0,0,.1);
}
.appointment-form .section-heading h3{ font-size:28px; font-weight:600; line-height:42px; }
.appointment-form .form-control{
    background:#f9f9f9; color:#6a8695; font-size:15px; border-radius:0; height:50px; border:none; box-shadow:none;
}
.appointment-form .form-control.message{ height:120px; }
.appointment-form .form-group{ margin-bottom:0; }
.appointment-form .form-group .col-md-12, .appointment-form .form-group .col-sm-6{ padding:10px; }
.appointment-form .default-btn{ margin-top:20px; }
.appointment-form .default-btn:focus{ border:none; box-shadow:none; }
.appointment-form .alert{ display:none; margin-bottom:0; margin-top:1rem; }
.appointment-form .alert-success, .appointment-form .alert-danger{ display:block; }

/*========== Cta Section 2 ==========*/
.cta-section-2{
    background-image:url(../img/background-img-2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;
    width:100%; height:100%; position:relative; z-index:1;
}
.cta-section-2 .section-heading h2, .cta-section-2 .section-heading p{ color:#fff; }
.cta-section-2 .default-btn{ margin-top:-12px; }

/*========== Cta Section 3 ==========*/
.cta-section-3{
    background-image:url(../img/map-pattern.png); background-repeat:no-repeat; background-size:contain; background-position:center; width:100%;
}

/* ==========================================================================
   Event Section
   ========================================================================== */
.event-carousel .slick-list{ padding-bottom:15px; }

.event-thumb{
    border-radius:5px; overflow:hidden; position:relative; z-index:0; /* FIX: avoid negative z-index */
}
.event-thumb img{ width:100%; height:280px; object-fit:cover; object-position:center; }
.event-thumb .date{
    background:#ffc105; padding:10px 15px; position:absolute; right:20px; top:20px; display:inline-block; text-align:center; border-radius:2px; margin:0;
}
.event-thumb .date h3{ font-family:"Work Sans",sans-serif; font-size:18px; color:#134702; line-height:18px; }
.event-thumb .date h3 span{ display:block; }

.event-content{
    background:#fff; border-radius:5px; box-shadow:0 3px 15px 2px rgba(0,0,0,.06); padding:30px; margin:0 15px; margin-top:-40px; z-index:1;
}
.event-content h3{ font-size:22px; font-weight:600; transition:all .2s ease-in-out; line-height:18px; }
.event-content h3:hover{ color:#ffc105; }
.event-list li{
    font-family:"Open Sans",sans-serif; display:inline-block; font-size:14px; line-height:26px; font-weight:500; margin-right:10px; text-transform:capitalize;
}
.event-list li i{ color:#ffc105; font-size:12px; margin-right:5px; }
.slick-initialized .slick-slide{ padding:0 15px; }

/* ==========================================================================
   Blog Section
   ========================================================================== */
.blog-wrap{}
.blog-item{ border-radius:5px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.1); }
.blog-item .blog-thumb{ position:relative; overflow:hidden; }
.blog-item .blog-thumb .category{
    background:#ffc105; padding:5px 15px; text-align:center; color:#fff; font-size:14px; text-transform:capitalize; font-weight:600;
    font-family:"Work Sans",sans-serif; position:absolute; left:0; bottom:0; border-top-right-radius:5px;
}
.blog-item .blog-thumb .category a{ color:#134702; }
.blog-item .blog-thumb img{ width:100%; margin:0; }
.blog-content{ background:#fff; padding:30px; }
.blog-content h3{ line-height:24px; }
.blog-content h3 a{
    font-family:'Poppins',sans-serif; font-size:21px; color:#134702; line-height:31px; font-weight:600; letter-spacing:-1px; margin:0; word-wrap:break-word;
}
.blog-content h3 a:hover{ color:#ffc105; }
.blog-content .read-more{
    font-family:"Work Sans",sans-serif; color:#134702; font-size:12px; font-weight:600; text-transform:uppercase; position:relative; padding-left:40px;
}
.blog-content .read-more:hover{ color:#ffc105; }
.blog-content .read-more:before{
    background:#ffc105; position:absolute; content:""; width:30px; height:4px; left:0; top:calc(50% - 2px);
}
.blog-item:hover .blog-thumb img{ transform:scale(1.05); }

/*  ======= Pagination ======= */
.pagination-wrap{}
.pagination-wrap li{ display:inline-block; margin:0 5px; }
.pagination-wrap.text-left li{ margin:0 10px 0 0; }
.pagination-wrap li a{
    background:#fff; border:1px solid #e5e5e5; display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; color:#134702; font-weight:600; border-radius:2px;
}
.pagination-wrap li a:hover{ background:#ffc105; color:#fff; text-decoration:none; }
.pagination-wrap li a.active{ background:#ffc105; border:1px solid #ffc105; color:#fff; }

/* ==========================================================================
   Blog  Single
   ========================================================================== */
.blog-thumb{}
.blog-thumb img{ margin-bottom:20px; }
.blog-single-content{}
.blog-single-content h2 a{ font-size:28px; color:#134702; }
.blog-single-content h2 a:hover{ color:#ffc105; }

.single-post-meta{ margin-bottom:20px; }
.single-post-meta li{ display:inline-block; margin-right:20px; }
.single-post-meta li i{ font-size:12px; color:#ffc105; margin-right:5px; }
.single-post-meta li a{
    display:inline-block; font-family:"Work Sans",sans-serif; text-transform:uppercase; font-size:12px; font-weight:600; color:#134702;
}

/* Blog Quote */
blockquote{
    background:#f5f5f5; padding:40px; border-left:4px solid #ffc105; margin:30px 0; position:relative; z-index:1;
}
blockquote .dots{ width:100%; height:100%; left:0; top:0; z-index:-1; }
blockquote p{ font-family:"Poppins",sans-serif; color:#134702; font-size:18px; font-weight:500; }
blockquote span{ display:block; margin-top:20px; color:#134702; }

/* Post Tags */
.post-tags{ margin-top:30px; }
.post-tags li{ display:inline-block; }
.post-tags li a{
    display:inline-block; background:#ffc105; padding:5px 15px; border-radius:2px; font-size:14px; font-weight:600; color:#134702; margin:3px;
}
.post-tags li a:hover{ background:#134702; color:#fff; box-shadow:0 1px 3px rgba(0,0,0,.1); }

/* Author Box */
.author-box{ display:flex; align-items:center; padding:30px; margin-top:30px; border-left:4px solid #ffc105; }
.author-box img{ width:100px; height:100px; border-radius:50%; }
.author-info{ padding-left:30px; }
.author-info h3{ font-size:18px; line-height:28px; margin-bottom:5px; }
.author-box .social-icon{}
.author-box .social-icon li{ display:inline-block; margin-right:8px; }
.author-box .social-icon li a{ font-size:14px; color:#134702; }
.author-box .social-icon li a:hover{ color:#ffc105; }

/* Post Navigation */
.post-navigation{ border:1px solid #e5e5e5; margin-top:40px; margin-left:0; margin-right:0; }
.post-navigation .col{ padding:20px; }
.post-navigation .col:not(:last-of-type){ border-right:1px solid rgba(17,17,17,.04); }
.post-navigation .col a{
    color:#134702; font-size:12px; text-transform:uppercase; font-family:"Work Sans",sans-serif; font-weight:600; display:flex; align-items:center;
}
.post-navigation .col.next-post a{ justify-content:flex-end; }
.post-navigation .col i{ display:inline-block; font-size:14px; }
.post-navigation .ti-arrow-left{ margin-right:10px; }
.post-navigation .ti-arrow-right{ margin-left:10px; }
.post-navigation .col a:hover{ color:#ffc105; }
.post-navigation .col.prev-post .fa{ margin-right:10px; }
.post-navigation .col.next-post .fa{ margin-left:10px; }

/* Comments Style */
.blog-single-wrap .comments-area{ margin-top:40px; }
.blog-single-wrap .comments-area .comments{ border-bottom:0; }
.blog-single-wrap .comments-area li > div{ border-bottom:1px solid rgba(17,17,17,.05); padding:35px; }
.blog-single-wrap .comments-area ol{ list-style-type:none; padding-left:0; }
.blog-single-wrap .comments-area ol ul{ padding-left:30px; list-style-type:none; margin:0; }
.blog-single-wrap .comments-area ol > li:last-child div{ border-bottom:0; }
.blog-single-wrap .comments-area .comments-title{ font-size:22px; font-weight:600; }
.blog-single-wrap .comments-area li > div{ position:relative; }
.blog-single-wrap .comments-area .comment-thumb{ position:absolute; left:35px; }
.blog-single-wrap .comments-area .comment-thumb .comment-img{ width:80px; height:80px; border-radius:50%; }
.blog-single-wrap .comments-area .comment-thumb .comment-img img{ border-radius:50%; }
.blog-single-wrap .comments-area .comment-main-area{ padding-left:100px; }
.blog-single-wrap .comments-area .comment-main-area p{ margin-bottom:20px; }
.blog-single-wrap .comments-area .comments-meta h4{
    font-family:"Poppins",sans-serif; font-size:18px; font-weight:600; letter-spacing:-1px;
}
.blog-single-wrap .comments-area .comments-meta h4 span{
    font-family:"Open Sans",sans-serif; font-weight:400; display:inline-block; font-size:14px; text-transform:capitalize; margin-left:5px;
}
.blog-single-wrap .comments-area .comment-reply-link{
    font-family:"Work Sans",sans-serif; font-size:12px; font-weight:600; color:#ffc105; display:inline-block; text-transform:uppercase; padding-left:35px; position:relative;
}
.blog-single-wrap .comments-area .comment-reply-link:before{ background:#ffc105; position:absolute; content:""; width:30px; height:2px; left:0; top:calc(50% - 1px); }
.blog-single-wrap .comments-area .comment-reply-link:hover{ text-decoration:underline; }
.blog-single-wrap .comment-respond{}
.blog-single-wrap .comment-respond .comment-reply-title{ font-size:22px; font-weight:600; letter-spacing:-1px; margin-bottom:20px; }

.blog-single-wrap .comment-respond form input,
.blog-single-wrap .comment-respond form textarea{
    background:#f5f5f5; border:1px solid #e5e5e5; width:100%; height:50px; padding:6px 15px; margin-bottom:15px; outline:0; box-shadow:none; transition:all .3s;
}
.blog-single-wrap .comment-respond form input:focus,
.blog-single-wrap .comment-respond form textarea:focus{ border-color:#ffc105; }
.blog-single-wrap .comment-respond form textarea{ height:200px; padding:15px; }
.blog-single-wrap .comment-respond .form-inputs{ overflow:hidden; }
.blog-single-wrap .comment-respond .form-inputs > input:nth-child(2){ width:49%; float:left; }
.blog-single-wrap .comment-respond .form-inputs > input:nth-child(3){ width:49%; float:right; }
.blog-single-wrap .comment-respond .form-submit input{
    font-family:"Work Sans",sans-serif; max-width:180px; background:#ffc105; color:#fff; font-weight:600; font-size:12px; letter-spacing:1px;
    margin-bottom:0; border:0; outline:0; cursor:pointer; border-radius:0; text-transform:uppercase;
}
.blog-single-wrap .comment-respond .form-submit input:hover{ opacity:.9; }

/*  ======= Sidebars ======= */
.sidebar-wrap{ padding-left:40px; }
.sidebar-wrap .widget-content:not(:last-of-type){ margin-bottom:40px; }
.sidebar-wrap .widget-content h4{
    position:relative; font-family:"Work Sans",sans-serif; font-size:18px; color:#134702; margin-bottom:20px; text-transform:capitalize;
}
.sidebar-wrap .widget-content h4:after{
    background:#ffc105; content:""; display:inline-block; width:50%; height:1px; top:50%; position:absolute; margin-left:20px;
}

/* Search Form */
.search-form{ position:relative; margin-left:-2px; }
.search-form .form-control{
    background:#fff; font-size:14px; box-shadow:none; width:100%; display:block; border:1px solid #e5e5e5; color:#134702; height:50px; padding:15px 20px;
    border-radius:2px; padding-right:60px;
}
.search-form .search-btn{
    background:transparent; font-size:15px; color:#134702; width:60px; height:100%; position:absolute; top:0; right:0; display:block; padding:10px 0; opacity:.6; border:none;
}
.search-form .search-btn:focus, .search-form .search-btn:hover{ opacity:1; cursor:pointer; }
.search-form input::placeholder{ color:#667470 !important; }

/* Thumbnails Post */
.thumb-post{}
.thumb-post li{ display:flex; align-items:top; margin-bottom:20px; }
.thumb-post li:last-child{ margin-bottom:0; }
.thumb-post li img{ width:100px; display:block; }
.thumb-post li a{
    font-family:"Poppins",sans-serif; font-size:15px; font-weight:600; color:#134702; padding-left:15px; letter-spacing:-.5px;
}
.thumb-post li a:hover{ color:#ffc105; text-decoration:underline; }

/* Tag Cloud */
.widget-content .tags{}
.widget-content .tags li{ display:inline-block; }
.widget-content .tags li a{
    font-family:"Work Sans",sans-serif; display:inline-block; background:#f5f5f5; padding:5px 10px; border-radius:2px; font-size:14px; color:#555; font-weight:600; margin:3px; text-transform:capitalize;
}
.widget-content .tags li a:hover{ background:#ffc105; color:#fff; box-shadow:0 1px 3px rgba(0,0,0,.1); }

/* Category */
.widget-content ul{ margin:0; padding:0; list-style:none; }
.widget-content ul li a{ font-size:15px; color:#134702; line-height:1.9; }
.widget-content ul li a:hover{ color:#ffc105; }

.widget-links{ line-height:42px; }

/* ==========================================================================
   Testimonial section
   ========================================================================== */
.testi-item{ text-align:center; margin:0 10px; }
.testi-info h3{ font-size:18px; font-weight:600; margin:10px 0 0; }
.testi-info h3 span{
    text-transform:capitalize; font-size:14px; color:#6a8695; font-weight:400; letter-spacing:0; font-family:"Open Sans",sans-serif; display:block; margin-bottom:20px;
}
.testi-item img{ width:50px; height:50px; line-height:50px; border-radius:50%; margin:0 auto; }
.testi-content{ padding:30px; background:#fff; border-radius:5px; box-shadow:0 3px 15px 2px rgb(0 0 0 / 6%); }
.testi-content p{ font-weight:600; }
.testi-info{ margin-top:-25px; }

/* ==========================================================================
   Sponsor section
   ========================================================================== */
.sponsor-section{ padding:50px 0; position:relative; z-index:1; }
.sponsor-section .dots{ display:none; width:100%; height:100%; left:0; top:0; z-index:-1; }
.sponsor-item{ text-align:center; }
.sponsor-item img{ margin:auto; opacity:.8; }
.sponsor-item:hover img{ opacity:1; cursor:pointer; }

/* ==========================================================================
   Subscribe section
   ========================================================================== */
.subscribe-section{}
.subscribe-wrap{
    background:#fff; margin-bottom:-50px; padding:40px 50px; border-radius:5px;
    box-shadow:0 50px 100px 0 rgba(64,1,4,.1), 0 -6px 0 0 rgba(248,99,107,.004);
    transition:all .3s ease-in-out; position:relative; z-index:10;
}
.subscribe-wrap .sub-bg{
    background-image:url(../img/message.png); background-repeat:no-repeat; background-position:center; background-size:contain;
    position:absolute; width:100%; height:100%; left:35px; bottom:0;
}
.subscribe-wrap .child{
    background-image:url(../img/child.png); background-repeat:no-repeat; background-position:right center; background-size:contain;
    position:absolute; width:198px; height:221px; right:0; bottom:0;
}
.subscribe-form .form-input{
    background:#134702; color:#fff; font-size:14px; border:none; width:100%; height:55px; padding:20px; padding-right:150px; border-radius:2px;
}
.subscribe-form .form-input:focus{ outline:none; border:none; box-shadow:none; }
.subscribe-form .submit-btn{
    background:#ffc105; font-family:"Poppins",sans-serif; text-transform:capitalize; color:#fff; font-size:14px; border-radius:2px; line-height:45px; font-weight:600; display:inline-block;
    letter-spacing:0; padding:0 30px; position:absolute; top:5px; right:20px; cursor:pointer;
}
.subscribe-section .section-heading h2{ font-size:28px; }
.subscribe-section .section-heading p{ margin-top:-10px; }

/* ==========================================================================
   Widget Section
   ========================================================================== */
.widget-section{
    background-color:#134702; background-image:url(../img/map-pattern-light.png); background-size:contain; background-repeat:no-repeat; background-position:center;
    border-bottom:1px solid rgba(255,255,255,.05);
}
.widget-wrap{ margin-top:30px; }
.widget-box img{ max-width:60%; }
.widget-box p{ font-size:16px; color:#ddd; margin:20px 0; }
.widget-social{ display:flex; align-items:center; }
.widget-social li{ margin-right:5px; }
.widget-social li a{
    background:#ffc105; color:#134702; font-size:15px; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center;
}
.widget-social li a:hover{ background:#134702; color:#fff; }
.widget-title{ display:block; margin-bottom:10px; overflow:hidden; position:relative; }
.widget-box .widget-title h3{
    position:relative; color:#fff; font-size:18px; font-weight:600; font-family:"Work Sans",sans-serif; letter-spacing:0; text-transform:capitalize;
}
.widget-box .widget-title h3:after{
    background:#ffc105; content:""; display:inline-block; width:50%; height:1px; top:50%; position:absolute; margin-left:20px;
}
.widget-item{}
.widget-item li{ margin-bottom:15px; }
.widget-item ul li:last-child{ margin-bottom:0; }
.widget-item a{ color:#ddd; font-size:16px; }
.widget-item a:hover{ color:#ffc105; }

.widget-contact{}
.widget-contact li{ margin-bottom:15px; }
.widget-contact li:last-child{ margin-bottom:0; }
.widget-contact li i{ color:#ffc105; margin-right:10px; }
.widget-contact li span{ color:#ddd; }

.wt-subscribe-form{ position:relative; margin:15px 0; }
.widget-box p{ color:#fff; }
.wt-subscribe-form .form-control{
    display:block; background-color:transparent; border:1px solid #ffc105; color:#ddd; border-radius:0; padding:15px 13px; padding-right:83px; width:100%; height:53px; outline:none; box-shadow:none;
}
.wt-subscribe-form button{
    background:#ffc105; color:#fff; display:inline-block; text-align:center; width:70px; height:45px; position:absolute; right:4px; top:4px; border-radius:0; transition:all .3s ease-in-out;
}

/* ==========================================================================
   Counter section
   ========================================================================== */
.counter-section{
    background-image:url(../img/background-img-4.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;
    position:relative;
}
.counter-content{ text-align:center; }
.counter-content i{ color:#ffc105; font-size:60px; margin-bottom:20px; display:block; }
.counter-content h3{ font-size:36px; color:#fff; line-height:40px; font-weight:700; margin:10px 0 5px; }
.counter-content h4{
    color:#ddd; font-family:"Open Sans",Sans-serif; font-size:14px; font-weight:500; text-transform:capitalize; letter-spacing:0;
}

/* ==========================================================================
   Working Processs
   ========================================================================== */
.work-content h2{
    font-family:"Poppins",Sans-serif; font-size:100px; font-weight:700; color:#ffc105; margin-left:20px;
}
.work-content .section-heading{ margin-top:-48px; }
.work-content .section-heading h3{ font-size:32px; font-weight:600; }

/* ==========================================================================
   feature section
   ========================================================================== */
.feature-box{ border:1px solid #ddd; }
.feature-content{ padding:55px 30px; }
.feature-content h3{ font-size:18px; font-weight:600; }
.feature-content p{ margin-bottom:0; }
.feature-section .appointment-form{ margin:-83px 0 0 0; }

/* ==========================================================================
   Event Details
   ========================================================================== */
.details-content{ margin-left:42px; }
.event-tittle{ display:block; margin-bottom:20px; overflow:hidden; position:relative; }
.event-tittle h3{
    font-size:22px; font-weight:600; font-family:"Work Sans",sans-serif; line-height:normal; letter-spacing:0; display:inline-block; margin-bottom:0; padding-bottom:5px; text-transform:capitalize;
}
.event-tittle h3:before{
    background:#ffc105; content:""; display:inline-block; width:60px; height:2px; bottom:0; position:absolute;
}
.details-item{}
.details-item .desc{ margin:20px 0; }
.details-list{ line-height:35px; margin-bottom:40px; }
.details-list li{
    font-family:"Work Sans",sans-serif; color:#134702; font-size:15px; font-weight:600; text-transform:capitalize;
}
.details-list li a, .details-list li span{ font-family:"Open Sans",sans-serif; color:#6a8695; font-size:15px; margin-left:10px; font-weight:400; text-transform:initial; }
.details-list li a:hover{ color:#ffc105; }
.details-list .venue{ line-height:24px; }
.details-social{ display:flex; align-items:center; margin-top:42px; }
.details-social li{}
.details-social li a{
    background-color:#333;
    font-size:12px; color:#fff; width:65px; height:45px; display:inline-block; text-align:center; line-height:45px;
}
.details-social li a:hover{ opacity:.9; }
.details-social .facebook a{ background-color:#3b5998; }
.details-social .twitter a{ background-color:#1da1f2; }
.details-social .g-plus a{ background-color:#ea4335; }
.details-social .pinterest a{ background-color:#bd081c; }

/* ==========================================================================
   Career Section
   ========================================================================== */
/* FIX: add missing block to avoid CSS parse break */
.career-section {}

/* ==========================================================================
   Blog-section
   ========================================================================== */
.blog-section{}
.cause-wrap{}
.cause-item{}
.cause-btn{}

.blog-section .donate-content{
    padding:0; display:flex; align-items:center; justify-content:space-between; line-height:56px; margin:-12px 0 30px 0;
}
.blog-section .donate-content h3{ font-size:28px; margin:0; }
.blog-section .donate-content span{ line-height:22px; }
.blog-section .progress .progress-bar.bar-4{ background-color:rgb(250,87,93); }
.blog-section .donate-btn.btn-4 a{ background-color:#ffc105; }

.cause-content{ margin-bottom:30px; }
.cause-content h3{ color:#134702; font-size:24px; font-weight:600; }
.cause-content .desc{ margin-top:30px; }

.cause-tag{ display:flex; align-items:center; }
.cause-tag li i{ font-size:15px; color:#134702; margin-right:15px; }
.cause-tag li a{
    background:#ffc105; font-family:"Work Sans",sans-serif; color:#134702; font-size:14px; font-weight:600; padding:8px 20px; border-radius:2px; margin-right:10px; text-transform:capitalize;
}
.cause-tag li a:hover{ background:#134702; color:#fff; }
<style>