/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {

  --main-color-one: rgb(255, 102, 0) !important;
  --main-color-two: #ff6600 !important;
  --main-color-three: #43BC75;
  --main-color-four: rgb(255, 102, 0);
  /* --main-color-four: rgb(156, 51, 83); */
  --main-color-four-light: rgba(255, 102, 0,0.2);
  /* --main-color-four-light: rgba(156, 51, 83,0.2); */
  --main-color-grey-light:#dedede;
  --menu-hover:#dadada;
  --intense-primary:#fe4701;
  --main-color-five: #fff700;
  --secondary-color: rgb(255, 102, 0) !important;
  --secondary-color-two: #e78f08;
  --button-text:#768aa0;
  --slider-background:#fff;
  --heading-color: #3c2ed3;
  --white-color: #ffffff;
  --paragraph-color: #616161;
  --heading-font: "Open Sans Condensed", sans-serif;
  --body-font: "Roboto", sans-serif;
}

/*--------------------------------------------------------------
## Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
  color: #0073aa;
}

.has-strong-blue-background-color {
  background-color: #0073aa;
}

.has-lighter-blue-color {
  color: #229fd8;
}

.has-lighter-blue-background-color {
  background-color: #229fd8;
}

.has-very-light-gray-color {
  color: #eee;
}

.has-very-light-gray-background-color {
  background-color: #eee;
}

.has-very-dark-gray-color {
  color: #444;
}

.has-very-dark-gray-background-color {
  background-color: #444;
}

.category-area {
  position: relative;
}

.top-shapes img {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
}

.single-category-01 {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.single-category-01 .category-01-shape img {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  right: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-category-01 .category-01-shape img:nth-child(2) {
  visibility: hidden;
  opacity: 0;
}
.single-category-01:hover .category-01-shape img:nth-child(2) {
  visibility: visible;
  opacity: 1;
}
.single-category-01 .category-01-image img {
  margin: 0 auto;
}
.single-category-01 .category-01-content h4 a {
  margin-top: 20px;
  color: #002359;
  font-weight: 700;
  display: inline-block;
}

.single-category-01 .category-01-image img {
  margin: 0 auto;
  border-radius: 141% 155% 155% 198% / 112% 123% 195% 161%;
  max-width: 140px;
  height: 120px;
}
.single-category {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.single-category .category-image {
  position: relative;
  z-index: 2;
}
.single-category .category-image img {
  margin: 0 auto;
}
.single-category .category-image .category-shape img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.single-category .category-content.color-five h4 a:hover {
  color: var(--main-color-five);
}
.single-category .category-content h4 a {
  margin-top: 20px;
  color: #002359;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.single-category .category-content h4 a:hover {
  color: var(--main-color-four);
}
.category-content {
  margin-top: -55px;
  }

  h1, h2, h3, h4, h5, h6 {
    /* text-shadow: 0.5px 0.5px 1px white; */
  }

.featured-area {
  position: relative;
}

.section-shapes img:nth-child(1) {
  position: absolute;
  top: -50px;
  left: 0;
}
.section-shapes img:nth-child(2) {
  position: absolute;
  bottom: -50px;
  left: 0;
}

.featured-slider .slick-list {
  margin: -15px;
}

.single-featured {
  margin: 15px;
}
.single-featured .featured-image {
  position: relative;
}
.single-featured .featured-image .award-icon {
  background: var(--main-color-three);
  color: #fff;
  height: 40px;
  width: 40px;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.single-featured .progress-item .single-progressbar .progressbar {
  width: 100%;
  position: relative;
  border-radius: 10px !important;
  background-color: rgb(255, 255, 255) !important;
  box-shadow: 2px 1px 2px #a59d9d;
  padding: 2px;

}




.single-featured .progress-item .single-progressbar .progressbar .proggress {
  background-color: var(--main-color-four) !important;
  height: 7px !important;
  border-radius: 5px !important;
}
.single-featured .progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  color: #fff;
  left: 0%;
  top: -30px;
  background-color: var(--main-color-three);
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
}
.single-featured .progress-item .single-progressbar .progressbar .percentCount::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  border-right: 10px solid transparent;
  border-top: 6px solid #eeb560;
  

}
.single-featured .featured-contents {
  background: #fff;
  padding: 35px 20px;
}
.single-featured .featured-contents .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 23px;
}
.single-featured .featured-contents p {
  color: var(--paragraph-color);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 20px;
  line-height: 26px;
  font-size: 16px;
}
.single-featured .featured-contents .goal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* margin-bottom: 20px; */
}
.single-featured .featured-contents .goal .raised {
  color: var(--paragraph-color);
  font-size: 16px;
  font-family: var(--body-font);
  margin: 5px 0;
}
.single-featured .featured-contents .goal .raised .main-color-three {
  color: var(--main-color-three);
}
.single-featured .featured-contents .goal .raised .danger-color {
  color: #dc3545;
}

.single-featured-02 {
  background: #F2F3F5;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin: 15px;
}
.single-featured-02:hover::after {
  width: 380px;
  height: 380px;
}
.single-featured-02::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -88px;
  right: -100px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(15, 195, 147, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.single-featured-02 .featured-image img {
  border-radius: 10px;
  overflow: hidden;
}
/* .single-featured-02 .progress-item .single-progressbar .progressbar .proggress {
  display: none;
} */
.single-featured-02 .progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  left: auto !important;
  right: 0;
  top: -36px;
  padding: 3px 15px;
  font-size: 24px;
  border-radius:15px 15px 15px 0px;
  box-shadow: 4px 1px 3px #a59d9d;
  color: #d5dfeb;
  background-color: #e78f089c;
  font-weight: 800;
  text-shadow: 2px 2px 1px #a6680a;

}
/* .single-featured-02 .progress-item .single-progressbar .progressbar .percentCount::after {
  display: none;
} */
.single-featured-02 .featured-contents {
  background: unset;
  padding: 0;
}
.single-featured-02 .featured-contents .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 32px;
}
.single-featured-02 .featured-contents .feature-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-featured-02 .featured-contents .feature-flex .goal .raised {
  color: #61616170;
  font-size: 20px;
  font-weight: 400;
  font-family: var(--body-font);
  margin: 10px 0;
}
.single-featured-02 .featured-contents .feature-flex .goal .raised .main-color-three {
  color: var(--main-color-three);
}
.single-featured-02 .featured-contents .feature-flex .goal .raised .danger-color {
  color: #dc3545;
}
.single-featured-02 .featured-contents .feature-flex .goal .raised span {
  /* display: block; */
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}
.single-featured-02 .featured-contents .btn-wrapper .boxed-btn {
  padding: 13px 20px;
  float:right;
  background: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%), linear-gradient(180deg, hsl(0,0%,78%) 0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%);
}

.single-featured.style-02 {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}
.single-featured.style-02 .featured-image {
  position: relative;
}
.single-featured.style-02 .featured-image img {
  height: 100%;
  width: 100%;
  mask-image: url(../img/featured/mask-solid.png);
  -webkit-mask-image: url(../img/featured/mask-solid.png);
  mask-mode: alpha;
  -webkit-mask-mode: alpha;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.single-featured.style-02 .featured-contents {
  padding: 30px 0px 0;
}
.single-featured.style-02 .featured-contents .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 23px;
}
.single-featured.style-02 .featured-contents .progress-item .single-progressbar .progressbar {
  border-radius: 10px !important;
}
.single-featured.style-02 .featured-contents .progress-item .single-progressbar .progressbar .proggress {
  background-color: var(--main-color-three) !important;
}
.single-featured.style-02 .featured-contents .progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  color: #707070;
  left: 70% !important;
  top: 20px;
  background: none;
  padding: 2px 5px;
  font-size: 40px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.single-featured.style-02 .featured-contents .progress-item .single-progressbar .progressbar .percentCount::after {
  display: none;
}
.single-featured.style-02 .featured-contents .goal {
  display: block;
  margin-bottom: 30px;
}
.single-featured.style-02 .featured-contents .goal .raised {
  color: var(--heading-color);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--body-font);
  margin-top: 25px;
}
.single-featured.style-02 .featured-contents .goal .raised .main-color-three {
  color: var(--main-color-three);
}
.single-featured.style-02 .featured-contents .goal .raised .boxed-btn {
  color: #dc3545;
}
.single-featured.style-02 .featured-contents .btn-wrapper .boxed-btn {
  width: 100%;
}

.success-area {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.success-icon-shapes img {
  position: absolute;
  right: -100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.success-thums {
  position: relative;
  z-index: 2;
}
.success-thums img {
  padding: 25px 50px;
}
.success-thums::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  
  left: 0;
  top: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.success-contents {
  padding-left: 15px;
}
.success-contents p {
  margin-bottom: 30px;
  line-height: 26px;
}
.success-contents .boxed-btn {
  margin-top: 10px;
}
.success-contents .success-titles{
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 23px;
}

.success-thums-two{
  width: 450px;
  height: 450px;

}
.success-thums-two img{
  object-fit: cover;
  height: 100%;
  width: 100%;
  /* clip-path: polygon(58% 0, 100% 38%, 100% 60%, 100% 100%, 29% 100%, 0 74%, 0 0); */
  clip-path: polygon(31% -2px, 67.8% -1.75%, 95.44% 29.99%, 97.00% 69.75%, 68.2% 102.25%, 25.2% 100%, 26px 72.75%, 30px 93px);
}
.success-mask {
  position: relative;
}
.success-mask img, .success-thums img {
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  /* -webkit-mask-image: url(../img/success/success-solid.png);
  mask-image: url(../img/success/success-solid.png); */
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.success-mask2 {
  position: relative;
}
.success-mask2 img {
  height: 100%;
  width: 100%;
  mask-image: url(../img/success/success-solid.png);
  -webkit-mask-image: url(../img/success/success-solid.png);
  mask-mode: alpha;
  -webkit-mask-mode: alpha;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.about-area {
  position: relative;
}

.about-text-contents {
  padding-right: 15px;
}
.about-text-contents p {
  margin-bottom: 30px;
  line-height: 26px;
}
.about-text-contents .boxed-btn {
  margin-top: 10px;
}

.counter-child:nth-child(4n+1) .single-counterup-02 .icon {
  color: #F86048;
}
.counter-child:nth-child(4n+1) .single-counterup-02:hover {
  background:#F86048 ;
}

.counter-child:nth-child(4n+2) .single-counterup-02 .icon {
  color: var(--main-color-three);
}
.counter-child:nth-child(4n+2) .single-counterup-02:hover {
  background: var(--main-color-three);
}
.counter-child:nth-child(4n+3) .single-counterup-02 .icon {
  color: #FF235F;
}
.counter-child:nth-child(4n+3) .single-counterup-02:hover {
  background: #FF235F;
}
.counter-child:nth-child(4n+4) .single-counterup-02 .icon {
  color: #9238A4;
}
.counter-child:nth-child(4n+4) .single-counterup-02:hover {
  background: #9238A4;
}

.single-counterup-02 {
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 240px;
  min-width: 240px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.single-counterup-02:hover {
  background: var(--main-color-three);
}
.single-counterup-02:hover .icon {
  color: #fff !important;
  z-index: 9;
  transition: all .3s;
}
/*.single-counterup-02:hover .icon .icon-shapes img:nth-child(2) {
  visibility: visible;
  opacity: 1;
}*/
.single-counterup-02:hover .content .title {
  color: #fff;
}
.single-counterup-02:hover .content .count-wrap {
  color: #fff;
}
.single-counterup-02 .icon {
  font-size: 70px;
  line-height: 80px;
  color: var(--main-color-four) !important;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.single-counterup-02 .icon .icon-shapes {
  min-width: 150px;
}
.single-counterup-02 .icon .icon-shapes img {
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  width: calc(100% + 100px);
}
.single-counterup-02 .icon .icon-shapes img:nth-child(2) {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.single-counterup-02 .content .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--body-font);
  color: var(--paragraph-color);
  margin-top: 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.single-counterup-02 .content .count-wrap {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  color: #fff;
  font-family: var(--heading-font);
  color: var(--paragraph-color);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.counter-child:nth-child(odd) .single-counterup-02.style_02 {
  top: 30px;
  position: relative;
}

.single-counterup-02.style_02 {
  margin-bottom: 30px;
  padding: 23px 40px 15px;
}
.single-counterup-02.style_02:hover {
  background: var(--main-color-five);
}

.event-child:nth-child(4n+2) .events-flex-contents .events-date {
  background: #FCB11A;
}
.event-child:nth-child(4n+3) .events-flex-contents .events-date {
  background: #43BC75;
}
.event-child:nth-child(4n+4) .events-flex-contents .events-date {
  background: #9238A4;
}

.single-events .events-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.single-events .events-flex-contents .events-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 150px;
  min-width: 150px;
  text-align: center;
  background: #F86048;
  color: #fff;
}
.single-events .events-flex-contents .events-date .events-boxe .events-title {
  font-size: 50px;
  font-family: var(--heading-font);
  font-weight: 700;
}
.single-events .events-flex-contents .events-date .events-boxe .event-para {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.single-events .events-flex-contents .events-content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 32px;
}
.single-events .events-flex-contents .events-content .content-para {
  color: var(--paragraph-color);
  font-size: 16px;
  line-height: 26px;
}
.single-events .events-flex-contents .events-content .event-place {
  font-size: 16px;
  font-weight: 500;
  color: #F86048;
  margin-top: 12px;
}
.single-events .events-flex-contents .events-content .event-place::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  color: var(--main-color-three);
  margin-right: 10px;
}
.single-events.style-02 .events-flex-contents .events-date {
  border-radius: 50%;
}
.single-events.style-02:nth-child(3n+2) .events-flex-contents .events-date {
  background: #9238A4;
}
.single-events.style-02:nth-child(3n+3) .events-flex-contents .events-date {
  background: #FCB11A;
}
.single-events.style-03 .events-flex-contents .events-date {
  position: relative;
  z-index: 2;
  background: none;
}
.single-events.style-03 .events-flex-contents .events-date img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.events-thumbs-man img {
  border-radius: 20px;
}

.recent-area {
  position: relative;
}

.recent-single {
  padding: 20px;
  background: #fff;
}
.recent-single .recent-thumb {
  position: relative;
}
.recent-single .progress-item .single-progressbar .progressbar {
  width: 100%;
  position: relative;
  background-color: #f4f4f4;
}
.recent-single .progress-item .single-progressbar .progressbar .proggress {
  background-color: var(--main-color-three) !important;
}
.recent-single .progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  color: #fff;
  left: 0%;
  top: -30px;
  background-color: var(--main-color-three);
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
}
.recent-single .progress-item .single-progressbar .progressbar .percentCount::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  border-top: 10px solid var(--main-color-three);
  border-right: 10px solid transparent;
}
.recent-single .recent-contents {
  background: #fff;
  padding: 25px 0px 0;
  word-break: break-word;
}
.recent-single .recent-contents .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 20px;
}
.recent-single .recent-contents p {
  color: var(--paragraph-color);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 50px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
}
.recent-single .recent-contents .goal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 20px;
}
.recent-single .recent-contents .goal .raised {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--body-font);
  margin: 5px 0;
}
.recent-single .recent-contents .goal .raised span {
  display: block;
  margin-top: 7px;
  font-weight: 700;
}
.recent-single .recent-contents .goal .raised .main-color-three {
  color: var(--main-color-three);
}
.recent-single .recent-contents .goal .raised .danger-color {
  color: #dc3545;
}
.recent-single .recent-contents .btn-wrapper .boxed-btn {
  width: 100%;
}

.recent-childs:nth-child(3n+2) .single-recent-02::after {
  background: rgba(252, 177, 26, 0.2);
}
.recent-childs:nth-child(3n+3) .single-recent-02::after {
  background: rgba(146, 56, 164, 0.2);
}

.single-recent-02 {
  background: linear-gradient(0deg, #fefefe 0%, #fdfdfd 100%) !important;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  z-index: 2;
  /* overflow: hidden; */
  box-shadow: inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 1.68px 2.27px 5.74px -3.37px rgba(0, 0, 0, 0.6);
}
.single-recent-02:hover::after {
  width: 380px;
  height: 380px;
}
.single-recent-02::after {
  display:none;
  content: "";
  position: absolute;
  z-index: -1;
  top: -88px;
  right: -100px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(15, 195, 147, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.single-recent-02 .recent-image img {
  border-radius: 10px;
  /* height: 100%;
  width: 100%; */
  height: 300px;
  width: 375px;
  object-fit: cover;
}
.single-recent-02 .recent-contents {
  background: unset;
  padding: 0;
}
.single-recent-02 .recent-contents .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 32px;
  margin-top: 25px;
}
.single-recent-02 .recent-contents .recent-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.goal .raised {
  font-weight: 400;
  font-family: var(--body-font);
  color: #61616170;
  font-size: 20px;
  margin: 10px 0;

}
.goal .raised .main-color-three {
  color: var(--main-color-four);
  font-weight: 700;
}
.goal .raised .danger-color {
  color: var(--paragraph-color);
}
.goal .raised span {
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  margin-top: 5px;
}
.single-recent-02 .recent-contents .recent-flex .progress-item .single-progressbar .progressbar .proggress {
  background-color: none;
  display: none;
}
.single-recent-02 .recent-contents .recent-flex .progress-item .single-progressbar .progressbar .percentCount {
  position: unset;
  color: #fff;
  left: 0%;
  top: -10px;
  background-color: var(--main-color-four);
  padding: 2px 20px;
  font-size: 22px;
  font-weight: 500;
  border-radius: 30px;
}
.single-recent-02 .recent-contents .recent-flex .progress-item .single-progressbar .progressbar .percentCount::after {
  display: none;
}
.single-recent-02 .recent-contents .btn-wrapper .boxed-btn {
  padding: 13px 20px;
  float: right;
}

.recent-single.style-02.style-02 {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.recent-single.style-02.style-02:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.recent-single.style-02.style-02::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: url(/assets/img/recent/recent-shape.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.recent-single.style-02.style-02 .recent-image {
  position: relative;
}
.recent-single.style-02.style-02 .recent-contents {
  padding: 30px 0px 0;
}
.recent-single.style-02.style-02 .recent-contents .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 23px;
}
.recent-single.style-02.style-02 .recent-contents .progress-item .single-progressbar .progressbar {
  border-radius: 10px !important;
}
.recent-single.style-02.style-02 .recent-contents .progress-item .single-progressbar .progressbar .proggress {
  background-color: var(--main-color-three) !important;
}
.recent-single.style-02.style-02 .recent-contents .progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  color: #707070;
  left: 63% !important;
  top: 20px;
  background: none;
  padding: 2px 5px;
  font-size: 40px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.recent-single.style-02.style-02 .recent-contents .progress-item .single-progressbar .progressbar .percentCount::after {
  display: none;
}
.recent-single.style-02.style-02 .recent-contents .goal {
  display: block;
  margin-bottom: 30px;
}
.recent-single.style-02.style-02 .recent-contents .goal .raised {
  color: var(--heading-color);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--body-font);
  margin-top: 25px;
}
.recent-single.style-02.style-02 .recent-contents .goal .raised span {
  display: unset;
}
.recent-single.style-02.style-02 .recent-contents .goal .raised .main-color-three {
  color: var(--main-color-three);
}
.recent-single.style-02.style-02 .recent-contents .goal .raised .boxed-btn {
  color: #dc3545;
}
.recent-single.style-02.style-02 .recent-contents .btn-wrapper .boxed-btn {
  width: 100%;
}

.blog-slider .slick-list {
  margin: -15px;
}

.single-blog {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 15px;
}
.single-blog:hover {
  background: #F3F0EB;
  border-color: #F3F0EB;
}
.single-blog .blog-thums {
  position: relative;
  z-index: 1;
  margin-top: -48px;
}
.single-blog .blog-thums .blog-date-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 70px;
  width: 70px;
  background: #FCB11A;
}
.single-blog .blog-thums .blog-date-content.color-two {
  background: var(--main-color-three);
}
.single-blog .blog-thums .blog-date-content.color-three {
  background: #F86048;
}
.single-blog .blog-thums .blog-date-content .blog-dates h4 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
.single-blog .blog-thums .blog-date-content .blog-dates span {
  display: block;
  font-size: 12px;
  color: #fff;
}
.blog-contents {
  padding: 10px;
}
.blog-contents .blog-tag {
  color: var(--paragraph-color);
  font-size: 16px;
  margin-bottom: 10px;
  display: none;
}

.single-blog .blog-thums img:hover {
  box-shadow: 4px 4px 12px black;
}

.blog-contents .blog-tag::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  color: var(--main-color-three);
  margin-right: 10px;
}
.blog-contents .blog-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-contents .blog-title:hover {
  color: var(--paragraph-color);
}
.blog-contents p {
  font-size: 18px;
  line-height: 26px;
  color: #fffefe;
  text-shadow: 1px 1px 2px #000;

}

.single-blog.style-02 {
  border: none;
}
.single-blog.style-02:hover {
  background: none;
}
.single-blog.style-02 .blog-flexs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin: 8px;
  z-index: 2;
  position: relative;

  background: rgba(255,255,255,0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);


  margin-top: -82px;
width: 91%;
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.96);
border-radius: 20px;

}

.single-blog.style-02 .blog-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin: 8px;
  z-index: 2;
  position: relative;

  background: rgba(255,255,255,0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);


  margin-top: -82px;
width: 91%;
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.96);
border-radius: 20px;

}

.single-blog.style-02 .blog-flexs .blog-date-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 70px;
  min-width: 70px;
  color: #fff;
  background: var(--main-color-four) !important;
border-radius: 20px;
}
.single-blog.style-02 .blog-flexs .blog-date-content .blog-dates h4 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
.single-blog.style-02 .blog-flexs .blog-date-content .blog-dates h4:hover {
  color: var(--main-color-four);
}
.single-blog.style-02 .blog-flexs .blog-date-content .blog-dates span {
  display: block;
  font-size: 12px;
  color: #fff;
}
.single-blog.style-02 .blog-flexs .blog-contents {
  padding: 0;
}
.single-blog.style-02 .blog-flexs .blog-contents .blog-title {
  margin-bottom: 0;
  padding-top: 10px;
}

.blog-childs:nth-child(3n+2) .single-blog.style-02 .blog-flexs .blog-date-content {
  background: #9238A4;
}
.blog-childs:nth-child(3n+3) .single-blog.style-02 .blog-flexs .blog-date-content {
  background: #e78f08;
}

.single-slider {
  margin: 15px;
}

.client-slider .slick-list {
  margin: -15px;
}

/*--------------------------------------------------------------
	## WIdgets-2
--------------------------------------------------------------*/
/* .about_us_widget.style-04 p {
    color: $white;
} */
.widget.footer-widget.style-04 ul li a {
  color: #fff;
}

.widget.footer-widget.style-04 ul li a:hover {
  color: var(--main-color-three);
}

.widget.footer-widget .social_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget.footer-widget .social_icon li {
  margin: 3px;
}

.widget.footer-widget .social_icon li a {
  font-size: 14px;
  color: #fff;
}

.widget.footer-widget.style-04 .subscribe-form {
  position: relative;
  z-index: 0;
}
.widget.footer-widget.style-04 .subscribe-form .form-group .form-control {
  background-color: #fff;
  color: var(--paragraph-color);
  padding: 10px 60px 10px 20px;
}
.widget.footer-widget.style-04 .subscribe-form .form-group .form-control::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #616161;
}
.widget.footer-widget.style-04 .subscribe-form .form-group .form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #616161;
}
.widget.footer-widget.style-04 .subscribe-form .form-group .form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #616161;
}
.widget.footer-widget.style-04 .subscribe-form .form-group .form-control:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #616161;
}
.widget.footer-widget.style-04 .subscribe-form .submit-btn {
  background-color: var(--main-color-three);
}
.widget.footer-widget.style-04 .subscribe-form .submit-btn:hover {
  background-color: #fff;
  color: var(--main-color-three);
}
.widget.footer-widget.style-04 .subscribe-form .submit-btn:focus {
  border: none;
}

.widget.footer-widget.widget_instagram .instagram-thumbs .single-thumb {
  display: inline-block;
  margin: 2px;
  max-height: 90px;
  max-width: 90px;
}
.widget.footer-widget.widget_instagram .instagram-thumbs .single-thumb img {
  width: 100%;
}

.copyright-area.style-04 .copyright-area-inner {
  color: #fff;
  text-align: right;
}

.copyright-area .copyright-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
}

.copyright-area .copyright-list ul li {
  list-style: none;
  text-align: left;
  line-height: 1;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.copyright-area .copyright-list ul li:hover {
  color: var(--main-color-three);
}
.copyright-area .copyright-list ul li:not(:last-child) {
  padding-right: 5px;
  border-right: 1px solid #fff;
}
.copyright-area .copyright-list ul li:not(:first-child) {
  padding-left: 5px;
}

.back-to-top.style-04 {
  background-color: var(--main-color-three);
}

.back-to-top.style-05 {
  background-color: var(--main-color-four);
}

.back-to-top.style-06 {
  background-color: var(--main-color-five);
}

.overlay-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f0eb), to(white));
  background: linear-gradient(180deg, #f3f0eb 0%, white 100%);
}

.rise-area {
  position: relative;
}
.rise-area.style_02 {
  background: var(--main-color-five);
  margin: 0 80px;
}
.rise-area.style_02 .rise-flex-contents {
  margin-top: 0;
  border-radius: 0;
  background: none;
  padding: 50px 20px 20px;
}
.rise-area.style_02 .rise-flex-contents::before {
  background: var(--main-color-five);
  width: 100%;
  right: 0;
}
.rise-area.style_02 .rise-flex-contents .single-donate .nice-selects .nice-select .list {
  width: 100%;
  background: var(--main-color-five);
}
.rise-area.style_02 .rise-flex-contents .single-donate .nice-selects .nice-select .list li:hover {
  background: #fff;
  color: var(--main-color-five);
}
.rise-area.style_02 .rise-flex-contents .single-donate .nice-selects .nice-select .list li.focus {
  color: #fff;
  background: var(--main-color-five);
}
.rise-area.style_02 .rise-flex-contents .single-donate .nice-selects .nice-select .list li.focus:hover {
  background: #fff;
  color: var(--main-color-five);
}
.rise-area.style_02 .rise-flex-contents .single-donate .donate-btn {
  color: var(--main-color-five);
}
.rise-area.style_02 .rise-flex-contents .single-donate .donate-btn:hover {
  background: var(--main-color-five);
  color: #fff;
}

.rise-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--main-color-four);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 50px 60px 20px;
  border-radius: 100px;
  margin-top: -100px;
  position: relative;
  z-index: 222;
}
.rise-flex-contents::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 10000px;
  top: 0;
  right: 100px;
  background: var(--main-color-four);
  z-index: -1;
}
.rise-flex-contents .single-donate .title {
  color: #fff;
  font-weight: 700;
}
.rise-flex-contents .single-donate .form--control {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  height: 55px;
  border-radius: 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--heading-font);
  text-align: center;
  padding: 0 10px;
  max-width: 200px;
}
.rise-flex-contents .single-donate .form--control::-webkit-outer-spin-button,
.rise-flex-contents .single-donate .form--control input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.rise-flex-contents .single-donate .nice-selects .nice-select {
  font-size: 16px;
  font-family: var(--heading-font);
  font-weight: 700;
  color: #fff;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  height: 55px;
  width: 300px;
  line-height: 55px;
  padding: 0 20px;
}
.rise-flex-contents .single-donate .nice-selects .nice-select.open::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.rise-flex-contents .single-donate .nice-selects .nice-select::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 8px;
}
.rise-flex-contents .single-donate .nice-selects .nice-select .nice-select-search-box {
  background: none;
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 5px 0;
}
.rise-flex-contents .single-donate .nice-selects .nice-select .list {
  width: 100%;
  background: var(--main-color-four);
}
.rise-flex-contents .single-donate .nice-selects .nice-select .list li {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.rise-flex-contents .single-donate .nice-selects .nice-select .list li:hover {
  background: #fff;
  color: var(--main-color-four);
}
.rise-flex-contents .single-donate .nice-selects .nice-select .list li.focus {
  color: #fff;
  background: var(--main-color-four);
}
.rise-flex-contents .single-donate .nice-selects .nice-select .list li.focus:hover {
  background: #fff;
  color: var(--main-color-four);
}
.rise-flex-contents .single-donate .donate-btn {
  background: none;
  font-size: 20px;
  padding: 10px 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: var(--heading-font);
  font-weight: 700;
  color: var(--main-color-four);
  background: #fff;
  width: 100%;
  outline: none;
  position: relative;
  border-radius: 30px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 20px;
  height: 55px;
}
.rise-flex-contents .single-donate .donate-btn:hover {
  background: var(--main-color-four);
  border-color: rgba(255, 255, 255, 0.5);
}
.rise-flex-contents .single-donate .donate-btn::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  margin-left: 15px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header-area.header-bg-04 {
  background-color: var(--white-color);
  background-position: center;
  background-size: cover;
  position: relative;
  margin-top: 70px;
}
.header-area.header-bg-04::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--slider-background);
  z-index: -1;
}
.header-area.header-bg-05 {
  background-color: #F3F0EB;
  background-position: center;
  background-size: cover;
  position: relative;
}
.header-area.header-bg-05::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 26, 24, 0.98);
  z-index: -1;
}
.header-area .header-inner-04 .title img {
  position: absolute;
  top: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 310px;
}
.header-area .header-inner-04 .title {
  text-transform: initial;
  position: relative;
  font-size: 100px;
}

.header-area .inner-right-contents {
  max-width: 430px;
  margin-left: auto;
  box-shadow: 0px 0px 5px var(--paragraph-color);
border-radius: 15px;
}
.header-area .inner-right-contents .donate-title {
  background-color: var(--main-color-four);
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  font-family: var(--heading-font);
  text-align: center;
  padding: 13px 0;
  -webkit-animation: none;
  animation: none;
  border-radius:15px 15px 0px 0px;
}
.header-area .inner-right-contents .inner-content-all {
  background-color: rgba(228, 225, 223, 0.4);
  padding: 30px;
  border-radius:0px 0px 15px 15px;
  border: 1px solid var(--main-color-four-light);
}
.header-area .inner-right-contents .inner-content-all p {
  background: #fff;
  padding: 10px 20px;
  color: #333;
  font-size: 16px;
}
.header-area .inner-right-contents .inner-content-all .nice-selects .nice-select {
  background-color: #fff;
  color: #333;
  border-radius: 0px;
  border: solid 1px var(--main-color-four-light);
  width: 100%;
  height: 55px;
  line-height: 55px;
  margin-bottom: 20px;
}
.header-area .inner-right-contents .inner-content-all .nice-selects .nice-select .current {
  color: #333;
  -webkit-animation: none;
  animation: none;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 55px;
}
.header-area .inner-right-contents .inner-content-all .nice-selects .nice-select .nice-select-search-box {
  background: none;
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 5px 0;
}
.header-area .inner-right-contents .inner-content-all .nice-selects .nice-select .list {
  width: 100%;
}
.header-area .inner-right-contents .inner-content-all .nice-selects .nice-select::after {
  display: none;
}
.header-area .inner-right-contents .inner-content-all .nice-selects .nice-select::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header-area .inner-right-contents .inner-content-all .nice-selects .nice-select.open::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.header-area .inner-right-contents .inner-content-all .donate-btn {
  background: none;
  font-size: 20px;
  padding: 10px 5px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  font-family: var(--heading-font);
  font-weight: 700;
  color: #fff;
  width: 100%;
  outline: none;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header-area .inner-right-contents .inner-content-all .donate-btn:hover {
  background: var(--main-color-three);
}
.header-area .inner-right-contents .inner-content-all .donate-btn:hover::after {
  margin-left: 5px;
}
.header-area .inner-right-contents .inner-content-all .donate-btn::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  margin-left: 15px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header-area .inner-right-contents .inner-content-all .donate-input .form--control {
  height: 50px;
  outline: none;
  border: 0;
  background: #fff;
  width: 100%;
  text-align: center;
  color: #002359;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid var(--main-color-four-light);
}
.header-area .inner-right-contents .inner-content-all .donate-input .donate-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
  padding: 0;
}
.header-area .inner-right-contents .inner-content-all .donate-input .donate-lists li {
  list-style: none;
  border: 1px solid var(--main-color-four-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 55px;
  width: 78px;
  color: #000;
  margin: 5px 0;
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;

  color: black;
background: var(--main-color-grey-light);

}
.header-area .inner-right-contents .inner-content-all .donate-input .donate-lists li.active {
  background: var(--main-color-four);
}
.header-area .inner-right-contents .inner-content-all .donate-input .donate-lists li:hover {
  background: var(--main-color-four);
  color: var(--white-color);
}

.banner-mask-contents .banner-mask-image {
  position: relative;
  height: 672px;
  width: 938px;
}
.banner-mask-contents .banner-mask-image img {
  height: 100%;
  width: 100%;
  -webkit-mask-image: url("../img/banner/mask-solid.png");
  mask-image: url("../img/banner/mask-solid.png");
  mask-mode: match-source;
  -webkit-mask-mode: match-source;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.header-slider-new .inner-padding {
  padding: 200px 80px 80px;
}



/*new style texty*/



.header-area {
  padding: 290px 0 245px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.header-area.style-01 {
  padding: 255px 0 295px;
}
.header-area.style-02 {
  padding: 235px 0 295px;
}
.header-area.header-bg {
  background-color: #000;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.header-area.header-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(117, 0, 98, 0.8)), to(rgba(238, 11, 82, 0.8)));
  background: linear-gradient(360deg, rgba(117, 0, 98, 0.8) 0%, rgba(238, 11, 82, 0.8) 100%);
  z-index: -1;
}
.header-area.header-bg-02 {
  background-color: #000;
  background-position: center;
  background-size: cover;
  position: relative;
}
.header-area.header-bg-02::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(104, 198, 178, 0.6);
  z-index: -1;
}
.header-area.header-bg-03 {
  background-color: #000;
  background-position: center;
  background-size: cover;
  position: relative;
  height: 850px;
}
.header-area.header-bg-03::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 102, 0, 0.5);
  z-index: -1;
}
.owl-carousel{
  top:1px;
  margin-bottom: 80px;
}


.header-area.header-bg-04 {
  background-color: var(--white-color);
  background-position: center;
  background-size: cover;
  position: relative;
}
.header-area.header-bg-04::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--slider-background);
  z-index: -1;
}
.header-area.header-bg-05 {
  background-color: #F3F0EB;
  background-position: center;
  background-size: cover;
  position: relative;
}
.header-area.header-bg-05::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 26, 24, 0.98);
  z-index: -1;
}
.header-area .header-inner {
  overflow: hidden;
}
.header-area .header-inner-02 {
  overflow: hidden;
}
.header-area .header-inner-02 .paragraph-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 40px;
  display: inline-block;
}
.header-area .header-inner-02 .title {
  text-transform: initial;
}
.header-area .header-inner-04 .title {
  text-transform: initial;
  font-size: 75px;
  font-weight: 700;
  position: relative;
}
.header-area .header-inner-04 .title .tdd {
  text-transform: initial;
  position: relative;
  font-size: unset;
  font-weight: 700;
}

.header-area .header-inner-04 .title img {
  position: absolute;
  top: 120px;
  left: 0;
  max-width: 310px;
  z-index: 1;
}
.header-area .header-inner-05 .title {
  text-transform: initial;
  position: relative;
  font-size: 100px;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}
.header-area .header-inner-05 .title span {
  font-size: unset;
  display: inline-block;
  font-weight: unset;
  -webkit-animation: none !important;
  animation: none !important;
  background: var(--main-color-four);
  line-height: 1;
  padding: 3px 15px 12px 13px;
}
.header-area .icon {
  width: 80px;
  height: 80px;
}
.header-area .title {
  font-size: 120px;
  line-height: 130px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  margin-bottom: 30px;
}
.header-area p {
  font-size: 20px;
  line-height: 34px;
}
.header-area span {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  display: block;
}

.header-area.banner-padiing {
  padding: 100px 0 150px;
}

.header-area.banner-padiing-02 {
  padding: 300px 0 350px;
}

.header-slider-four .owl-item.active span {
  -webkit-animation: none;
  animation: none;
}

.header-slider-new {
  background: #F3F0EB;
  padding-left: 80px;
  padding-right: 80px;
  margin-bottom: -6px;
}

.header-slider-new .slick-slide.slick-current .header-inner-06 .title {
  -webkit-animation: flipInX 2s 1s both;
  animation: flipInX 2s 1s both;
}

.header-area .header-inner-06 .title {
  font-size: 75px;
  line-height: 90px;
}
.header-area .header-inner-06 .title span {
  display: inline-block;
  position: relative;
  font-size: unset;
  font-weight: unset;
  z-index: 2;
  line-height: 1;
  padding: 0 10px 20px;
}
.header-area .header-inner-06 .title span::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: var(--main-color-five);
  z-index: -1;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.header-area .header-inner-06 .progress-wrapper {
  margin-top: 50px;
}
.header-area .header-inner-06 .progress-wrapper .targets {
  font-size: 20px;
  font-weight: 400;
  margin-top: 15px;
}
.header-area .header-inner-06 .progress-wrapper .progress-item .single-progressbar {
  max-width: 330px;
}
.header-area .header-inner-06 .progress-wrapper .progress-item .single-progressbar .progressbar {
  width: 100%;
  position: relative;
  background-color: #707070 !important;
  border-radius: 10px !important;
}
.header-area .header-inner-06 .progress-wrapper .progress-item .single-progressbar .progressbar .proggress {
  background-color: var(--main-color-five) !important;
}
.header-area .header-inner-06 .progress-wrapper .progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  color: var(--main-color-five);
  left: 105% !important;
  top: -30px;
  background: none;
  font-family: var(--heading-font);
  padding: 2px 5px;
  font-size: 40px;
  font-weight: 700;
}
.header-area .header-inner-06 .progress-wrapper .progress-item .single-progressbar .progressbar .percentCount::after {
  display: none;
}

.inner-right-contents {
  max-width: 430px;
  margin-left: auto;
}
.inner-right-contents .donate-title {
  background-color: var(--main-color-three);
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  font-family: var(--heading-font);
  text-align: center;
  padding: 13px 0;
  -webkit-animation: none;
  animation: none;
}
.inner-right-contents .inner-content-all {
  background-color: rgba(6, 2, 39, 0.5);
  padding: 30px;
}
.inner-right-contents .inner-content-all p {
  background: #fff;
  padding: 10px 20px;
  color: #333;
  font-size: 16px;
}
.inner-right-contents .inner-content-all .nice-selects .nice-select {
  background-color: #fff;
  color: #333;
  border-radius: 0px;
  border: solid 1px #333;
  width: 100%;
  height: 55px;
  line-height: 55px;
  margin-bottom: 20px;
}
.inner-right-contents .inner-content-all .nice-selects .nice-select .current {
  color: #333;
  -webkit-animation: none;
  animation: none;
  font-size: 16px;
  font-weight: 400;
}
.inner-right-contents .inner-content-all .nice-selects .nice-select .nice-select-search-box {
  background: none;
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 5px 0;
}
.inner-right-contents .inner-content-all .nice-selects .nice-select .list {
  width: 100%;
}
.inner-right-contents .inner-content-all .nice-selects .nice-select::after {
  display: none;
}
.inner-right-contents .inner-content-all .nice-selects .nice-select::before {
  content: "\f107";
  font-family: 'Line Awesome Free';
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.inner-right-contents .inner-content-all .nice-selects .nice-select.open::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.inner-right-contents .inner-content-all .donate-btn {
  background: none;
  font-size: 20px;
  padding: 10px 5px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  font-family: var(--heading-font);
  font-weight: 700;
  color: #fff;
  width: 100%;
  outline: none;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.inner-right-contents .inner-content-all .donate-btn:hover {
  background: var(--main-color-three);
}
.inner-right-contents .inner-content-all .donate-btn:hover::after {
  margin-left: 5px;
}
.inner-right-contents .inner-content-all .donate-btn::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  margin-left: 15px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.inner-right-contents .inner-content-all .donate-input .form--control {
  height: 50px;
  outline: none;
  border: 0;
  background: #fff;
  width: 100%;
  text-align: center;
  color: #002359;
  font-size: 20px;
  font-weight: 700;
}
.inner-right-contents .inner-content-all .donate-input .donate-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
  padding: 0;
}
.inner-right-contents .inner-content-all .donate-input .donate-lists li {
  list-style: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 55px;
  width: 78px;
  color: #fff;
  margin: 5px 0;
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.inner-right-contents .inner-content-all .donate-input .donate-lists li.active {
  background: var(--main-color-three);
}
.inner-right-contents .inner-content-all .donate-input .donate-lists li:hover {
  background: var(--main-color-three);
}

.banner-mask-contents .banner-mask-image {
  position: relative;
  height: 672px;
  width: 938px;
}
.banner-mask-contents .banner-mask-image img {
  height: 100%;
  width: 100%;
  -webkit-mask-image: url("../img/banner/mask-solid.png");
  mask-image: url("../img/banner/mask-solid.png");
  mask-mode: match-source;
  -webkit-mask-mode: match-source;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.header-slider-new .inner-padding {
  padding: 200px 80px 80px;
}


.section-bg-2{
  background: #F3F0EB;
}

.section-bg-3{
  background: #F2F3F5;
}
/* .section-title span{
  display: block;
} */
.section-title .title{
  position: relative;
  display: inline-block;

}
.section-title .title img{
  position: absolute;
  right: 0;
  top: 20px;
}

.boxed-btn.btn-color-three{
  background-color: var(--main-color-three);
 
}
.boxed-btn.btn-dander{
  background-color: #dc3545;
  /* color: var(--main-color-four); */
}
.boxed-btn.btn-violet{
  background-color: #9238A4;
  color: #fff;
}


.progress-item .single-progressbar.style-01 .progressbar .percentCount {
  background-color: var(--main-color-four);
}

.progress-item .single-progressbar.style-01 .progressbar .percentCount::after {
  border-top: 10px solid var(--main-color-four);
}

.progress-item .single-progressbar .progressbar {
  width: 100%;
  position: relative;
  background-color: #f4f4f4;
}

.progress-item .single-progressbar .progressbar .proggress {
  height: 5px;
  width: 10px;
}

.progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  color: white;
  left: 0%;
  top: -30px;
  background-color: #14b3e4;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;



}

.progress-item .single-progressbar .progressbar .percentCount::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  border-top: 10px solid var(--secondary-color);
  border-right: 10px solid transparent;
}

.boxed-btn.secondary-color-two{
  background-color: var(--secondary-color-two);
  color: #fff;
}


.category-slider .single-category .category-image img {
  margin: 0 auto;
  border-radius: 9%;
  max-width: 225px;
  height: 225px;
}

.single-category .category-image .category-shape img {
  position: absolute;
  top: -10px;
  left: -10px;
  right: 0;
  height: calc(100% + 10px);
  width: calc(100% + 10px);
  margin: 0 auto;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.section-title.section-title-five .title {
  font-size: 35px;
}

.section-title.section-title-five .title span {
  position: relative;
  z-index: 2;
  line-height: 1;
  padding: 10px 10px 15px;
  background: none;
  color: #fff;
}
.section-title.section-title-five .title span::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: var(--main-color-five);
  z-index: -1;
  -webkit-transform: rotate(
          -5deg);
  transform: rotate(
          -5deg);
}
.single-flag-contribute .thumb{
  position: relative;
}
.single-flag-contribute .flag-icon{
  display:none !important;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  background-color: #BD081C;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  transition: all .3s;
}
.flag-icon:hover{
  background: #fff;
  color: #BD081C;
}
.author-data-tab .tabs{
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

.author-data-tab .tabs li{
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  cursor: pointer;
  background: none;
  margin-top: 10px;
  transition: all .3s;
}
.author-data-tab .tabs li:not(:last-child){
  /* margin-right: 20px */
}
.author-data-tab .tabs li.active{
  color: #fff;
  background-color: var(--main-color-four) !important;
  border-bottom: 4px solid var(--white-color);
  
}
.author-data-tab .tabs li:hover{

  color: var(--white-color);
  background-color: var(--paragraph-color);
  border-bottom-color: white;

}

.tab-area-new .tab-content{
  display: none;
}
.tab-area-new .tab-content.active{
  display: block;
}

.tab-area-new .single-tabs{
  margin-top: 50px;
}

.success-contents-all{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.success-contents-all .success-thums-two{
  max-width: 500px;
  max-height: 400px;
  margin: 0;
  padding: 0;
}
.success-contents-all .single-success-images img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  height: 400px;
  width: 500px;
  position: relative;
  margin-left: -19px;
}



.slick-slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.slick-slider .slick-dots li {
  list-style: none;

}
.slick-slider .slick-dots li.slick-active button{
  background: var(--main-color-four);
}
.slick-slider .slick-dots li button {
    border-radius: 50px;
    border: 0;
    outline: none;
    text-indent: -99999px;
    background: #c9c4c4;
    height: 15px;
    width: 15px;
    margin: 0 10px;
}

.author-data-new{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}


.author-data-new .medical-documents{
  display: flex;
  align-items: center;
}

.medical-document-btn .boxed-btn{
  padding: 13px 20px;
}

.success-page .boxed-btn{
  padding: 6px 10px;
}

.user-dashboard-wrapper .nice-select.form-control {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 0 12px;
}
.donation_wrapper .single_amount_wrapper .single_amount.selected {
  background-color: var(--heading-color);
  color: #fff;
}
.inner-content-all .donate-btn{
  width: 100%;
  display: inline-block;
  text-align: center;
}

.support-ticket-wrapper {
  padding: 50px;
  box-shadow: 0 0 40px 0 rgb(0 0 0 / 5%);
}

.support-ticket-wrapper .login-form p {
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 50px;
}

.support-ticket-wrapper button[type=submit]:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.account-form .btn-wrapper {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

.support-ticket-wrapper .title {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.support-ticket-wrapper .form-control {
  border: 1px solid #e2e2e2;
  border-radius: 0;
  height: 50px;
  width: 100%;
}

.support-ticket-wrapper button[type=submit] {
  display: inline-block;
  border: none;
  background-color: var(--main-color-four);
  color: #fff;
  padding: 10px 30px;
  font-weight: 600;
  margin-top: 20px;
  transition: all .4s;
}
.support-ticket-wrapper .form-group{
  margin-bottom: 1rem;
}

.support-ticket-wrapper textarea.form-control{
  height: 120px;
}
.support-ticket-wrapper .form-group label{
  margin-top: 20px;
}
.login-form-wrapper .form-control{
  margin-bottom: 20px;
  width: 100%;
}
.single-featured {
  position: relative;
  z-index: 1;
}
.award-flex-position {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 91;
  display: block;


}
.award-flex-position.style-02 {
  top: 25px;
  left: 30px;
}


.award-flex-position .award-new-icon {
  display: none;
  background: var(--main-color-five);
  color: #fff;
  height: 40px;
  width: 40px;
  font-size: 20px;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

}

.award-flex-position .award-new-icon:not(:last-child){
  margin-bottom: 10px;
}

.award-flex-position .flag-new-icon:not(:last-child){
  margin-bottom: 10px;
}

.award-flex-position .flag-new-icon:nth-child(2n+2){
  background-color: var(--main-color-four);
}

.award-flex-position .award-new-icon:nth-child(2n+2){
  background-color: var(--main-color-three);
}

.award-flex-position .flag-new-icon {
  color: #fff;
  background-color: #BD081C;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  transition: all .3s;
}
.single-featured .award-icon-two{
  display:none !important;
  background: var(--main-color-five);
  color: #fff;
  height: 40px;
  width: 40px;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
}

.nice-select.open .list{
  width: 100%;
}

.navbar-area.nav-style-02.charity-nav-04 {
  background-color: transparent;
}
.navbar-area.nav-style-02.has-topbar-04 {
  top: 25px;
}

.navbar-area.nav-style-02.charity-nav-04 .nav-container {
  padding: 21px 0 21px 20px;
  background-color: transparent;
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav {
  text-align: right;
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  z-index: initial;
}

.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li {
  color: #fff;
}

.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before {
  color: var(--main-color-three);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--main-color-three);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
}

.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-bottom: 4px solid var(--main-color-three);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li {
  color: #fff;
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  background-color: #fff;
  color: var(--paragraph-color);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover{
  background-color: var(--main-color-three);
  color: #fff;
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--main-color-three);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li {
  margin-left: 20px;
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
  color: var(--main-color-three);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .navbar-collapse .navbar-nav li:hover a {
  color: var(--main-color-three);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .nav-right-content {
  margin-left: 0;
  -webkit-clip-path: initial;
  clip-path: initial;
  background-color: transparent;
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .nav-right-content ul li a:hover{
  background: var(--main-color-three);
  color: #fff;
  border-color: var(--main-color-three);
}
.navbar-area.nav-style-02.charity-nav-04 .nav-container .nav-right-content ul li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-family: var(--heading-font);
  font-weight: 700;
  border: 2px solid #616161;
  color: #fff;
  padding: 12px 40px;
}

.navbar-area.nav-style-02.charity-nav-04 .nav-container .logo-wrapper {
  background-color: unset;
  position: unset;
  box-shadow: none;
  padding: 0;
  border-left: none;
  clip-path: none;
}



.navbar-area.nav-style-02.charity-nav-05 {
  /* background-color: transparent; */
}
.navbar-area.nav-style-02.has-topbar-05 {
  top: 25px;
}

.navbar-area.nav-style-02.charity-nav-05 .nav-container {
  /* padding: 21px 0 21px 20px; */
  background-color: transparent;
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav {
  text-align: left;
  /* margin-left:50px; */
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  z-index: initial;
}

.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li {
  color: #fff;
}

.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before {
  color: var(--main-color-four);
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
  color: var(--main-color-four);
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;

}

.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-bottom: 4px solid var(--main-color-four);
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li {
  color: #fff;
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  background-color: #fff;
  color: var(--paragraph-color);
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover{
  background-color: var(--main-color-four);
  color: #fff;
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
  color: var(--white-color) !important;
  background-color: var(--main-color-four) !important;
  box-shadow: 3.23px 5.76px 8.98px -1.12px rgba(233, 72, 9, 0.25), inset -4.84px -8.64px 8.98px -1.12px rgba(219, 70, 12, 0.3) !important;
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li {
  padding: 8px;
  /* box-shadow: inset 3.23px 5.76px 8.98px -1.12px rgba(233, 72, 9, 0.25),  -4.84px -8.64px 8.98px -1.12px rgba(219, 70, 12, 0.3); */
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
  color: var(--main-color-four);
}
.containerxx.nav-container {
  margin: auto 15px !important;
  padding: 0px !important;
  width: 100%;
}
.donation-single-content-area .widget-area .btn-wrapper .boxed-btn{

  /* border: 2px solid red; */
}
.bg-dark {
  background-color: var(--main-color-four) !important;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle{
  background-color: var(--main-color-four);
  border-color: var(--main-color-four);

}
.btn-info.focus, .btn-info:focus {
  color: #fff;
  background-color:  var(--main-color-four);
  border-color:  var(--main-color-four);
  box-shadow: 0 0 0 .2rem rgba(195, 168, 58, 0.5);
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus{

  box-shadow: 0 0 0 .2rem rgba(195, 168, 58, 0.5);
}


.table thead th {
  border: 2px solid #dee2e6;
}

.navbar-area.nav-style-02.charity-nav-05 .nav-container .navbar-collapse .navbar-nav li:not(.right-nav):hover {
  color: var(--white-color);
  text-shadow: 0px 0px 1px var(--white-color);
  /* box-shadow:  3.23px 5.76px 8.98px -1.12px rgba(233, 72, 9, 0.25), inset -4.84px -8.64px 8.98px -1.12px rgba(219, 70, 12, 0.3); */
  box-shadow: inset 0px 10px 12px 0px rgba(233, 72, 9, 0.25);
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .nav-right-content {
  margin-left: 0;
  -webkit-clip-path: initial;
  clip-path: initial;
  background-color: var(--white-color);
}



.navbar-area.nav-style-02.charity-nav-05 .nav-container .logo-wrapper {
  background-color: unset;
  position: unset;
  box-shadow: none;
  padding: 0;
  border-left: none;
  clip-path: none;
}

.btn-info {
  color: #fff;
  background-color: var(--paragraph-color);
  border-color: var(--main-color-four);
}
.btn-info:hover {
  color: var(--main-color-four);
  background-color: var(--white-color);
  border-color:  var(--main-color-four);
}
.navbar-area.nav-style-02.charity-nav-06 {
  background-color: #F3F0EB;
  top: 0;
  padding: 0px 80px;
}

.navbar-area.nav-style-02.charity-nav-06 .nav-container {
  padding: 21px 0 20px 20px;
  background-color: transparent;
}

.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav {
  text-align: right;
}

.navbar-area.nav-style-02.charity-nav-06 .nav-container .nav-right-content {
  margin-left: 0;
  -webkit-clip-path: initial;
  clip-path: initial;
  background-color: transparent;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  z-index: initial;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li {
  color: #333;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
  color: var(--main-color-five);
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li:hover a {
  color: var(--main-color-five);
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .nav-right-content {
  margin-left: 0;
  -webkit-clip-path: initial;
  clip-path: initial;
  background-color: transparent;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .nav-right-content ul li a:hover{
  background: none;
  color: #fff;
  border-color: var(--main-color-five);
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before {
  color: var(--main-color-five);
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li {
  margin-left: 20px;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover{
  background-color: var(--main-color-five);
  color: #fff;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--main-color-five);
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #333;
}

.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-bottom: 4px solid var(--main-color-five);
}


.navbar-area.nav-style-02.charity-nav-06 .nav-container .nav-right-content ul li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-family: var(--heading-font);
  font-weight: 700;
  border: 2px solid var(--main-color-five);
  color: #fff;
  padding: 12px 40px;
  background: var(--main-color-five);
  border-radius: 30px;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .nav-right-content ul li a:hover{
  background: none;
  color: var(--heading-color);
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .logo-wrapper {
  background-color: unset;
  position: unset;
  box-shadow: none;
  padding: 0;
  border-left: none;
  clip-path: none;
}

.home-page-four{
  padding: 12px 0px;
}

.navbar-area.nav-style-02.has-topbar-04 {
  top: 40px;
}

.info-items li .color {
  margin-right: 3px;
  color: var(three);
}

.event-booking-form .form-group .form-control {
  height: 50px;
  padding: 0 20px;
}

.event-booking-form #message {
  height: 120px;
}
.social-share-wrap .form-group{
  position: relative;
}
.social-share-wrap .form-group .form-control{
  width: 100%;
  height: 42px;
  line-height: 42px;
}
.social-share-wrap .form-group button{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 12px;
}

.share-list-icon{}
.share-list-icon .share-title{
  font-size: 16px;
  font-weight: 700;
}


.social-share-wrap .share-list-icon ul li {
 margin: 5px 5px;
}

.donation-details .social-share-wrap{
  margin-top: 40px;
}

.home-six-topbar.topbar-inner.style-01{
  padding: 9px 80px;
}

.rise-area.style_02 .single-donate .form-control {
  height: 50px;
}
.rise-area .single-donate .form-control {
  height: 50px;
}
.user-dashboard-wrapper .nav-pills li:nth-child(1) a{
  color: #fff;
}
.user-dashboard-wrapper .nav-pills li:nth-child(1){
  font-size: 20px;
  font-weight: 700;
  color: #fcb11a;
  background: #e78f08;
}

.social-share-wrap ul li a.line{
  background: #25D366;
}

.social-share-wrap ul li a.telegram{
  background: #0088cc;
}

.social-share-wrap ul li a.envelope{
  background: #000;
}

.social-share-wrap ul li a.sms{
  background: #fcb11a;
}

.social-share-wrap ul li a.pocket{
  background: #00bdc0;
}


.social-share-wrap ul li a.google{
  background: #BD081C;
}

.social-share-wrap ul li a.youtube{
  background: #BD081C;
}


.contribute-single-page-item > .alert-danger {
  background: none;
  padding: 0;
  text-align: center;
  border: none;
  margin-bottom: 35px;
}
.contribute-single-page-item .alert-danger .contribute-alert span{
  background-color: #fff2e4;
  color: #c1282d;
  border-radius: 10px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 50px;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  border: 1px solid #c1282d;
  box-shadow: 2px 2px 2px #c1282d;
}
.contribute-single-page-item .alert-danger .contribute-alert span i{
  font-size: 26px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 5px;


  /* margin-right: 5px; */
  margin-right: 0px;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url("../img/success/emergency.gif");




}

.la-android::before {
  content:none !important;
}

.donation-details .alert-danger {
  background: none;
  color: #dc3545;
  border-radius: 0;
  padding: 7px;
  text-align: center;
  border-left: 1px solid #dc3545;
  border: 1px solid #dc3545;
}
.donation-image-gallery .thumb {
    margin: 0;
}

.donation-image-gallery  .single-gallery-image.single-featured{
  margin: 0;
}

/* .section-title span {
    font-size: 22px;
} */

.success-contents .section-title.section-title-four span {
  font-size: 16px;
}

div#mobile_btn a {
    background-color: var(--main-color-four);
    display: block;
    padding: 10px 30px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
    position: fixed;
    left: 10px;
    bottom: 20px;
    width: calc(100% - 20px);
    box-shadow: 0 0 50px 0 rgba(0,0,0,.8);
    z-index: 99;
    display: none;
}
.contribute-single-item .content .excpert,
#main-data {
    word-break: break-word;
}



/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */



.rise-flex-contents {
  /* padding: 50px 60px 20px; */
  /* border-radius: 100px; */
  /* margin-top: -100px; */
  padding: 23px 60px 2px !important;
  border-radius: 48px !important;
  margin-top: -78px !important;
}

/* bootstrap.min.css | http://www.dharmarth.net/assets/frontend/css/bootstrap.min.css */





 

    @media (min-width: 768px) {
      .container, .container-md, .container-sm {
      max-width: 720px;
      max-width: 927px;
      }
      col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
    }

@media (min-width: 992px) {
        .container, .container-lg, .container-md, .container-sm {
          max-width: 960px;
          max-width: 1065px;
        }
        col-lg-2 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%;
        }

}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
    max-width: 674px;
  }
    .col-sm-2 {
      max-width: none;
      margin: 10px auto;
    }
    #other-categories-list{
      margin-left:0px
    }
    

}

@media (min-width: 992px) {
  .container, .container-sm {
    max-width: 540px;
    max-width: 1000px;
  }
    .col-sm-2 {
      max-width: 16.666667%;
      margin: 10px auto;
    }
    

}


      
        @media (min-width: 1200px) {
          .container, .container-lg, .container-md, .container-sm, .container-xl {
            max-width: 1240px;
          }
        }
        
        @media (min-width: 1320px) {
          .container, .container-lg, .container-md, .container-sm, .container-xl {
           
            max-width: 1325px;
          }
        }
        

/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.rise-flex-contents::before {
  /* border-radius: 47px; */
  /* background: linear-gradient(145deg, #d08107, #f79909); */
  /* box-shadow: 9px 13px 20px #585858, -5px -5px 25px #c1c1c2; */
  border-radius: 47px !important;
  box-shadow: 9px 13px 20px #585858, -5px -5px 25px #fff !important;
}



/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.rise-flex-contents::before {
  width: 1325px !important;
  right: 0 !important;
}




/* Inline #19 | http://www.dharmarth.net/ */

.padding-bottom-140 {
  background: #f7e6d9;
  background: -webkit-linear-gradient(0deg, #f7e6d9 0%, #ffffff 100%);
  background: linear-gradient(0deg, #f7e6d9 0%, #ffffff 100%);
}




/* Element | http://www.dharmarth.net/ */

.single-featured .featured-contents .title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}



/* Inline #20 | http://www.dharmarth.net/donation */

.content .title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.single-featured-02 .featured-image img {

  width: 375px;
  height: 300px;
}

/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.single-featured-02 .featured-contents .title {
  min-height: 68px;
}




/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.rise-flex-contents .single-donate .donate-btn {
  color: var(--main-color-four);
  background: #404580;
  box-shadow: 0px 0px 0px #40458085, 0px 0px 0px #40458085;
}

.rise-flex-contents .single-donate .donate-btn:active {
  color: var(--main-color-four);
  background: #404580;
  box-shadow: 0px 0px 0px #40458085, 0px 0px 0px #40458085;
}

.rise-flex-contents .single-donate .donate-btn:hover {
  /* background: var(--main-color-four); */
  background: #404580;
  
}

/* style.css | http://www.dharmarth.net/assets/frontend/css/style.css */

.margin-bottom-30 {
  margin-bottom: 30px;
  /* margin-bottom: 22px !important; */
}

.container .row .col-lg-4 {
  margin-bottom: 30px;
}

.section-title .title {
  text-shadow: 0 .075em rgba(0, 0, 0, 0.65);
}



/* slick.css | http://www.dharmarth.net/assets/frontend/css/slick.css */



/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.single-featured-02 {
  background: #fefefe !important;
  background: -webkit-linear-gradient(0deg, #fefefe 0%, #fdfdfd 100%) !important;
  background: linear-gradient(0deg, #fefefe 0%, #fdfdfd 100%) !important;

}




/* style.css | http://www.dharmarth.net/assets/frontend/css/style.css */

.btn-wrapper .boxed-btn {
  box-shadow: inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 2.68px 3.27px 3.74px -1.37px rgba(0, 0, 0, 0.6);
  background: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%), -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%), linear-gradient(180deg, hsl(0,0%,78%) 0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%);
}

.btn-wrapper .boxed-btn.reverse-color:hover {
  /* background-color: var(--secondary-color); */
  /* background-color: var(--secondary-color) !important; */
}

.btn-wrapper .boxed-btn.reverse-color {
  /* background-color: var(--main-color-four); */
  background-color: #aba6a6;
}

/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.single-featured-02 .featured-contents .btn-wrapper .boxed-btn {
  /* padding: 13px 20px; */
  padding: 10px 20px;
}

.boxed-btn.btn-color-three {
  /* background-color: var(--main-color-three); */
  background-color: #B2B6B3;
}

.boxed-btn.btn-dander {
  /* background-color: #dc3545; */
  background-color: #aba6a6;
}

.single-featured-02 {
  /* border: 3px solid white !important; */
  /* inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 5.68px 9.27px 6.74px -3.37px rgba(0, 0, 0, 0.6): ; */
  inset\ 3\.23px\ 2\.76px\ 8\.98px\ -1\.12px\ rgba\(0\,\ 0\,\ 0\,\ 0\.15\)\,\ inset\ -4\.84px\ -2\.64px\ 8\.98px\ -1\.12px\ rgba\(0\,\ 0\,\ 0\,\ 0\.3\)\,\ 5\.68px\ 9\.27px\ 6\.74px\ -3\.37px\ rgba\(0\,\ 0\,\ 0\,\ 0\.6\): ;
  /* box-shadow: inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 5.68px 9.27px 6.74px -3.37px rgba(0, 0, 0, 0.6); */

  box-shadow: inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 1.68px 2.27px 5.74px -3.37px rgba(0, 0, 0, 0.6);

}

.single-featured-02::after {
  /* background: rgba(15, 195, 147, 0.2); */
  background: transparent;
}

/* Inline #19 | http://www.dharmarth.net/ */

.single-featured-02.single-featured:hover {
  /* box-shadow: inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 1.68px 2.27px 5.74px -3.37px rgba(0, 0, 0, 0.6); */
  box-shadow: inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 5.68px 9.27px 6.74px -3.37px rgba(0, 0, 0, 0.6);
}

.boxed-btn.btn-rounded:hover {
  box-shadow: inset 3.23px 2.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -2.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 5.68px 6.27px 3.74px -1.37px rgba(0, 0, 0, 0.6);
}




/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */



.rise-flex-contents .single-donate .donate-btn:hover {

  box-shadow: 5px 5px 5px #40458085, 6px 6px 7px #40458085;
  padding: 0 17px;
  /* margin: 0 3px; */
}

.rise-flex-contents .single-donate .donate-btn {
  /* box-shadow: 7px 7px 13px #83633b, -7px -7px 13px #52422d; */
  box-shadow: 0px 0px 0px #40458085, 0px 0px 0px #40458085;
}
.rise-flex-contents .single-donate .donate-btn:active {
  /* box-shadow: 7px 7px 13px #83633b, -7px -7px 13px #52422d; */
  box-shadow: 0px 0px 0px #40458085, 0px 0px 0px #40458085;
}

.rise-flex-contents .single-donate .donate-btn {
  /* transition: all 0.3s; */
  transition: all 0.1s;
}




/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.navbar-area.nav-style-02.charity-nav-05 .nav-container .nav-right-content ul li a:hover{
  /* background: var(--main-color-four); */
  color: var(--white-color);
  
  box-shadow: inset 3.23px 5.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -8.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 5.68px 10.27px 10.74px -3.37px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px var(--paragraph-color) !important;
}

/* style.css | http://www.dharmarth.net/assets/frontend/css/style.css */

.navbar-area.nav-style-02.charity-nav-05 .nav-container .nav-right-content ul li a {
  /* box-shadow: inset 3.23px 5.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -8.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 9.68px 17.27px 6.74px -3.37px rgba(0, 0, 0, 0.6); */
  box-shadow: inset 3.23px 5.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -8.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 1.68px 1.27px 1.74px -3.37px rgba(0, 0, 0, 0.6);
}
.navbar-area.nav-style-02.charity-nav-05 .nav-container .nav-right-content ul li a:active {
  /* box-shadow: inset 3.23px 5.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -8.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 9.68px 17.27px 6.74px -3.37px rgba(0, 0, 0, 0.6); */
  box-shadow: inset 3.23px 5.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -8.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 1.68px 1.27px 1.74px -3.37px rgba(0, 0, 0, 0.6);
}


.navbar-area.nav-style-02.charity-nav-05 .nav-container .nav-right-content ul li a {
  color: var(--main-color-four);
  text-transform: uppercase;
  font-size: 18px;
  font-family: var(--heading-font);
  font-weight: 700;
  background: var(--main-color-four);
  border-radius: 30px;
  display: inline-table;
  padding: 0px;
  border-color: var(--main-color-four);
  box-shadow: inset 3.23px 5.76px 8.98px -1.12px rgba(0, 0, 0, 0.15), inset -4.84px -8.64px 8.98px -1.12px rgba(0, 0, 0, 0.3), 3.68px 5.27px 3.74px 3.37px rgba(0, 0, 0, 0.6);
  display: inline-table;

}





/* Metal ------------------------- */

.metal {
  position: relative;
  margin: 40px auto;
  outline: none;
  
  font: bold 6em/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-align: center;
  color: hsla(0,0%,20%,1);
  /* text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px; */
  text-shadow: hsl(0, 0%, 8.6%) 0 -1px 0, hsl(0, 1%, 20.2%) 1px 1px 1px;

  background-color: hsl(0,0%,90%);
  box-shadow: inset hsla(0,0%,15%,  1) 0  0px 0px 4px, /* border */
    inset hsla(0,0%,15%, .8) 0 -1px 5px 4px, /* soft SD */
    inset hsla(0,0%,0%, .25) 0 -1px 0px 7px, /* bottom SD */
    inset hsla(0,0%,100%,.7) 0  2px 1px 7px, /* top HL */
    
    hsla(0,0%, 0%,.15) 0 -5px 6px 4px, /* outer SD */
    hsla(0,0%,100%,.5) 0  5px 6px 4px; /* outer HL */ 
  
  transition: color .2s;
}



/* Radial ------------------------- */

.radial.metal {
  width: 160px;
  height: 160px;
  line-height: 160px;
  border-radius: 80px;
  background-image: -webkit-radial-gradient(  50%   0%,  8% 50%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient(  50% 100%, 12% 50%, hsla(0,0%,100%,.6) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient(   0%  50%, 50%  7%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient( 100%  50%, 50%  5%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   3%, hsla(0,0%,  0%,.1) 3.5%),
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%,.1) 7.5%),
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.2) 2.2%),
    
    -webkit-radial-gradient( 50% 50%, 200% 50%, hsla(0,0%,90%,1) 5%, hsla(0,0%,85%,1) 30%, hsla(0,0%,60%,1) 100%);
}


.metal.radial:before, .metal.radial:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  
  /* fake conical gradients */
  background-image: -webkit-radial-gradient(  50%   0%, 10% 50%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),
    -webkit-radial-gradient(  50% 100%, 10% 50%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),
    -webkit-radial-gradient(   0%  50%, 50% 10%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),
    -webkit-radial-gradient( 100%  50%, 50% 06%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%);
}
.metal.radial:before { transform: rotate( 65deg); }
.metal.radial:after { transform: rotate(-65deg); }




/* Linear ------------------------- */

.metal.linear {
  width: 100px;
  font-size: 4em;
  height: 80px;
  border-radius: .5em;
  background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
    
    linear-gradient(180deg, hsl(0,0%,78%)  0%, 
    hsl(0,0%,90%) 47%, 
    hsl(0,0%,78%) 53%,
    hsl(0,0%,70%)100%);
}


/* Oval ------------------------- */

.metal.linear.oval {
  margin-top: 100px;
  width: 70px;
  height: 60px;
  line-height: 60px !important;
  border-radius: 50%;
  font: italic bold 3em/50px Georgia, "Times New Roman", Times, serif;
}




/* active ------------------------- */




/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.boxed-btn.btn-rounded:hover,.btn-wrapper .boxed-btn:hover {
  
  /* text-shadow: hsla(33.5, 100%, 20%, 0.3) 0 -1px 0, hsl(39.5, 100%, 85.1%) 0 2px 1px, hsl(36.5, 100%, 80%) 0 0 5px, hsla(42.1, 100%, 50%, 0.6) 0 0 20px !important;
  box-shadow: inset var(--main-color-four) 0 0px 0px 4px, inset hsla(210,100%,15%, .4) 0 -1px 5px 4px, inset hsla(210,100%,20%,.25) 0 -1px 0px 7px, inset hsla(210,100%,100%,.7) 0 2px 1px 7px, hsla(39.2, 100%, 75.1%, 0.8) 0 0px 3px 2px, hsla(210,50%,40%, .25) 0 -5px 6px 4px, hsl(210, 76.9%, 94.9%) 0 5px 6px 4px !important; */
}

.boxed-btn.btn-rounded {

 /* text-shadow: hsla(33.5, 100%, 20%, 0.3) 0 0px 0, hsl(39.5, 100%, 85.1%) 0 0px 1px, hsl(36.5, 100%, 80%) 0 0 0px, hsla(42.1, 100%, 50%, 0.6) 0 0 2px !important;
 box-shadow: inset hsla(210,100%,15%, .4) 0 -1px 5px 4px, inset hsla(210,100%,20%,.25) 0 -1px 0px 7px, inset hsla(210,100%,100%,.7) 0 2px 1px 7px, hsla(39.2, 100%, 75.1%, 0.8) 0 0px 3px 2px, hsla(210,50%,40%, .25) 0 -5px 6px 4px, hsl(210, 76.9%, 94.9%) 0 5px 6px 4px !important; */

}


#donate_box_wrapper .btn-wrapper {
  float: none;
}

.btn-wrapper.margin-top-30 {
  border-radius:12px;
  float:right;
  /* color: hsl(36.5, 100%, 40%) !important; */
 /* text-shadow: hsla(33.5, 100%, 20%, 0.3) 0 0px 0, hsl(39.5, 100%, 85.1%) 0 0px 1px, hsl(36.5, 100%, 80%) 0 0 0px, hsla(42.1, 100%, 50%, 0.6) 0 0 2px !important; */
 /* box-shadow: inset hsla(210,100%,15%, .4) 0 -1px 5px 4px, inset hsla(210,100%,20%,.25) 0 -1px 0px 7px, inset hsla(210,100%,100%,.7) 0 2px 1px 7px, hsla(39.2, 100%, 75.1%, 0.8) 0 0px 3px 2px, hsla(210,50%,40%, .25) 0 -5px 6px 4px, hsl(210, 76.9%, 94.9%) 0 5px 6px 4px !important; */

}
#donate_box_wrapper .btn-wrapper {
  float: none;
}









.btn-wrapper .boxed-btn {
  /* box-shadow: inset hsla(210,100%,15%, .4) 0 -1px 5px 4px, inset hsla(210,100%,20%,.25) 0 -1px 0px 7px, inset hsla(210,100%,100%,.7) 0 2px 1px 7px, hsla(39.2, 100%, 75.1%, 0.8) 0 0px 3px 2px, hsla(210,50%,40%, .25) 0 -5px 6px 4px, hsl(210, 76.9%, 94.9%) 0 5px 6px 4px !important */

}

.section-title .title span{
  font-size: 100% !important;
  display: inline !important;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 3px 3px 3px gray;
  border: 1px solid #c5bfbf;


  /* background: #d78e02 !important; */
  color: var(--main-color-five);

}




/* Inline #19 | http://www.dharmarth.net/ */

.blog-area-two.padding-top-140.padding-bottom-110 {
  background: #F2F3F5;
  background: -webkit-linear-gradient(0deg, #ffffff 0%, #F2F3F5 100%);
  background: linear-gradient(0deg, #fff 0%, #F2F3F5 100%);
  position: relative;
}

.shadow-effect{

  border-radius: 20px;
  /* box-shadow: 2px 2px 3px gray; */
}

.single-counterup-02.shadow-effect.margin-bottom-30:hover {
  background: var(--main-color-four);
}




/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.single-recent-02 .recent-contents .title {
  /* margin-top: 25px; */
  margin-top: 0px;
  min-height: 68px;
}

.progress-item .single-progressbar .progressbar {
  position: relative;
  border-radius: 10px !important;
  background-color: rgb(255, 255, 255) !important;
  box-shadow: 0px 0px 3px var(--paragraph-color);
  padding: 2px;
}

.progress-item .single-progressbar .progressbar .proggress {
  background-color: var(--main-color-four) !important;
  height: 7px !important;
  border-radius: 5px !important;
}

.progress-item .single-progressbar .progressbar .percentCount::after {
  /* border-top: 10px solid var(--secondary-color); */
  border-top: 6px solid var(--secondary-color);
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  border-right: 10px solid transparent;
  border-top: 6px solid var(--main-color-four);
}

.progress-item .single-progressbar .progressbar .percentCount {
  position: absolute;
  left: auto !important;
  right: 0;
  top: -36px;
  padding: 3px 15px;
  font-size: 24px;
  border-radius: 15px 15px 15px 0px;
  background-color: var(--main-color-four);
  font-weight: 800;


  box-shadow: 0px 0px 3px #a59d9d;
  color: white;
  text-shadow: 0px 0px 1px var(--paragraph-color);
}

/* Inline #19 | http://www.dharmarth.net/ */



.single-recent-02 .recent-contents .title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* style.css | http://www.dharmarth.net/assets/frontend/css/style.css */

.progress-item .single-progressbar .progressbar .percentCount::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  border-right: 10px solid transparent;
  border-top: 6px solid var(--main-color-four);
}

.col-lg-12 {
  margin: 20px 0px;
}

.single-blog .blog-thums img {
  width: 396px;
  height: 318px;

  /* border-radius: 20px; */
  box-shadow: 3px 3px 9px black;

}




/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  filter: brightness(50%);
  border: 5px solid var(--main-color-four);
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: var(--main-color-four);
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 500 12px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -8px;
  left: -8px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {

  right: -8px;
  width: 90px;
  border-radius: 5px 5px 5px 5px;

}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  /* left: -25px; */
  /* transform: rotate(45deg); */



width: 90px !important;
border-radius: 7px 7px 0px 7px !important;
background: red !important;


left: 8px;
top: 5px;
width: 82px !important;
}


.donation-image-gallery img {
  border-radius: 15px !important;
  }

  .donation-image-gallery{
    position: relative;
  }


/* Inline #19 | http://www.dharmarth.net/donation/offer-a-helping-hand-to-support-rubina-rodgers-treatment */




/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}













/* style.css | http://www.dharmarth.net/assets/frontend/css/style.css */

.breadcrumb-area::before {
  /* background: #404580; */
  /* background: -webkit-linear-gradient(0deg, #404580 0%, #b7b8cd 50%, #404580 100%); */
  /* background: linear-gradient(0deg, #404580 0%, #b7b8cd 50%, #404580 100%); */
}

.navbar-area.nav-style-02 .nav-container .nav-right-content ul li {
  /* color: rgba(255, 255, 255, 0.8); */
  color: #e28f02;
}



.breadcrumb-area .page-list li:first-child a {
  color: #fff;
  /* color: #e28f02; */
}

.breadcrumb-area .page-list li a {
  color: #ffffff;
  /* color: #e28f02; */
}

.breadcrumb-area .page-list li {
  color: rgba(255, 255, 255, 0.7);
  /* color: #e28f02; */
}


/* style_02.css | http://www.dharmarth.net/assets/frontend/css/style_02.css */

.single-featured-02 .featured-contents .feature-flex .goal .raised span {
  display: inline-block;
}




.single-blog.style-02 .blog-flexs {
  /* margin-top: -82px; */
  margin-top: -94px;

  top:20px;
  margin-top:-29px;

  top: 10px;
margin-top: -20px;
}

.single-blog.style-02 .blog-flexs .blog-date-content {
  margin: 2px 0px 2px 2px;
  border: 3px solid white;
}

/* Inline #19 | http://www.dharmarth.net/ */

.blog-title a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 57px;
}






/* Inline #19 | http://www.dharmarth.net/ */

/* .header-area .container {
  background: url('http://www.dharmarth.net/assets/frontend/dharmarth/slider.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 690px;
  background-position-x: 57%;
} */




/* dharmarth.css | http://www.dharmarth.net/assets/frontend/css/dharmarth.css */

.backdrop {
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
}


.header-top{
  margin-top: 50px;
}


/* dharm.css | http://www.dharmarth.net/assets/frontend/css/dharm.css */

.section-title .title {
  /* font-size: 60px; */
  /* font-weight: 700; */
  font-size: 43px;
  font-weight: 500;
}

/* dharmarth.css | http://www.dharmarth.net/assets/frontend/css/dharmarth.css */

.section-title .title {
  text-shadow: 1px 1px 2px rgba(255, 102, 0, 0.3);
  /* text-shadow:none; */

}





/* Inline #19 | http://www.dharmarth.net/ */

.single-counterup-02 .content .count-wrap .count-num {
  font-size: 42px;
  line-height: 52px;
  font-family: var(--heading-font);
  color: var(--paragraph-color);
  display: inline-block;
  font-weight: 700;
}

.single-counterup-02:hover .content .count-wrap .count-num {
color:#fff;
}


.header-area{
  padding:0px !important;
  margin:0px !important;
}



/* Element | http://www.dharmarth.net/ */



/* Element | http://www.dharmarth.net/ */

/* .offset-lg-1 {
  margin-left: -150px;
  z-index: 1;
} */

/* Element | http://www.dharmarth.net/ */



.left-image img{
  display:none;
}




/* dharmarth.css | http://www.dharmarth.net/assets/frontend/css/dharmarth.css */

.section-title .title span {
  /* font-size: 100% !important; */
  /* border-radius: 10px; */
  /* padding: 12px; */
  /* box-shadow: 3px 3px 3px gray; */
  /* border: 1px solid #c5bfbf; */
  /* color: var(--main-color-five); */
}


.title-highlight {
  color: inherit !important;
  background: inherit !important;
  font-size: inherit !important;
  box-shadow: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  padding: inherit !important;
  border: inherit !important;
}


.category-card {
  /* width: 165px ;
  height: 165px ;
  margin-right:10px; */
}

.category-card .card {
  width: 165px ;
  height: 165px ;
  margin:10px auto;
  box-shadow:  0px  0px 15px var(--main-color-four-light);
  border-radius: 10px;
}




.category-card .card:hover, .category-card .card:hover i, .category-card .card:hover h5 {
  background: var(--main-color-four);
  color: white !important;
}


.single-recent-02 {
  box-shadow: 0px 0px 15px var(--main-color-grey-light);
}
.contribute-single-item:hover, .single-recent-02:hover{
  box-shadow: 0px 0px 10px var(--main-color-four); 
}

#other-categories-list a:hover, #other-categories-list a:hover i {
  color: var(--main-color-four) !important;
}

.padding-bottom-140{
  background: white;
}

#other-categories-list {
  display: none;
}

.margin-bottom-55 {
  margin-bottom: 55px;
  /* margin-bottom: 0px; */
}

.section-bg-3 {
  /* background: #F2F3F5; */
  background: none;
}



.card .card-body p i {
  font-size: 42px;
  color:black;
}
.card .card-body h5 {
  font-size: 18px;
  font-weight:400;
  color:var(--paragraph-color);
  color:black;
}


/* Inline #19 | http://www.dharmarth.net/# */



#other-categories-list li a i {
  margin-right: 11px;
}

#other-categories-list li {
  /* padding: 5px; */
  padding: 7px;
}

#other-categories-list {
  border: 1px solid rgba(0,0,0,.125);
  text-align: left;
  list-style-type: none;
  font-size: 18px;
  margin-left: -100px;
  margin-top: -25px;
  z-index: 2;
  position: absolute;
  background: white;
  box-shadow:  0px 0px 15px var(--main-color-four-light);
}


.single-recent-02, .contribute-single-item {
  box-shadow: 0px 0px 5px var(--paragraph-color);
  padding: 0px;
}

.single-recent-02 .recent-image img, .contribute-single-item .thumb img {
  border-radius: 8px 8px 0px 0px;
  height: 215px;
  width: 301px;
}

/* change progress */


/* dharmarth.css | http://www.dharmarth.net/assets/frontend/css/dharmarth.css */

.single-recent-02 .recent-contents, .contribute-single-item .content {
  /* padding: 0; */
  padding: 8px;
}

.single-recent-02 .recent-contents .title,.contribute-single-item .content .title {

  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}

/* dharm.css | http://www.dharmarth.net/assets/frontend/css/dharm.css */

h1, h2, h3, h4, h5, h6 {
  /* color: var(--main-color-four); */
  color: var(--paragraph-color);
}


.recent-contents .btn-wrapper,.content .btn-wrapper {
  display: none;
}



.btn-wrapper .reverse-color.btn-rounded {
  color: var(--main-color-four);
  font-size: 18px;
  text-decoration: underline;
  filter: brightness(80%);
}




.single-recent-02 .recent-contents .recent-flex .goal .raised .danger-color {
  color: var(--paragraph-color)
}

.danger-color {
  color: none;
}
.recent-flex .goal .raised {
  color: var(--paragraph-color)
  }


.single-recent-02 .recent-contents .recent-flex .goal .raised {
  font-weight: 400;
  font-size: 18px;
}

.ribbon span {
  width: 272px;
  padding: 3px 0;
}

.ribbon-top-left::after {
  bottom: 53px;
}

.ribbon-top-left::before {
  right: 53px;
}

.ribbon-top-right::before {
  left: 65px;
  display:none;
}

.ribbon-top-right::after {
  bottom: 119px;
  right: -1px;
  transform: rotate(90deg);

}



/* dharmarth.css | http://www.dharmarth.net/assets/frontend/css/dharmarth.css */

.ribbon span {
  /* width: 272px; */
  width: 283px;
  text-align: center;
}

.ribbon-top-left span {
  /* right: -25px; */
  /* top: 30px; */
  right: -28px;
  top: 29px;
}

.ribbon-top-left::before {
  /* right: 53px; */
  right: 63px;
}

.ribbon-top-left::after {
  /* bottom: 53px; */
  bottom: 63px;
}


.single-recent-items .single-recent-02.single-recent {
  margin: 16px;
}






/* Element | http://www.dharmarth.net/ */

#request-callback-cta {
  background: #f60;
}

/* Element | http://www.dharmarth.net/ */

.campaign-leads-create {
  border-radius: 6px;
  background: url('https://assets-give.milaap.org/packs/_/assets/images/home/floral-r-00bca32d72a342738327e70c835a5554.png') no-repeat 100% -25px,url('https://assets-give.milaap.org/packs/_/assets/images/home/floral-63b2cb34226ab4606c8743991d786df0.png') -32px -25px no-repeat;
  padding: 29px 0;
}

/* Element | http://www.dharmarth.net/ */

.connect_with_us {
  background: #f60;
}

/* Element | http://www.dharmarth.net/ */

.connect_with_us > div {
  border-radius: 6px;
  background: url('../../../assets/frontend/dharmarth/left_overlay.png') no-repeat 100% 5px,url('../../../assets/frontend/dharmarth/right_overlay.png') 2px 5px no-repeat;
  padding: 45px 99px;
}


div.justify-content-center {
  background: white;
  padding: 15px;
  border-radius: 15px;
}


/* Inline #19 | http://www.dharmarth.net/ */

.help-text {
  padding: 0px 20px;
  font-size: 30px;
  line-height: 48px;
  margin: 0px;
  font-family: initial;
  font-style: italic;
  font-weight: bold;
}


.single-info-item .icon i {
  font-size: 24px;
}

.find-us-section a {
  margin-right: 5px;
}
.breadcrumb-area{
  background:var(--main-color-four);
}
.breadcrumb-area .container {
  background: url('../../../assets/frontend/dharmarth/left_overlay.png') no-repeat 100% 65px,url('../../../assets/frontend/dharmarth/right_overlay.png') 0px 65px no-repeat;
}


/* Inline #19 | http://www.dharmarth.net/ */



/* @media (min-width: 991px){
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
} */

/* @media (min-width: 991px){
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
} */

@media only screen and (max-width: 1355px) {
  #donate .boxed-btn{
    font-size: 14px;
  }
}
@media only screen and (max-width: 1053px) {
  #dharmarth_main_nav .navbar-nav > li{
    font-size:12px;
  }
  #dharmarth_main_nav .navbar-nav > li.volunteer,   #dharmarth_main_nav .navbar-nav > li#donate {
    text-align: center;
    padding-bottom: 10px;
  }
  .navbar-search .search-bar{
    width:180px;
  }
}

@media only screen and (max-width: 1302px) {
  #donate{
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .navbar-search {
    display: block !important;
  }
  .navbar-area .nav-container .responsive-mobile-menu {
    display: block;
    position: relative;
    width: 100%;
    float: none;
    background-color: white;
  }
  .navbar-search .search-bar {
    width: 100%;
  }

}
.responsive-mobile-menu {
  float: left;
}



.volunteer a {
  border: 2px solid var(--main-color-four);
  border-radius: 20px;
  background: #fff !important;
  color: var(--main-color-four);
  box-shadow:none !important;
}
.volunteer a:hover {
  box-shadow:1px 1px 2px var(--paragraph-color) !important
}



.right-image {
  margin-left: -77px;
  z-index: 0;
  }


.left_donate_widget{
    display: none;
  }


@media only screen and (max-width: 991px) {
  .header-area .inner-right-contents {
    margin: 10px auto !important;
  }
  .m-4 {
    margin: auto !important;
  }
  .right-image{
    display: none;
  }
  .header-top .container .img-fluid{
    display: none;
  }
  .sidebar-outer-wrap{
    display: none;
  }

  .left_donate_widget{
    display: block ;
  }

  .single-recent-02{
    margin: 10px auto !important;
    width: 301px;
  }
  .connect_with_us > div {
    padding: 40px 30px;
  }
  .boxed-btn{
    font-size: 14px !important;
  }
}



@media only screen and (max-width: 414px) {
  .breadcrumb-area .breadcrumb-inner {
    padding: 95px 0 30px 0 !important;
  }
}




@media only screen and (max-width: 991px) {
  .breadcrumb-area .breadcrumb-inner {
    /* padding: 278px 0 155px 0; */
    padding: 95px 0 30px 0 !important;
  }
  .breadcrumb-area .container {
    background: url('../../../assets/frontend/dharmarth/left_overlay.png') no-repeat 140% 65px,url('../../../assets/frontend/dharmarth/right_overlay.png') -150px 65px no-repeat;
  }

}

@media only screen and (max-width: 599px) {
  .breadcrumb-area .breadcrumb-inner {
    padding: 95px 0 30px 0 !important;
  }

  #other-categories-list{
    margin-left:0px;
  }


  .breadcrumb-area .container {
    background: url('../../../assets/frontend/dharmarth/left_overlay.png') no-repeat 240% 65px,url('../../../assets/frontend/dharmarth/right_overlay.png') -150px 65px no-repeat;
  }


}



.boxed-btn {
  box-shadow: none !important;
  text-shadow: none !important;
  background: var(--main-color-four) !important;
  color: white !important;
  font-size: 18px;
  border-radius: 30px !important;
}
.boxed-btn:hover {
  box-shadow: 1px 1px 2px grey !important;
  background: var(--main-color-four);
  color: white;
}


.form-group.btn-wrapper1 {
  text-align: center;
  margin: 20px auto;
}

.right_side{
 box-shadow: -7px -2px 14px 0 rgba(255,102,0,.18);
}

.share-list-icon span.share-title {
  font-weight: 400;
}

.medical-image-popup {
  display: inline-block;
  background: var(--paragraph-color) !important;
}