/*
  Theme Name: Sohoj - Charity, Nonprofit HTML5 Template
  更多模板：http://www.bootstrapmb.com/
  Description: Sohoj is a HTML5 template which fits for all kind of Charity, Fund raising, Nonprofit, NGO, Social Working, and other non-profit website for all your needs.
  Tags: business, clean design, clean layout, marketing, minimal design, minimalist, modern, newsletter, app, app landing, App Showcase, digital, digital product, landing page, mobile apps, modern, sales apps, sass, software, startup,
  Version: 1.0
*/
/* CSS Index
-----------------------------------
 /* 
1.	Theme Default
2.	Pre Loader
3.	Header Area Css Style
4.	Search Form Area Css Style
5.	header menu area css
		i. main menu area css
		ii. sub menu
6.	sohoj slider area css
7.	sohoj Children Care area css
8.	sohoj About area css
9.	sohoj cause area css
10.	sohoj counter area css
11.	sohoj events area css
12.	sohoj client donate area css
13.	sohoj team area css
14.	faq area css
15.	sohoj blog area css
		i. Blog Quote Area Css Style
		ii. Blog Post Tags Area Css Style
		iii. Blog Comments Area Css Style
		iv. Blog Comments Form Area Css Style
16.	subscribe area css
17.	footer area css
18.	breadcrumb area css
19.	Contact Form Area Css Style
20.	Google Map Area Css Style
21.	Contact Info  Area Css Style
22.	dark home css
23.	Error Area Css Style
 */

/* Google Fonts */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700|Ubuntu:400,500,700&display=swap');

/* Theme Default */
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
    line-height: inherit;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-style: normal;
}

img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}

a,
.button,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
    color: #79b91c;
}

.btn:focus,
button:focus,
input:focus,
textarea,
textarea:focus,
.form-control:focus {
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #f1f1f1;
    background: #fff;
}

button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
    color: #353858;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

ul {}

li {
    margin-bottom: 10px;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #37393e;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #106ad2;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

/* Pre Loader */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #24262d;
    overflow: hidden;
}

.preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader-icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    padding: 0px;
}

.preloader-icon span {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #79b91c;
    -webkit-animation: preloader-fx 1.6s linear infinite;
    animation: preloader-fx 1.6s linear infinite;
}

.preloader-icon span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}

/* Header Area Css Style */
.sohoj-header-top {
    padding: 20px 0 25px;
}

ul.header-top-social {
    margin: 5px 0;
    padding: 0;
}

ul.header-top-social li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 0 0;
}

ul.header-top-social li a {
    color: #2f3034;
}

.header-top-phone {}

.header-top-phone h2 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}

.header-top-phone h2 strong {
    font-weight: 700;
    color: #79b91c;
}

ul.header-top-right {
    margin: 5px 0;
    padding: 0;
}

ul.header-top-right li {
    list-style: none;
    display: inline-block;
    margin: 0 0 0 15px;
}

ul.header-top-right li select#lang-typ {
    font-size: 16px;
    font-weight: 600;
    margin-right: -8px;
    cursor: pointer;
    position: relative;
    background: transparent;
}

ul.header-top-right li select#lang-typ:after {
    content: none;
    position: absolute;
}

ul.header-top-right li a {
    color: #2f3034;
}

/* Search Form Area Css Style */

ul.header-search {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

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

ul.header-search li a {
    color: #fff;
    text-align: center;
    display: block;
    padding: 36px;
    background: rgba(0, 0, 0, .30);
}

ul.header-search li a i {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

ul.header-search li a:hover {
    color: #79b91c;
}

#search-overlay {
    display: none;
}

.search-form-area {
    background: #24262df0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    border: #a0a0a0 solid 1px;
    margin: 0;
    z-index: 99999;
}

.search-form-area:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
}

.search-form-centered {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 10px 15px;
    color: #FFF;
    border: none;
    background: transparent;
}

#search-box {
    position: relative;
    width: 100%;
    margin: 0;
}

.search-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 80px;
    background: #f8f8f8;
    border: none;
    border-radius: 0;
    padding: 20px 30px;
}

.search-form button {
    background: #79b91c;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    border-radius: 0;
    cursor: pointer;
    padding: 9px 50px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .3s;
}

.search-form button:hover {
    background: #24262d;
}

#close-btn {
    position: fixed;
    top: 1em;
    right: 1em;
}

#close-btn:hover {
    color: #79b91c;
    cursor: pointer;
}

/* header menu area css */

.sohoj-main-slider-area {
    position: relative;
}

.sohoj-hero-area {
    background: rgba(47, 48, 52, 0.40);
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
}

.header-logo {
    margin: 32px 0;
}

.header-logo a {

    display: block;
}

.header-hero-btn {
    margin: 25px 0;
}

.header-top-area {
    background-color: #222;
    font-size: 15px;
    padding: 10px 0;
}

.header-top-area a,
.header-top-area {
    color: #fff;
}

.header-top-area i {
    color: #f7be49;
}

/* main menu area css */
.main-menu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.main-menu nav > ul > li {
    display: inline-block;
    position: relative;
    margin: 0;
}

.main-menu nav > ul > li:last-child a {
    padding-right: 0
}

.main-menu nav > ul > li:first-child a {
    padding-left: 0
}

.main-menu nav > ul > li > a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 40px 13px;
    transition: all 0.3s ease 0s;
    line-height: 1.25;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}

.main-menu nav > ul > li:hover > a,
.main-menu nav > ul > li.active > a {
    color: #79b91c;
}

/* sub menu */
.main-menu nav > ul > li .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #79b91c;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-out;
    visibility: hidden;
    width: 220px;
    z-index: 9;
    transform-origin: top;
    transform: scaleY(0);
}

.main-menu nav > ul > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.main-menu nav > ul > li .sub-menu li {
    display: block;
    position: relative;
    margin: 0;
}

.main-menu nav > ul > li .sub-menu li a {
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 13px 20px;
    text-transform: capitalize;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.main-menu nav > ul > li:hover > .sub-menu li > a:hover {
    color: #fff;
    background: #79b91c;
}

/* sub menu */
.main-menu nav > ul > li > .sub-menu > li > .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #79b91c;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 9;
}

.main-menu nav > ul > li > .sub-menu > li:hover .sub-menu {
    top: 0 !important;
    opacity: 1;
    top: 100%;
    visibility: visible
}

.header-top-btn {
    margin: 24px 0 0 35px;
    display: inline-block;
}

/*  sohoj slider area css */

ul.sohoj-slider-btn-area {
    padding: 0;
    margin: 0;
}

ul.sohoj-slider-btn-area li {
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}

ul.sohoj-slider-btn-area li a {
    color: #fff;
    padding: 12px 30px;
    display: block;
    border-radius: 50px;
    border: 1px solid #fff;
    font-size: 18px;
    transition: all .3s;
}

ul.sohoj-slider-btn-area li a:hover {
    background: #79b91c;
    border-color: #79b91c;
}

.sohoj-single-slider-content {}

.sohoj-single-slider-content h2 {
    text-transform: capitalize;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-top: 35px;
}

.bg-1 {
    background-image: url(assets/img/hero/1.jpg);
    background-position: center center;
    background-size: cover;
    color: #fff;
    height: 800px;
}

.sohoj-single-table {
    display: table;
    height: 100%;
    width: 100%;
}

.sohoj-single-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.sohoj-single-slider {
    position: relative;
}

.sohoj-single-slider:before {
    content: '';
    background: rgba(1, 16, 90, .60);
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.slider-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-video-btn a {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 56px;
    width: 56px;
    color: #79b91c;
    background: #fff;
    font-size: 20px;
    line-height: 42px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    animation: heartbeat 1s infinite alternate;
}

.slider-video-btn a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

.slider-video-btn a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -30px;
    left: -30px;
    bottom: -30px;
    right: -30px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

/* sohoj Children Care area css */

.sohoj-children-care-area {
    margin: -88px 0 0 0;
    z-index: 9;
}

.single-children-care {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.children-content-img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-size: cover;
    background-position: center center;
}

.single-children-content {
    padding: 22px;
}

.single-children-content h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 30px;
}

.single-children-content p {
    color: #fff;
}

.sohoj-children-care-area .col-xl-4:nth-child(odd) .single-children-care {
    margin-top: 20px;
}

/* sohoj About area css */

.sohoj-about-area {
    position: relative;
    overflow: hidden;
}

.sohoj-about-bg-img {
    position: absolute;
    left: 0;
    top: 50px;
    bottom: 0;
    height: 100%;
    width: 46.5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sohoj-about-bg-img img {
    width: 100%;
    height: calc(100% - 100px);
}

.sohoj-about-content {
    padding: 80px 20px 80px 0;
}

.sohoj-about-content h2 {
    font-size: 40px;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
}

.about-chariti-list-area {}

.sohoj-about-content h2 span {
    color: #79b91c;
}

.sohoj-about-content h2:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    border-left: 6px solid #79b91c;
}

ul.about-chariti-list {
    padding: 0;
    margin: 0;
    display: inline-block;
}

ul.about-chariti-list:first-child {
    margin-right: 50px;
}

ul.about-chariti-list li {
    list-style: none;
}

ul.about-chariti-list li a {
    font-size: 18px;
    color: #01105a;
    font-weight: 700;
    text-transform: capitalize;
}

ul.about-chariti-list li a i {
    color: #79b91c;
    margin-right: 10px;
}

/* sohoj cause area css */

.sohoj-all-cause .sohoj-single-cause {
    padding: 15px;
}

.sohoj-single-cause img {
    width: 100%;
}

.sohoj-single-cause-content {
    padding: 35px 20px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.14);
    background: #fff;
}

.sohoj-single-cause-content h4 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
}

.sohoj-single-cause-content p {
    font-size: 18px;
}

.cause-progress-bar {
    margin: 40px 0;
}

.cause-price-raised {
    display: inline-block;
    float: left;
}

.cause-price-goal {
    display: inline-block;
    float: right;
}
.cause-price-raised1 {
    display: inline-block;
    float: center;
}

.single-cause-price {
    display: block;
    width: 100%;
    overflow: hidden;
}

.single-cause-price h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
}

.single-cause-price h3 span {
    color: #79b91c;
}

.sohoj-all-cause .owl-nav div {
    left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 42px;
    font-size: 30px !important;
    background: #fff !important;
    border-radius: 50% !important;
    color: #2f3034 !important;
    width: 50px;
    height: 50px;
    border: 1px solid #2f3034;
}

.sohoj-all-cause .owl-nav div.owl-next {
    left: auto;
    right: -50px;
}

/* sohoj counter area css */

.sohoj-counter-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 90%;
    background-image: url(assets/img/counter/1.jpg);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.sohoj-counter-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}

.single-counter {
    text-align: center;
    padding: 30px 0;
    border: 3px dotted #fff;
    background: rgba(255, 255, 255, .1);
}

.counter-border {
    display: block;
    height: 6px;
    background: #79b91c;
    width: 70px;
    margin: 20px auto 10px auto;
}

.counter-number {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.count-name {
    font-size: 22px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

.sohoj-counter-area .col-xl-3:nth-child(odd) .single-counter {
    margin: 30px 0 0 0;
}

/* sohoj events area css */

.single-events {
    padding: 20px;
    background: #f7faff;
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.single-events-img {
    width: 45%;
    height: auto;
    display: inline-block;
    float: left;
}

.single-events-img img {
    width: 100%;
}

.single-events-content {
    display: inline-block;
    width: 50%;
    margin-left: 20px;
}

.single-events-content h4 {
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid #949494;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.single-events-content p {
    font-size: 15px;
    margin-bottom: 0;
}

.events-date {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    margin: 5px 0 10px 0;
}

.events-date span {
    color: #79b91c;
    text-transform: uppercase;
}

.all-single-events.owl-theme .owl-dots .owl-dot span {
    background: #2c2c2c none repeat scroll 0 0;
    display: inline-block;
    border-radius: 8px !important;
    height: 10px;
    width: 8px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 4px;
    border-radius: 0;
    opacity: .5;
}

.all-single-events.owl-theme .owl-dots .owl-dot.active span {
    background: #79b91c;
    border: medium none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 8px;
    height: 20px;
    border-radius: 8px;
}

.all-single-events.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -60px;
}

.all-single-events.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    line-height: 1;
}

.all-single-events.owl-theme .owl-dots .owl-dot:last-child {
    margin-bottom: 0;
}

/* sohoj client donate area css */

.sohoj-client-donate-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url(assets/img/counter/1.jpg);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.sohoj-client-donate-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}

.client-single-slider {}

.title-desig-quot {
    display: flex;
    align-items: center;
}

.title-desig {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #fff;
}

.title-desig h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.title-desig h4 {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}

.title-desig-quot i {
    font-size: 40px;
    color: #fff;
}

.client-single-slider p {
    color: #fff;
    margin-top: 25px;
}

.sohoj-client-slider-wraper {
    margin: 80px 0;
}

.sohoj-client-slider-wraper.owl-theme .owl-dots .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border-radius: 30%;
    display: inline-block;
    height: 20px;
    width: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 4px;
    border-radius: 50%;
    border: 4px solid #79b91c;
    opacity: .5;
}

.sohoj-client-slider-wraper.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    border: medium none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid #79b91c;
}

.sohoj-client-slider-wraper.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    left: 0;
    bottom: -45px;
    margin-top: 0;
}

.sohoj-donate-area {
    background: rgba(255, 255, 255, .20);
    padding: 30px 15px;
}

.sohoj-donate-area select.form-control,
.sohoj-donate-area input.form-control {
    border-radius: 0;
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #f7faff;
    border: none;
    font-size: 15px;
}

/* sohoj team area css */

.single-team-wraper {
    cursor: pointer;
}

.single-team-wraper .team-img-title {
    position: relative;
}

.single-team-wraper .team-img-title img {
    width: 100%;
}

.team-img-title h3.team-title {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -30px;
    background: #fff;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 700;
    display: inline-block;
    padding: 20px 30px;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0px 8px 20px 0px rgba(47, 48, 52, 0.14);
    transition: all .3s;
}

.single-team-wraper:hover h3.team-title {
    
  
}

/* faq area css */

.sohoj-faq-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url(assets/img/faq/1.jpg);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.sohoj-faq-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}


.sohoj-accordion-wrapper p {
    margin: 0;
    font-size: 18px;
}

.sohoj-accordion-wrapper .card {
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 73px 0px rgba(0, 0, 0, 0.09);
    border: 0;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.sohoj-accordion-wrapper .btn {
    background: #79b91c;
    border-radius: 10px 10px 0 0;
    display: block;
    text-align: left;
    padding: 30px 35px;
    font-size: 18px;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.sohoj-accordion-wrapper .btn.collapsed {
    background: #fff;
    border-radius: 15px;
}

.sohoj-accordion-wrapper .card-header:first-child {
    border-radius: 15px;
}

.sohoj-accordion-wrapper .card-header {
    padding: 0;
    border-bottom: 1px solid transparent;
}

.sohoj-accordion-wrapper .card-body {
    padding: 30px 30px 30px 35px;
}

.sohoj-accordion-wrapper .accordion > .card:first-of-type {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.sohoj-accordion-wrapper .accordion > .card {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.sohoj-accordion-wrapper h2 a.btn {
    color: #fff;
    position: relative;
}

.sohoj-accordion-wrapper h2 a.btn:hover {
    color: #fff;
}

.sohoj-accordion-wrapper h2 a.btn.collapsed {
    color: #30323d;
}

.sohoj-accordion-wrapper h2 a.btn::after {
    content: "-";
    position: absolute;
    right: 25px;
    top: 30px;
    height: 25px;
    width: 25px;
    background: #fff;
    color: #000;
    text-align: center;
    line-height: 25px;
    border-radius: 30px;
}

.sohoj-accordion-wrapper h2 a.btn.collapsed::after {
    content: "+";
    background: #2c2c2c;
    color: #fff;
}

.sohoj-about-contact {
    margin: 180px 0 0 15px;
}

.sohoj-about-contact h2 {
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
}

.sohoj-about-contact h4 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
}

.sohoj-about-contact h4 a {
    text-transform: uppercase;
    color: #79b91c;
    text-decoration: underline;
    font-weight: 700;
}

/* sohoj blog area css */

.sohoj-blog-area {}

.single-blog-wraper {}

.blog-details-content .blog-img,
.single-blog-wraper .blog-img {
    position: relative;
}

.single-blog-wraper img {
    width: 100%;
}

.blog-img-slider.owl-theme .owl-nav {
    margin-top: 0 !important;
}

.blog-img-slider .owl-nav div {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 42px;
    font-size: 30px !important;
    background: #fff !important;
    border-radius: 0 !important;
    color: #2f3034 !important;
    width: 50px;
    height: 50px;
    margin: 0 !important;
}

.blog-img-slider .owl-nav div:hover {
    background: #79b91c !important;
    color: #fff !important;
}

.blog-img-slider .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.blog-details-content .blog-img h4,
.single-blog-wraper .blog-img h4 {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: -60px;
    background: #fff;
    display: inline-block;
    box-shadow: 0px 8px 20px 0px rgba(47, 48, 52, 0.14);
    border-radius: 5px;
    padding: 22px 25px;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    z-index: 1;
}

.blog-details-content h6,
.blog-details-content h5,
.blog-details-content h5,
.blog-details-content h4,
.blog-details-content h3,
.blog-details-content h2,
.blog-details-content h1 {
    margin-bottom: 15px;
    font-weight: 600;
}

/* Blog Quote Area Css Style */

blockquote,
blockquote.wp-block-quote {
    background: #79b91c;
    padding: 20px 35px !important;
    box-shadow: 0px 0px 30px 0px rgba(26, 43, 60, 0.15);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    margin: 40px 0;
    z-index: 1;
}

blockquote:before,
blockquote.wp-block-quote:before {
    content: "\f10d";
    position: absolute;
    bottom: 9%;
    left: 5%;
    font-family: "FontAwesome";
    color: #fff;
    font-size: 50px;
    line-height: 1;
    opacity: .5;
    z-index: -1;
}

blockquote p,
blockquote.wp-block-quote p {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

blockquote cite,
blockquote.wp-block-quote cite {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 15px;
    margin-top: 30px;
    display: inline-block;
    float: right;
    color: #fff;
}

blockquote cite:before,
blockquote.wp-block-quote cite:before {
    position: absolute;
    content: '';
    bottom: 0;
    width: 10px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* Blog Post Tags Area Css Style */

.blog-post-admin-date-comment-tag {
    padding: 30px 35px;
    background: #79b91c;
}

.blog-post-admin-date-comment-tag .post-info {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-flex;
}

.blog-post-admin-date-comment-tag .post-info a {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
}

.blog-post-admin-date-comment-tag .post-info span i {
    margin-right: 6px;
    color: #fff;
}

/*  */
.blog-post-tag span {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 17px;
    color: #1a2b3c;
    text-transform: capitalize;
}

.blog-post-tag {
    background: #fff;
    padding: 0;
    padding-top: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 30px;
}

.blog-post-tag > a {
    color: #1a2b3c;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    padding: 10px 24px;
    margin-right: 5px;
    transition: .3s;
    border-radius: 0;
    margin-bottom: 10px;
}

.blog-post-tag > a:hover {
    color: #fff;
    background: #79b91c;
    border-color: #79b91c;
}

/* Blog Comments Area Css Style */

.post-heading {
    margin-bottom: 30px;
}

.post-heading h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    color: #1a2b3c;
    line-height: 1;
}

.latest-comments > ul {
    padding: 0;
    margin: 0;
}

.latest-comments ul {
    list-style: none;
}

.comments-box {
    margin-bottom: 30px;
    border-bottom: 1px solid #e7eaf0;
    padding: 40px 20px;
    background: #79b91c;
    border-radius: 20px;
}

.comments-avatar {
    float: left;
    width: 100px;
}

.comments-avatar img {
    border: 2px solid #fff;
}

.comments-text {
    overflow: hidden;
    padding-left: 30px;
}

.avatar-name-date {
    display: inline-block;
}

.avatar-name-date > h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}

.avatar-name-date span {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0 12px;
    display: block;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}

.comments-text > p {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
}

.comments-text > a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    float: right;
    margin-top: -6px;
}

.comments-reply {
    padding-left: 130px;
}

/* Blog Comments Form Area Css Style */

.post-comments-form-area {
    margin: 40px 0 0 0;
}

.post-comments-form-area .post-comments-form {}

.post-comments-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #f4f7fc;
    border: 1px solid #e7eaf0;
    padding: 5px 20px;
    transition: all .3s;
    border-radius: 0px;
}

.post-comments-form textarea.form-control {
    height: 133px;
    box-shadow: none;
    color: #777777;
    margin-bottom: 30px;
    background: #f4f7fc;
    border: 1px solid #e7eaf0;
    padding: 15px 20px;
    transition: all .3s;
    border-radius: 0px;
}

.post-comments-form textarea.form-control:focus,
.post-comments-form input.form-control:focus {
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    outline: none;
    border: 1px solid #79b91c;
}

/*  */
.single-blog-wraper .blog-img h4 a.post-title {}

.single-blog-content {
    padding: 80px 25px 10px 35px;
    background: #fff;
    box-shadow: 0px 8px 20px 0px rgba(47, 48, 52, 0.14);
}

.single-blog-content ul.post-info {
    margin: 0 0 15px 0;
    padding: 0;
}

.single-blog-content ul.post-info li {
    display: inline-block;
    margin-right: 15px;
    color: #79b91c;
    margin-bottom: 0;
}

.single-blog-content ul.post-info li a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: #353858;
    margin-left: 5px;
}

.single-blog-content p {}

/* subscribe area css */

.sohoj-subscribe-area {
    position: absolute;
    top: -20%;
    left: 0;
    right: 0;
}

.subscribe-bg {
    background: #2f3034;
    padding: 100px;
    border-radius: 20px;
}

.subscribe-title {}

.subscribe-title h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

.subscribe-form {
    position: relative;
}

.subscribe-form input {
    width: 100%;
    height: 60px;
    border: none;
    background: #fff;
    padding: 0 20px;
    border-radius: 0;
    font-size: 18px;
    color: #30323d;
}

.subscribe-form button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

/* footer area css */

.sohoj-footer-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url(assets/img/footer/1.jpg);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
    padding-top: 230px;
    padding-bottom: 70px;
    margin-top: 70px;
}

.sohoj-footer-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 16, 90, .90);
}

/* breadcrumb area css */

.sohoj-breadcrumb-area {
    background-position: center center;
    background-size: cover;
    position: relative;
    background-image: url(assets/img/breadcrumb/1.jpg);
    padding: 234px 0 134px 0;
    text-align: center;
}

.sohoj-breadcrumb-area:before {
    content: '';
    background: rgba(1, 16, 90, .70);
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.breadcrumb-content-box h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.sohoj-breadcramb-line .breadcrumb {
    background: inherit;
    padding: 30px 0;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
}

.breadcrumb .breadcrumb-item {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
}

.sohoj-breadcramb-line .breadcrumb .breadcrumb-item,
.sohoj-breadcramb-line .breadcrumb-item.active a,
.sohoj-breadcramb-line .breadcrumb .breadcrumb-item.active {
    color: #79b91c;
    text-transform: capitalize;
    margin: 0;
    margin-right: 10px;
}

.sohoj-breadcramb-line .breadcrumb .breadcrumb-item a {
    color: #2f3034;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 24px;
}

.sohoj-breadcramb-line .breadcrumb-item + .breadcrumb-item::before {
    color: #2f3034;
    content: "\f178";
    font-family: FontAwesome;
    margin-right: 10px;
}

/* Contact Form Area Css Style */

.sohoj-contact-form-area {
    padding: 70px 50px;
    background: #f7faff;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
}

.sohoj-contact-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    padding: 5px 20px;
    transition: all .3s;
}

.sohoj-contact-form textarea.form-control:focus,
.sohoj-contact-form input.form-control:focus {
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    outline: none;
    border: 1px solid #79b91c;
}

.sohoj-contact-form textarea.form-control {
    height: 133px;
    box-shadow: none;
    color: #777777;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    padding: 15px 20px;
    transition: all .3s;
}

p.form-message {
    font-size: 15px;
}

/* Google Map Area Css Style */
#sohoj-map {
    height: 525px;
}

/* Contact Info  Area Css Style */

.contact-info-box {
    text-align: center;
    border: 1px solid #e7eaf0;
    background: #f7faff;
    padding: 30px 0;
    cursor: pointer;
    transition: all .3s;
}

.contact-info-box:hover {
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
}

.contact-info-icon {
    background: #01105a;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
    margin-bottom: 20px;
}

ul.contact-info {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

ul.contact-info li,
ul.contact-info li a {
    font-size: 20px;
    line-height: 30px;
    color: #656970;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif;
}

/*  Error Area Css Style */
.sohoj-content-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sohoj-content {
    text-align: right;
    border-right: 10px solid #79b91c;
    margin-right: 50px;
    padding-right: 50px;
}

.sohoj-content h2 {
    font-size: 200px;
    font-weight: 700;
    line-height: 1;
}

.sohoj-content h2 span {
    color: #79b91c;
}

.sohoj-content h3 {
    font-weight: 700;
    font-size: 48px;
    text-transform: capitalize;
}

/* dark home css */
.dark ul.header-top-right li select#lang-typ,
.dark ul.header-top-right li a,
.dark .header-top-phone h2,
.dark .section-title h4,
.dark .section-title h3,
.dark ul.header-top-social li a {
    color: #fff;
}

.dark .all-single-events.owl-theme .owl-dots .owl-dot.active span {
    background: #79b91c;
}

.dark .all-single-events.owl-theme .owl-dots .owl-dot span {
    background: #fff;
}

.dark ul.header-top-right li select#lang-typ option {
    background: #000;
}
/* 隐藏 Cause 区的左右箭头 */
.sohoj-all-cause .owl-nav {
  display: none !important;
}
.volunteer-tagline {
  max-width: 600px;   /* 想再窄就调小 */
  margin: 8px auto 0; /* 上间距 8px + 左右自动居中 */
  color: #f2f2f2;
  font-size: 16px;
  line-height: 1.5;
}
/* 三个优势方块 */
.advantage-box {
    border: 1px solid #ddd;    /* 边框颜色/粗细随意 */
    border-radius: 8px;        /* 圆角 */
    padding: 30px 20px;        /* 内边距 */
    height: 100%;              /* 等高 */
    transition: .3s;
}
.advantage-box:hover {
    border-color: #79b91c;     /* 悬停变色 */
}
.partner-card {
    background: rgba(255, 255, 255, 0.85); /* 半透明白 */
    border-radius: 10px;
    padding: 60px 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.partner-card h4 {
    color: #000;          /* 黑色标题 */
    margin-bottom: 30px;
}
.partner-card img {
    max-height: 80px;     /* logo 统一高度 */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
/* 1. 仅右侧卡片整体下移 & 加高 */
.sohoj-client-donate-area .col-xl-6:last-child .partner-card {
    margin-top: 40px;          /* 下移距离 */
    padding: 0;                /* 先清空默认内边距 */
    min-height: 360px;         /* 想再长继续加 */
    display: flex;
    flex-direction: column;
   
    align-items: center;       /* 左右居中 */
}

/* 2. 标题再上提一点，logo 区自动居中 */
.partner-card h4 {
    margin: 20px 0 50px 0;        /* 只留下方 20px 空隙 */
    color: #000;
}
.partner-card .row {
    width: 100%;               /* 让 logo 行占满卡片宽度 */
    margin: 0;
}
.spacer-contact {
    height: 80px;   /* 想再空就调大 */
    display: block;
    width: 100%;
}
/* 强制保持绿底白字，不管 hover / active / ajax */
.btn-typ1.send-btn,
.btn-typ1.send-btn:hover,
.btn-typ1.send-btn:active,
.btn-typ1.send-btn:focus {
    background: #79b91c !important;
    color: #fff !important;
    border-color: #79b91c !important;
}
/* 右侧信息方块统一减高 */
.contact-info-box {
    min-height: 60px;   /* 原来是 110px，现在改 80px */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;  /* 块间距也可同步减小 */
}
.team-brief {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 4px;
    line-height: 1.3;
}
.single-module-card h5 {
    font-weight: 700 !important;
}
/* ========= 手机端 Corporate Engagement 专用修正 ========= */
@media (max-width: 576px) {
    /* 1. 强制文字换行，防止撑破 */
    .sohoj-single-cause-content h4,
    .sohoj-single-cause-content p {
        word-break: break-word;
        overflow-wrap: break-word;
        max-width: 100%;
    }

    /* 2. 让轮播恢复单栏，禁止左右箭头 */
    .sohoj-all-cause .sohoj-single-cause {
        width: 100% !important;
        margin: 0 auto 20px;
    }
    .sohoj-all-cause .owl-stage {
        transform: none !important;   /* 禁止左右位移 */
        width: 100% !important;
    }
    .sohoj-all-cause .owl-item {
        width: 100% !important;
    }
    .sohoj-all-cause .owl-nav {
        display: none !important;     /* 隐藏箭头 */
    }

    /* 3. 字号、按钮、图片自适应 */
    .sohoj-single-cause-content h4 {
        font-size: 18px;              /* 比桌面端略小 */
    }
    .sohoj-single-cause-content p {
        font-size: 15px;
    }
    .sohoj-single-cause-content .btn {
        width: 100%;                  /* 按钮撑满 */
        padding: 10px 15px;
        font-size: 15px;
    }
    .sohoj-single-cause img {
        height: auto;
        max-height: 200px;           /* 防止图片过高 */
        object-fit: cover;
    }
}
/* ========= 仅让手机端 Logo 变小，不动其它元素 ========= */
@media (max-width: 767px) {
    /* 1. 只限 Logo 图片宽度 */
    .header-logo a img {
        max-width: 140px !important;   /* 想再小就调 120/100  */
        height: auto;
    }

    /* 2. 如果模板给 Logo 区域加了很大的右 margin，可再补一句 */
    .header-logo {
        margin-right: 10px !important; /* 给汉堡按钮留点空 */
    }
}
/* === 手机端：Corporate Engagement 标题缩小 === */
@media (max-width: 576px) {
    .breadcrumb-content-box h2 {
        font-size: 28px !important;   /* 想再小就调 24/22 */
        line-height: 1.2;
    }
}