/*
/*
@File: AndTour - Travel Agency HTML Template

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

** Common Style
** Home Page
** About Page
** Causes Page
** Cause Details Page
** Contact Page
** Event Page
** Event Details Page
** Faqs Page
** Gallery Grid Page
** Gallery Slider Page
** Login Page
** Registration Page
** Make Donation Page
** News Page
** News Details Page
** Privacy policy Page
** Terms Service Page
** Testimonials  Page
** volunter Page
** Preloader
** Top TO Bottom


/*================================================
Default CSS
=================================================*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&amp;display=swap");

:root {
  --main-color: #e03c33;
  --white-color: #ffffff;
  --black-color: #2a283e;
  --navber-color: #424155;
  --paragraph-color: #818090;
  --bg-color: #eef4f8;
  --transition: 0.4s all ease-in-out;
}

html,
body {
  height: 100%;
  text-transform: capitalize;
}

body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.mb-30 {
  margin-bottom: 30px;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
  outline: 0 !important;
  color: var(--main-color);
}

a:hover {
  text-decoration: none;
  color: var(--heading-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  margin: 0;
}

h1 {
  font-size: 70px;
  font-weight: 400;
  line-height: 40px;
}

h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
}

h3 {
  font-size: 24px;
  font-weight: 500;
}

h4 {
  font-size: 20px;
  font-weight: 500;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

h6 {
  font-size: 14px;
  font-weight: 400;
}

p {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
}

p:last-child {
  margin-bottom: 0;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
  padding: 0;
}

.container-fluid {
  width: 95%;
}


/* --Common Style-- */


section {
  position: relative;
}

.form-control {
  height: 60px;
  border: none;
  box-shadow: 0px 1px 13px 0px #0000000d;
  padding: 10px 22px;
  font-size: 16px;
  background: #e03c3314;
}

.form-control:focus {
  color: var(--heading-color);
  background-color: #fff;
  border: 1px solid var(--main-color);
  outline: none;
  box-shadow: none;
}

.section_padding {
  padding: 100px 0;
}

.section_padding_top {
  padding: 100px 0 0 0;
}

.section_padding_bottom {
  padding: 0 0 100px 0;
}

.bg-color {
  background: #eef4f8;
}

.bg-theme {
  background: var(--main-color);
}

.bg-yellow {
  background: #f6a61d;
}

/* --case-boxed-- */
.case_boxed_wrapper {
  /* border-radius: 12px; */
  overflow: hidden;
  transition: var(--transition);
  position: relative;
  z-index: 9;
}

.case_boxed_wrapper:hover .case_boxed_img a img {
  transform: scale(1.2) rotate(3deg);
}

.case_boxed_img {
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
}

.case_boxed_img a img {
  width: 100%;
  transition: var(--transition);
}

.causes_badge {
  position: absolute;
  top: 10px;
  left: 10px;
  color: var(--white-color);
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 5px;
}

.causes_boxed_text {
  padding: 15px 15px;
  border: 1px solid #ccc;
  border-top: unset;
  text-align: center;
  height:140px;
}

.causes_boxed_text h3 {
  font-weight: 500;
  line-height: 35px;
}

.causes_boxed_text h3  {
  color: #000;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 4px;
  font-weight: 600;
  display: block;
}

.causes_boxed_text h3 a:hover {
  color: var(--main-color);
}

.causes_boxed_text p {
  padding-top: 10px;
}

.causes_boxed_bottom_wrapper {
  border-top: 1px solid #c4c4c457;
  padding-top: 15px;
  margin-top: 17px;
}

.causes_boxed_bottom_wrapper .row .col-lg-6:last-child .casuses_bottom_boxed {
  border-right: none;
}

.casuses_bottom_boxed {
  display: flex;
  align-items: center;
  border-right: 1px solid #e6e6e6;
}

.casuses_bottom_content {
  padding-left: 8px;
}

.casuses_bottom_content h5 {
  font-size: 16px;
  font-weight: 500;
}

.casuses_bottom_content p {
  padding-top: 0;
  font-size: 14px;
}

.skill-bar-percent {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.skill-bar {
  width: 100%;
  height: 10px;
  position: relative;
  margin-top: 10px;
}

.skill-bar:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: rgb(253, 61, 12, 0.2);
}

.skill-bar-inner {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 0;
  height: 100%;
  overflow: visible;
}

.skill-bar-inner:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: var(--main-color);
}

.class-full-bar-box {
  position: relative;
}

.class-full-bar-box .h3-title {
  font-size: 15px;
  line-height: 15px;
  color: var(--black-color);
  font-weight: 600;
}

.class-full-bar-box .h3-title span {
  color: var(--paragraph-color);
  font-weight: 400;
}

.class-full-bar-percent {
  position: absolute;
  top: -10px;
  right: 0;
  font-size: 15px;
  line-height: 15px;
  font-weight: 800;
  color: #10161b;
  display: flex;
  align-items: center;
}

.class-full-bar-percent h2 {
  font-size: 17px;
  line-height: 28px;
}

.class-full-bar-percent .h3-title {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 15px;
}

.causes_pro_bar {
  background: #ffffff;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
  padding: 20px 20px;
  border-radius: 10px;
  margin-top: -50px;
  z-index: 999;
  position: relative;
}

/* --Event Boxed Area-- */
.event_left_side_wrapper {
  background: #ffffff;
  box-shadow: -4px 6px 24px rgba(0, 0, 0, 0.08),
    6px 12px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

.event_big_img {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.event_big_img a img {
  width: 100%;
      height: 200px;
    object-fit: cover;
  transition: var(--transition);
}

.event_left_side_wrapper:hover .event_big_img a img {
  transform: scale(1.2) rotate(3deg);
}

.event_content_area {
  position: relative;
}

.big_content_padding {
  padding: 15px 18px;
  margin-bottom: 20px;
}

.small_content_padding {
  padding: 15px 18px;
  margin-bottom: 20px;
}

.small_content_padding .event_heading_area {
  padding-top: 7px;
}

.small_content_padding .event_para {
  padding-top: 8px;
  padding-right: 90px;
}

.event_tag_area span {
  font-size: 16px;
  font-weight: 500;
  color: #D71F2D;
}

.event_heading_area {
  padding-top: 5px;
}

.event_heading {
  /* padding-right: 90px; */
}

.event_heading h3 {
  line-height: 27px;
  font-size: 19px;
}

.event_heading h3 a {
  color: var(--black-color);
}

.event_heading h3 a:hover {
  color: var(--main-color);
}

.event_date {
  position: absolute;
  width: 85px;
  height: 83px;
  text-align: center;
  right: 32px;
  top: 31px;
}

.event_date h6 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  color: #fff;
  transform: translate(-50%, -58%);
}

.event_date h6 span {
  display: block;
}

.event_para {
  padding-top: 10px;
  /* padding-right: 90px; */
}


.event_para p {
  font-size: 15px;
}

.event_boxed_bottom_wrapper {
  border-top: 1px solid #c4c4c440;
  border-bottom: 1px solid #c4c4c440;
  padding-top: 15px;
  margin-top: 17px;
  padding-bottom: 15px;
}

.event_boxed_bottom_wrapper .row .col-lg-6:last-child .event_bottom_boxed {
  border-right: none;
}

.event_bottom_boxed {
  display: flex;
  align-items: center;
  border-right: 1px solid #e6e6e6;
}

.event_bottom_content {
  padding-left: 8px;
}

.event_bottom_content h5 {
  font-size: 16px;
  font-weight: 500;
}

.event_bottom_content p {
  padding-top: 0;
  font-size: 14px;
}

.event_button {
  margin-top: 15px;
}

.event_button a {
  width: 100%;
}

/* --Heading Area-- */
.section_heading {
  text-align: center;
  margin-bottom: 30px;
}

.section_heading h3 {
  color: var(--paragraph-color);
  font-weight: 400;
  margin-bottom: -30px;
}

.section_heading h2 {
  padding-top: 20px;
  position: relative;
}
.section_heading_two {
  text-align: center;
  margin-bottom: 50px;
}

.section_heading_two h3 {
  color: var(--paragraph-color);
  font-weight: 400;
  margin-bottom: -30px;
}

.section_heading_two h2 {
  padding-top: 40px;
  position: relative;
}

.section_heading h2:before {
  content: url("../img/icon/heading.png");
}

.section_after {
  position: relative;
}

.section_after::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 240px;
  background-color: var(--white-color);
}

.img_animation {
  overflow: hidden;
}

.img_animation img {
  transition: var(--transition);
  position: relative;
}

.img_animation:hover img {
  transform: scale(1.2);
}

/* --Button Area start-- */
.btn-check:focus + .btn,
.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: none;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.btn:hover {
  color: var(--white-color);
}

.btn_theme {
  color: var(--white-color);
  background-color: #D71F2D;
  transition: var(--transition);
  box-shadow: none;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 0;
  border: none;
}

.btn_theme:hover {
  background-color: var(--black-color);
}

.btn_md {
  padding: 9px 25px;
  font-size: 18px;
  border-radius: 2px;
}

.btn_sm {
  font-size: 14px;
  padding: 5px 18px;
}

.btn_navber {
  color: #fff;
  /* border: 2px solid var(--main-color); */
  padding: 13px 20px;
  background-color: #D71F2D;
  transition: var(--transition);
  box-shadow: none;
  overflow: hidden;
  border-radius: unset;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  z-index: 0;
  font-size: 12px;
  letter-spacing: 1px;
}

.btn_navber:hover {
  background: #2C3083;
  /* color: #7C0000; */

}

.is-sticky .btn_navber {
  border: 1px solid var(--main-color);
}

/* =========================
        Home Page
=========================*/
/* --Banner-- */
#home_one_banner {
  background-image: url("../img/banner/home-banner-bg.png");
  padding: 60px 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner_one_img {
  position: relative;
  text-align: right;
}

.banner_one_text h1 span {
  font-weight: 700;
}

.banner_one_text .color_big {
  position: relative;
  z-index: 999;
}

.banner_one_text .color_big::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #fdc221;
  bottom: 21px;
  left: 0;
  z-index: -1;
}

.banner_one_text p {
  padding-top: 20px;
  font-size: 18px;
  line-height: 30px;
}

.banner_element img {
  position: absolute;
  box-shadow: 10px 12px 30px rgba(0, 0, 0, 0.1);
}

.element_1 {
  top: 44%;
  left: 64px;
}

.element_2 {
  top: 23%;
  right: -14%;
}

.element_3 {
  bottom: 0;
  left: 67%;
}

.shape-1 {
  -webkit-animation: left1right 5s linear 0s infinite;
  animation: left1right 5s linear 0s infinite;
}

@keyframes left1right {
  50% {
    -ms-transform: translateY(20px);
    /* IE 9 */
    -webkit-transform: translateY(20px);
    /* Chrome, Safari, Opera */
    transform: translateY(20px);
  }
}

.shape-2 {
  -webkit-animation: left2right 3s linear 0s infinite;
  animation: left2right 3s linear 0s infinite;
}

@keyframes left2right {
  50% {
    -ms-transform: translateY(20px);
    /* IE 9 */
    -webkit-transform: translateY(20px);
    /* Chrome, Safari, Opera */
    transform: translateY(20px);
  }
}

.shape-3 {
  -webkit-animation: left13right 9s linear 0s infinite;
  animation: left3right 9s linear 0s infinite;
}

@keyframes left3right {
  50% {
    -ms-transform: translateY(20px);
    /* IE 9 */
    -webkit-transform: translateY(20px);
    /* Chrome, Safari, Opera */
    transform: translateY(20px);
  }
}

/* --About Top Area-- */
.about_top_boxed {
  position: relative;
  border-radius: 20px;
  padding: 40px 30px 20px 30px;
  transition: var(--transition);
}

.about_top_boxed:hover {
  transform: translateY(10px);
}

.bg_one {
  background: #cae4f7;
}

.bg_two {
  background: #fdf0dd;
}

.bg_three {
  background: #d2f4f4;
}

.bg_four {
  background: #e0eafd;
}

.about_top_boxed_icon {
  text-align: center;
  margin: 0px auto 0 auto;
  margin-top: -45px;
  transition: var(--transition);
}

.about_top_boxed:hover .about_top_boxed_icon {
  transform: translateY(20px);
}

.about_top_boxed_icon img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: 0px -4px 16px rgb(0 0 0 / 6%), 4px 8px 16px rgb(0 0 0 / 10%);
  margin-top: -45px;
}

.about_top_boxed_text {
  padding-top: 20px;
}

.about_top_boxed_text h3 {
  font-size: 30px;
  font-weight: 500;
  padding: 7px 0;
}

.about_top_boxed_text a {
  font-size: 16px;
  font-weight: 500;
}

.about_top_boxed_vector {
  position: absolute;
  bottom: 15px;
  right: 20px;
}

.about_area_main_text {
  padding-top: 54px;
}

.about_area_heading {
  position: relative;
  display: flex;
  align-items: center;
  left: -119px;
}

.about_area_heading h3 {
  color: var(--paragraph-color);
  font-weight: 400;
}

.about_area_heading_two h2 {
  line-height: 45px;
  font-size: 30px;
  font-weight: 500;
}

.color_big_heading {
  position: relative;
  z-index: 99;
}

.color_big_heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #fdc221;
  bottom: 4px;
  left: 0;
  z-index: -1;
}

.about_area_heading_two h3 {
  font-weight: 500;
  color: var(--main-color);
  padding-top: 15px;
}

.about_area_para {
  padding-top: 20px;
}

.about_area_para h5 {
  line-height: 26px;
}

.about_area_para p {
  font-size: 16px;
  padding-top: 10px;
  line-height: 26px;
}

.about_vedio_area {
  padding-top: 20px;
}

.vedio_btn {
  margin-left: 35px;
  font-size: 18px;
  font-weight: 600;
  color: var(--black-color);
}

.vedio_btn i {
  height: 50px;
  width: 50px;
  border: 1px solid;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  font-size: 24px;
  margin-right: 14px;
  color: var(--main-color);
}

/* -- Donate Area-- */
#donate_area {
  background-image: url("../images/bg1.jpg");
  background-size: cover;
  background-position: center;
  padding: 60px 0;
}

.donate_text {
  text-align: center;
  background-image: linear-gradient(to right, rgba(247, 143, 30,0.1),rgba(247, 143, 30,0.6), rgba(247, 143, 30,0.6),rgba(247, 143, 30,0.1) ) ;
  padding: 30px 20px;
  border-radius: 15px;
}

.donate_text h3 {
  color: var(--white-color);
  font-size: 20px;
  font-weight: 500;
}

.donate_text h2 {
  color: var(--white-color);
  font-size: 23px;
  line-height: 35px;
  padding-top: 20px;
}

.donate_text a {
  margin-top: 25px;
}

#partner_area {
  padding: 40px 0 40px 0;
}

#partner_area .owl-carousel .owl-item img {
  width: auto !important;
}


@media(max-width: 767px) {

  .notification_div{
    position: fixed;
    top: 80%;
    right: 5%;
    z-index: 9999;
  }
    
.banner_sec_hero{
    display:none !important;
}

    
    
.banner_sec_hero2{
    display:block !important;
}

    
  .donate_text h3 {
    color: var(--white-color);
    font-size: 16px;
}

}

/* --Counter Area-- */
#counter_area {
  z-index: 9;
}

.counter_area_wrapper {
  background: #ffffff;
  box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08),
    8px 12px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 30px 20px;
  margin-top: -100px;
}

.counter_item {
  text-align: center;
  border-right: 1px solid #eeeeee;
}

.row .col-lg-3:last-child .counter_item {
  border-right: none;
}

.counter_item h2 {
  line-height: 50px;
  padding-top: 10px;
}

.counter_item p {
  font-size: 18px;
  padding-top: 10px;
}

/* --Blog area-- */
#home_blog_area {
  padding: 40px 0 60px 0;
  /* margin-top: -100px; */
  background-color: #EEF4F8;
}

.blog_card_wrapper {
  background: #ffffff;
  box-shadow: 6px 12px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

.blog_card_img {
  overflow: hidden;
}

.blog_card_img a img {
  width: 100%;
  transition: var(--transition);
}

.blog_card_wrapper:hover .blog_card_img a img {
  transform: scale(1.2);
}

.blog_card_text {
  padding: 20px 20px;
}

.blog_card_heading {
  padding-top: 10px;
}

.blog_card_heading h3 {
  line-height: 30px;
  font-size: 20px;
}

.blog_card_heading h3 a {
  color: var(--black-color);
}

.blog_card_heading h3 a:hover {
  color: var(--main-color);
}

.blog_card_heading p {
  padding-top: 10px;
}

.blog_boxed_bottom_wrapper {
  border-top: 1px solid #c4c4c457;
  padding-top: 15px;
  margin-top: 17px;
}

.blog_boxed_bottom_wrapper .row .col-lg-6:last-child .blog_bottom_boxed {
  border-right: none;
}

.blog_bottom_boxed {
  display: flex;
  align-items: center;
  border-right: 1px solid #e6e6e6;
}

.blog_bottom_content {
  padding-left: 8px;
}

.blog_bottom_content h5 {
  font-size: 16px;
  font-weight: 500;
}

.blog_bottom_content p {
  padding-top: 0;
  font-size: 12px;
  font-weight:500;
}

/* --Subscribe Area-- */
.subscribe_wrapper {
  background: #F78F1E;
  box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08),
    8px 12px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 30px 50px 30px 50px;
}

.subscribe_text h3 {
  font-size: 30px;
  padding-top: 10px;
  line-height: 40px;
}

#subscribe_form .form-control {
  border: 1px solid var(--main-color);
  height: 60px;
  background: var(--white-color);
}

#subscribe_form .btn_md {
  padding: 16px 35px;
  font-size: 18px;
}

/* --Footer Area-- */
#footer_area {
  padding: 140px 0 20px 0;
  background: #7C0000;
  margin-top: -95px;
}

.footer_area_about {
  /* padding-right: 100px; */
}

.footer_area_about p {
  padding-top: 20px;
  padding-bottom: 13px;
}

.footer_area_about h6 {
  padding-top: 5px;
  font-size: 16px;
  color: var(--paragraph-color);
  line-height: 27px;
}

.footer_area_about h6 strong {
  color: var(--black-color);
}

.footer_area_about h6 a {
  color: var(--paragraph-color);
}

.footer_area_about h6 a:hover {
  color: var(--main-color);
}

.footer_navitem_ara h3 {
  padding-bottom: 20px;
  font-size: 18px;
  color: #f1f1f1;
  text-decoration: underline;
}

.nav_item_footer ul li {
  padding-bottom: 15px;
}

.nav_item_footer ul li:last-child {
  padding-bottom: 0px;
}

.nav_item_footer ul li a {
  font-size: 15px;
  color: rgba(256,256,256,0.9);
}

.nav_item_footer ul li a:hover {
  color: #fff;
}

.footer_twitter_area p {
  padding: 10px 0;
}

.footer_twitter_area h6 {
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}

/* -Copyright Area- */
.copyright_area {
  background-color: #7C0000;
  border-top: 1px solid rgba(256,256,256,0.2);
  padding: 10px 0;
}

.copyright_area p {
  color: rgba(256,256,256,0.8);
  font-size: 15px;
}

.copyright_area p a {
  color: #fff;
}

.copyright_right {
  text-align: right;
}

.copyright_right ul li {
  display: inline-flex;
  padding-left: 20px;
}

.copyright_right ul li a {
  color: var(--white-color);
}

/* =========================
        Home Page Two
=========================*/
#home_two_banner {
  background-image: url("../img/home-2/common/banner.png");
  padding: 150px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.banner_two_text {
    text-align: center;
}
.banner_two_text h6 {
    color: var(--white-color);
    font-size: 18px;
    padding-bottom: 10px;
}
.banner_two_text h6 span {
    color: var(--main-color);
}
.banner_two_text h1 {
    color: var(--white-color);
    font-size: 90px;
    font-weight: 500;
    line-height: 100px;
}
.banner_two_text p {
    color: var(--white-color);
    padding: 15px 115px 15px 115px;
    line-height: 30px;
}
.home_two_banner_button {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}
.home_two_banner_button a {
    color: var(--white-color);
}
/* --About area-- */
.about_two_left_wrapper h3{
    color: #818090;
    font-weight: 400;
    padding-bottom: 15px;
}
.about_two_left_wrapper h2{
    padding-bottom: 15px;
}
.about_two_list_wrapper{
    display: flex;
    padding-top: 20px;
}
.about_two_list_wrapper ul:last-child{
    padding-left: 30px;
}
.about_two_list_wrapper ul li{
    color: var(--paragraph-color);
    padding-bottom: 15px;
}
.about_two_list_wrapper ul li i{
    color: var(--main-color);
    padding-right: 10px;
}
.about_two_quote_wrapper{
    position: relative;
    background-color: #EEF4F8;
    margin-top: 40px;
    padding: 30px 110px 30px 45px;
    border-left: 4px solid var(--main-color);
}
.about_two_quote_wrapper h5{
    padding-top: 15px;
    font-weight: 500;
}
.about_two_quote_wrapper h5 span{
    color: var(--paragraph-color);
    font-weight: 400;
    font-size: 14px;
    padding-left: 10px;
}
.about_two_quote_wrapper img{
    position: absolute;
    right: -42px;
    top: 50%;
    transform: translateY(-50%);
}

/* --Service Area-- */
.service_two_left_wrapper h3{
    color: #818090;
    font-weight: 400;
    padding-bottom: 15px;
}
.service_two_left_wrapper p{
    padding-top: 10px;
}
.service_two_left_wrapper a{
    margin-top: 30px;
}
.service_item_right_wrapper .service_two_item:last-child{
    padding-bottom: 0;
}
.service_two_item{
    display: flex;
    padding-bottom: 30px;
}
.service_two_icon{
    width: 34%;
}
.service_two_text p{
    padding-top: 10px;
}
.service_two_text a{
    padding-top: 10px;
    display: block;
    color: var(--black-color);
    font-weight: 500;
}
.service_two_item:hover .service_two_text a{
    color: var(--main-color);
}
/* --Gallery Area-- */
.galley_two_img{
margin-bottom: 30px;
}
.galley_two_img a img{
    width: 100%;
}

/* --Causes Area-- */
.causes_boxed_two .causes_badge {
    position: inherit;
    color: var(--white-color);
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
}
.causes_boxed_two  .causes_pro_bar {
  margin-top: 20px;
}
.causes_boxed_text_center{
  text-align: center;
}
.causes_boxed_two .causes_boxed_text {
  padding: 30px 13px;
}
.causes_boxed_two .causes_pro_bar {
  background: #EEF4F8;
  box-shadow: 0px 8px 20px rgb(0 0 0 / 8%);
  border-radius: 8px;
}
/* -- -- */
#become_volunteer_area{
background-image: url('../img/home-2/common/become-bg.png');
padding: 205px 0;
background-size: cover;
background-position: center;
}
.become_volunteer_text_wrapper{
  text-align: center;
}
.become_volunteer_text_wrapper h3{
  color: #F5F5F5;
  font-weight: 300;
  padding-bottom: 20px;
}
.become_volunteer_text_wrapper h2{
  color: #fff;
  padding-bottom: 30px;
}
.become_volunteer_text_wrapper a{
  border: 1px solid #fff;
}
/* --Faqs Area-- */
.faqs_area_two_left h3{
  color: var(--paragraph-color);
  font-weight: 400;
}
.faqs_area_two_left h2{
  padding-top: 20px;
}
.faqs_area_two_left p{
  padding-top: 10px;
}
.faqs_area_two_left img{
  padding-top: 30px;
}
#faqs_area_two .accordion-item .accordion-button {
  padding: 5px 15px;
}

#faqs_area_two .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--main-color);
}
#faqs_area_two .accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125) !important;
  margin-bottom: 30px;
}

/* --Donate Area-- */
#donet_area_two{
  background-image: url('../img/home-2/common/donate-bg.png');
  padding: 120px 0;
}
.donate_two_left_wrapper h3{
  color: #f5f5f5;
  padding-bottom: 15px;
}
.donate_two_left_wrapper h2{
  color: #fff;
}
.donate_two_left_wrapper p{
  padding-top: 14px;
  color: #F5F5f5;
}
.donate_two_right_wrapper{
  background: #FFFFFF;
  padding: 40px 25px;
}
.donate_two_right_wrapper p{
  padding-top: 10px;
}
.donate_form_two form .input-group{
 padding-top: 30px;
}
.donate_form_two form .form-control{
  height: 50px;
}
.donate_form_two form .form-check label {
  display: inline-block;
  margin-right: 20px;
}
.donate_form_two form .input-group-text {
  padding: 10px 19px;
  font-size: 20px;
  color: #fff;
  background-color: var(--main-color);
}
.donate_monthly_wrapper{
  display: flex;
  padding-top: 15px;
}
.donate_amount_btn{
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.donate_amount_btn button{
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 4px 6px 16px rgb(0 0 0 / 4%);
  border-radius: 4px;
  width: 85px;
  height: 45px;
  font-size: 18px;
}
.donate_amount_btn button:hover{
  background: var(--main-color);
  color: var(--white-color);
}
.donate_submit_btn{
  padding-top: 30px;
}

/* --Blog Area-- */
.blog_two_calendar_area{
  padding-top: 15px;
}
.blog_two_calendar_area ul li{
  display: inline-flex;
  padding-right: 14px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.blog_two_calendar_area ul li i{
padding-right: 5px;
}
.blog_two_calendar_area ul li span{
  color: #818090;
  padding-left: 4px;
}
.blog_card_two_text .blog_card_tags {
  background-color: #FFFFFF;
  box-shadow: 4px 6px 16px rgb(0 0 0 / 6%);
  border-radius: 4px;
  display: table-caption;
  margin-top: -45px;
  position: relative;
  padding: 10px 15px;
}

/* =========================
      Home Page Three
=========================*/
/* --banner-- */
#home_three_banner{
  background-image: url('../img/home-3/common/banner-bg.png');
  padding: 175px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.banner_three_text h4{
  color: #F27234;
  font-size: 18px;
}
.banner_three_text h1{
  font-size: 80px;
  font-weight: 600;
  padding-top: 20px;
  line-height: 90px;
}
.banner_three_text p{
  padding-top: 20px;
  line-height: 30px;
}
.home_three_banner_button{
padding-top: 20px;
display: flex;
}
/* --About area-- */
.about_three_top_boxed{
  position: relative;
  margin-bottom: 30px;

}
.about_three_top_boxed_img img{
  width: 100%;
}
.about_three_top_boxed_text{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.about_three_top_boxed_text h3{
  font-size: 30px;
  padding-top: 9px;
}
.about_three_top_boxed_text h3 span{
 display: block;
}
.about_three_top_boxed_text h5{
  color: var(--paragraph-color);
  font-weight: 300;
}
.about_three_top_boxed_icon{
  position: absolute;
  box-shadow: 0px 2px 5px 0px #00000047;
  border-radius: 50%;
  right: 20px;
  bottom: -20px;
  transition: var(--transition);
}
.about_three_top_boxed:hover .about_three_top_boxed_icon{
  transform: translateY(-10px);
}
.about_mission_area{
  padding-top: 30px;
  display: flex;
}
.about_tree_mission_icon{
  width: 40%;
}
.about_tree_mission_text{
  padding-left: 10px;
}
.about_tree_mission_text h3{
  color: var(--black-color);
  font-weight: 500;
  padding-bottom: 7px;
}
.about_three_progrebar{
  padding-top: 34px;
}
.about_three_progrebar .class-full-bar-box .h3-title {
  font-size: 15px;
  line-height: 15px;
  color: var(--black-color);
  font-weight: 600;
  padding-bottom: 0px;
}
.about_three_progrebar  .class-full-bar-box {
  position: relative;
  margin-bottom: 35px;
}

/* --Service Area -- */
.service_three_heading{
  padding-bottom: 40px;
}
.service_three_heading h3{
  color: #818090;
  font-weight: 400;
  padding-bottom: 15px;
}
.causes_boxed_text_left{
  text-align: left !important;
}

.causes_boxed_three .case_boxed_img .causes_badge {
  position: absolute;
  color: var(--white-color);
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 5px;
  top: auto;
  bottom: 11px;
}
.causes_boxed_three  .causes_pro_bar {
margin-top: 20px;
}
.causes_boxed_text_center{
text-align: center;
}
.causes_boxed_three .causes_boxed_text {
padding: 30px 13px;
}
.causes_boxed_three .causes_pro_bar {
background: #EEF4F8;
box-shadow: 0px 8px 20px rgb(0 0 0 / 8%);
border-radius: 8px;
}
.causes_boxed_text_left h3 a{
  padding-top: 0;
}

/* --Testimonial Area-- */
.testimonial_three_boxed{
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 30px 30px;
  position: relative;
}
.test_quate_area{
  position: absolute;
  right: 40px;
}
.testimonial_three_boxed p{
  padding-top: 20px;
}
.test_three_bottom{
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
.test_three_bottom_left h6{
  padding-top: 5px;
}
.test_three_bottom_right h6{
  padding-top: 5px;
}
.test_three_icon i{
color: var(--main-color);
}
/* --Middel Area-- */
#middel_area_wrapper{
  background-image: url('../img/home-3/common/middel_banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.middel_area_Wrapper_box{
  display: flex;
}
.middel_area_box_icon{
  width: 35%;
  margin-right: 20px;
}
.middel_area_box_text h3{
  color:#F5F5F5;
}
.middel_area_box_text p{
  color: #F5F5F5;
  font-weight: 300;
  padding-top: 15px;
  padding-bottom: 13px;
}
.middel_area_box_text a{
  color:#F5F5F5;
}

.middal_area_center_wrapper{
  background: #FFFFFF;
  box-shadow: 6px 10px 16px rgb(0 0 0 / 8%);
  border-radius: 8px;
  padding: 30px 35px;
  margin-top: 61px;
}
.middal_area_center_left h3{
  padding-top: 12px;
  font-size: 26px;
  line-height: 39px;
}
.middal_area_center_left p{
  padding-top: 14px;
}

.middal_area_center_right .donate_two_right_wrapper{
  padding: 0;
  background: transparent;
}
.middal_area_center_right .donate_submit_btn{
padding-top: 5px;
}
.middal_area_center_right .donate_form_two form .input-group {
  padding-top: 20px;
}
/* --Team Area-- */
.team_area_three{
  background: #FFFFFF;
  box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.team_area_three_img{

}
.team_area_three_img img{
  width: 100%;
}
.team_area_three_content{
  padding: 15px 15px;
  text-align: center;
}
.team_area_three_content h3{

}
.team_area_three_content p{
  padding-top: 3px;
}
.team_area_three_img{
  position: relative;
  overflow: hidden;
}
.team_area_three:hover .team_area_three_img ul {
  opacity: 1;
  transform: translate(-50%, -30px);
}
.team_area_three_img ul{
  position: absolute;
  bottom: 25px;
  left: 50%;
  transition: var(--transition);
    opacity: 0;
    transform: translate(-50%, -50%);
}
.team_area_three_img ul li{
  display: inline-flex;
  background: #fff;
  width: 30px;
  text-align: center;
  justify-content: center;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  box-shadow: 4px 6px 20px rgb(0 0 0 / 8%);
  transition: var(--transition);
  color: var(--main-color);
  margin-left: 8px;
}
.team_area_three_img ul li:last-child{
  margin-left:0px;
}
.team_area_three_img ul li:hover{
  background-color: var(--main-color);
}
.team_area_three_img ul li:hover a{
  color: var(--white-color);
}

/* --Blog Area-- */
.blog_three_wrapper{
position: relative;
margin-bottom: 30px;
}
.blog_img_three img {
  width: 100%;
}
.blog_text_three{
  position: absolute;
  bottom: 0;
  padding: 20px 20px;
}
.blog_three_date ul li{
  display: inline-block;
  padding-right: 19px;
  color: var(--white-color);
  font-size: 14px;
}
.blog_three_text{
  padding-top: 12px;
}
.blog_three_text h3{
  line-height: 28px;
  font-size: 20px;
}
.blog_three_text h3 a{
  color: var(--white-color);
}
.blog_three_text h3 a:hover{
  color: var(--main-color);
}
.blog_three_text p{ 
  padding-top: 20px;
}
/* --Instagram Area-- */
.instagrma_item{
  position: relative;
}
.instagrma_item a{
  display: block;
  position: relative;
  z-index: 1;
}

.instagrma_item a i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(1.2) translate(-50%, -50%);
  z-index: 2;
  font-size: 40px;
  color: #262626;
  line-height: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.instagrma_item a:hover i {
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
}
.instagrma_item a:hover::before {
  opacity: .7;
}

.instagrma_item>a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f3f0ea;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bg_shadow{
  background-color: #F4F7FC;
}
#trending_causes_two_main .case_boxed_wrapper{
  margin-bottom: 30px;
}
.cause_load_more{
  text-align: center;
  padding-top: 30px;
}
/* =========================
        About Page
=========================*/
/* --Common Banner-- */
#common_banner_area {
  background-image: url("../images/bg.jpg");
  background-size: cover;
  background-position: center;

}

#common_banner_area .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(247, 143, 30,0.8);
  padding: 80px 0 50px;
}

#common_banner_area .color_big_heading::after {
  background-color: #D71F2D;
}

#common_banner_area .color_big_heading {
  color: rgba(256,256,256,0.6);
}

.commn_banner_page h2 {
  color: #fff;
  font-size: 36px;
}

.breadcrumb_wrapper {
  display: flex;
  padding-top: 10px;
}

.breadcrumb_item {
  padding: 0 10px 0 0;
}

.breadcrumb_item a {
  color: var(--white-color);
}

.breadcrumb_item.active {
  color: #ffffff8c;
}

/* ---volunteer--- */
#volunteer_area_main .volunteer_wrapper {
  margin-bottom: 25px;
}

.volunteer_wrapper {
  z-index: 9;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  background: #fff;
  /* box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1); */
  transition: var(--transition);
}

.volunteer_wrapper:hover {
  /* box-shadow: rgb(0 0 0 / 14%) 8px 20px 22px; */
}

.volunteer_img img {
  object-fit: cover;
  width: 100%;
  height: 220px;
}

.volunteer_img {
  position: relative;
}

.volunteer_icon {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 20px);
  transition: var(--transition);
  opacity: 0;
}

.volunteer_wrapper:hover .volunteer_icon {
  opacity: 1;
  transform: translate(-50%, 0px);
}

.volunteer_icon ul {
  display: flex;
  justify-content: center;
}

.volunteer_icon ul li {
  padding-left: 20px;
}

.volunteer_icon ul li:first-child {
  padding-left: 0px;
}

.volunteer_icon ul li a:hover {
  background: var(--main-color);
}

.volunteer_icon ul li a {
  height: 30px;
  width: 30px;
  background: var(--black-color);
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  display: block;
  transition: var(--transition);
}

.volunteer_text {
  padding: 10px 20px;
  text-align: center;
  /* background-color: #fff;
  border: 1px solid #ccc; */
}

.volunteer_text h3  {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: linear-gradient(to right, #f1f1f1,#D71F2D ,  #D71F2D, #f1f1f1);
  color: #fff;
  padding: 3px 0;
}

.volunteer_text h3 a:hover {
  color: var(--main-color);
}

.volunteer_text p {
  padding-top: 6px;
}

#partner_area-2 .owl-carousel .owl-item img {
  width: auto !important;
}

/* --middel Banner-- */
#newletter_banner {
  background-image: url("../img/common/midel_banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
}

.newletter_text h4 {
  color: var(--paragraph-color);
  font-size: 16px;
  position: relative;
  left: -99px;
  top: 0px;
}

.newletter_text h4 img {
  width: 13%;
}

.newletter_text h2 {
  font-size: 30px;
  line-height: 40px;
}

.newletter_button {
  text-align: right;
}

.news_btn {
  padding: 13px 60px;
  font-size: 18px;
}

/* --Testimonial Area-- */
.testimonial_wrapper_boxed {
  background: #ffffff;
  box-shadow: -5px -6px 24px rgb(0 0 0 / 2%), 8px 0px 24px rgb(0 0 0 / 9%);
  border-radius: 8px;
  padding: 10px 15px 25px 15px;
  position: relative;
  text-align: center;
  margin: 30px 10px;
}

.testimonial_wrapper_boxed img {
  width: 110px !important;
  margin: 0 auto;
}

.testimonial_wrapper_boxed p {
  padding-top: 25px;
  line-height: 28px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 20px;
}

.test_author {
  padding-top: 20px;
}

.test_author img {
  position: absolute;
  top: 77px;
  left: 13px;
  width: auto !important;
}

.test_author h5 {
  padding-top: 5px;
}

.slider_dots.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px;
}

.slider_dots.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 5px;
  background: #e03c3366;
  display: block;
  backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.slider_dots.owl-theme .owl-dots .owl-dot.active span,
.slider_dots.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--main-color);
}

#trending_causes_main .case_boxed_wrapper {
  margin-bottom: 30px;
}

/* =========================
    Causes Details Page
=========================*/
.details_big_img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.details_big_img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: var(--transition);
}

.details_big_img img:hover {
  transform: scale(1.3);
}

.causes_pro_bar_flex {
  background: #eef4f8;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
  padding: 40px 20px;
  border-radius: 10px;
  margin-top: 30px;
  z-index: 999;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.causes_pro_bar_flex .class-full-bar-box {
  position: relative;
  width: 70%;
}

.details_text_wrapper {
  padding-top: 30px;
}

.details_text_wrapper p {
  padding-top: 15px;
}

.details_text_wrapper h3 {
  padding-top: 15px;
  font-size: 20px;
}

.details_small_img {
  padding-top: 30px;
}

.details_small_img img {
  width: 100%;
}

.details_text_wrapper ul {
  padding-top: 10px;
  margin-left: 15px;
  margin-bottom: 10px;
}

.details_text_wrapper ul li {
  padding-top: 3px;
  list-style-type: disc;
  font-size: 15px;
  color: rgba(0,0,0,0.8);
}

/* .details_text_wrapper ul li i {
  font-size: 9px;
  color: var(--main-color);
  padding-right: 10px;
} */

.download_pdf_area {
  background: #eef4f8;
  padding: 25px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  border-radius: 8px;
}

.pdf_download_left {
  display: flex;
  align-items: center;
}

.pdf_download_left h4 {
  padding-left: 20px;
}

.comment_area_details {
  padding-top: 80px;
}

.post_comment_item {
  display: flex;
  padding-top: 30px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 30px;
}

.post_comment_item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.post_comment_img {
  width: 15%;
}

.post_comment_text {
  padding-left: 20px;
}

.post_names_replay {
  display: flex;
  justify-content: space-between;
}

.post_names_replay h5 {
  font-weight: 500;
}

.post_comment_text p {
  padding-top: 10px;
}

.post_names_replay a i {
  padding-right: 5px;
}

.comment_form_area {
  padding-top: 60px;
}

#comment_form .form-control {
  margin-bottom: 30px;
}

textarea.form-control {
  height: auto;
}

.comment_form_area h3 {
  padding-bottom: 30px;
}

/* --sidebar-- */
.project_organizer_wrapper {
  display: flex;
}

.sidebar_boxed {
  background: #ffffff;
  margin-bottom: 20px;
}


.project_organizer_text {
  /* padding-left: 25px; */
}

.project_organizer_text h5 {
  line-height: 13px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.project_organizer_text h3 {
  font-size: 21px;
}

.project_organizer_text p {
  padding-top: 5px;
}

.project_organizer_text ul li {
  padding-top: 10px;
  color: var(--paragraph-color);
  font-weight: 500;
}

.project_organizer_text ul li img {
  padding-right: 5px;
  width: 36px;
}

.project_organizer_text ul li span {
  color: var(--black-color);
}

.recent_donet_item {
  display: flex;
  padding-top: 25px;
}

.recent_donet_img {
  width: 25%;
}

.recent_donet_text {
  width: 100%;
  padding-left: 15px;
}

.sidebar_inner_heading {
  display: flex;
  justify-content: space-between;
}

.sidebar_inner_heading h4 {
  font-size: 18px;
  font-weight: 600;
}

.sidebar_inner_heading h4 a {
  color: var(--black-color);
}

.sidebar_inner_heading h4 a:hover {
  color: var(--main-color);
}

.sidebar_inner_heading h5 {
  font-size: 18px;
  color: var(--main-color);
  font-weight: 600;
}

.recent_donet_text p {
  padding-top: 5px;
}

.recent_donet_text h6 {
  padding-top: 5px;
  font-weight: 500;
}

.sidebar_heading_main {
  border-bottom: 1px solid #ededed;
  padding-bottom: 7px;
}

.recent_causes_wrapper .sidebar_inner_heading h4 a {
  line-height: 26px;
}

.recent_causes_wrapper .recent_donet_text h6 {
  padding-top: 10px;
  font-weight: 500;
}

.social_icon_sidebar ul li {
  display: inline-flex;
  padding-top: 20px;
  padding-right: 15px;
  transition: var(--transition);
}

.social_icon_sidebar ul li:hover {
  transform: translateY(-5px);
}

.social_icon_sidebar ul li a img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.tags_noted {
  font-size: 16px;
  font-weight: 600;
  /* padding-bottom: 10px; */
  display: block;
}

.event_details_list ul li {
  padding-top: 20px;
}

.event_details_list ul li {
  padding-top: 20px;
  color: var(--paragraph-color);
  font-weight: 500;
}

.event_details_list ul li img {
  padding-right: 5px;
  width: 36px;
}

.event_details_list ul li span {
  color: var(--black-color);
}

.register_now_details {
  padding-top: 40px;
}

/* ----------------------------
        News Page
---------------------------------*/
.blog_two_wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.blog_two_wrapper img {
  width: 100%;
  transition: var(--transition);
}

.blog_two_wrapper:hover img {
  transform: scale(1.2);
}

.news_two_text {
  position: absolute;
  bottom: 0;
  padding: 30px 20px;
}

.news_two_text h3 a {
  color: var(--white-color);
  padding-top: 11px;
  display: block;
}

.news_two_text h3 a:hover {
  color: var(--main-color);
}

.popular_tags ul {
  padding-top: 10px;
}

.popular_tags ul li {
  display: inline-flex;
  background: #dddddd70;
  padding: 6px 10px;
  margin-right: 10px;
  margin-top: 15px;
}

.popular_tags li a {
  color: var(--black-color);
}

.error_area_content a {
  margin-top: 40px;
}

/* ----------------------------
        login Page
---------------------------------*/
.author_form_area {
  /* background: #ffffff;
  box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.08),
    8px 12px 24px rgba(0, 0, 0, 0.08); */
  border-radius: 8px;
  /* padding: 40px 40px; */
}

#author_form .form-control {
  margin-top: 15px;
}

.author_submit_form {
  padding-top: 20px;
  text-align: center;
}

.author_submit_form p {
  padding-top: 5px;
  font-size: 14px;
}

/* ----------------------------
        contact Page
---------------------------------*/
.contact_left_item {
  background: #ffffff;
  box-shadow: 8px 10px 24px rgb(0 0 0 / 10%);
  border-radius: 8px;
  display: flex;
  padding: 30px 40px;
  margin-bottom: 30px;
}

.contact_left_text {
  padding-left: 20px;
}

.contact_left_text h3 {
  padding-bottom: 10px;
  font-size: 21px;
}

.contact_left_text p {
  font-size: 18px;
  line-height: 28px;
}

.contact_left_text a {
  color: var(--paragraph-color);
  display: block;
  font-size: 18px;
  padding-top: 5px;
}

.contact_left_text a:hover {
  color: var(--main-color);
}

.contact_form_Wrapper {
  background: #ffffff;
  box-shadow: 8px 10px 24px rgb(0 0 0 / 10%);
  border-radius: 8px;
  padding: 20px 40px;
}

.contact_form_Wrapper h3 {
  padding-bottom: 20px;
}

#contact_form .form-group {
  padding-bottom: 15px;
}

.contact_map_area {
  margin-top: -115px;
}

/* ----------------------------
        Faqs Page
---------------------------------*/
#faqs_arae_main .about_top_boxed {
  margin-top: 40px;
}

#faqs_arae_main .accordion-item .accordion-button {
  padding: 5px 15px;
}

#faqs_arae_main .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--main-color);
}

.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

/* ----------------------------
    Make a donetion Page
---------------------------------*/
.sidebar_first .case_boxed_wrapper {
  margin-bottom: 30px;
}

.donet_amount_area {
  background: #ffffff;
  box-shadow: -4px -4px 20px rgb(0 0 0 / 8%), 8px 10px 24px rgb(0 0 0 / 8%);
  border-radius: 6px;
  padding: 55px 25px;
  display: flex;
  justify-content: space-between;
}

.input_donet_amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.input_donet_amount span {
  font-size: 30px;
}

.input_donet_amount input {
  border: none;
  border-bottom: 1px solid var(--main-color);
  font-size: 24px;
  width: 55%;
}

.input_donet_amount input:focus {
  border-bottom: 1px solid var(--main-color);
  outline: none;
}

.donet_amount_form_area {
  background: #ffffff;
  box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.08),
    8px 10px 24px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 25px 25px;
}

.donet_amount_form_area .form-group {
  margin-top: 30px;
}

.doner_content_pbottom {
  margin-bottom: 30px;
}

.payment_option_area {
  padding-top: 30px;
}

.payment_option_area ul {
  display: flex;
}

.payment_option_area ul li {
  padding-right: 25px;
}

.payment_option_area ul li img {
  cursor: pointer;
}

.payment_amount_submit {
  padding-top: 30px;
}

/* ----------------------------
    Gallery Page
---------------------------------*/
.gallery_item {
  position: relative;
  margin-bottom: 30px;
}

.gallery_item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.gallery_overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #ff00003b;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.gallery_item:hover .gallery_overlay {
  opacity: 1;
  visibility: visible;
}

.gallery_overlay a img {
  width: auto;
  height: 80px;
}

@media(max-width: 767px) {
  .gallery_item img {
    width: 100%;
    height: 230px;
    object-fit: cover;
  }

  .gallery_overlay a img {
    width: auto;
    height: 60px;
  }
  
}

/* ----------------------------
    Terms of service Page
---------------------------------*/

.terms_item:first-child {
  padding-top: 0px;
}

.terms_item {
  padding-top: 30px;
}

.terms_item h2 {
  font-weight: 600;
  font-size: 21px;
  line-height: 1.4;
}

.terms_item p {
  padding-top: 10px;
  font-size: 15px;
  color: rgba(0,0,0,0.8);
}

/* -------------------------------
        Preloader
---------------------------------*/

.preloader {
  position: fixed;
  z-index: 999999;
  background-color: var(--white-color);
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  right: 0;
}

.preloader .lds-spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.preloader .lds-spinner div {
  -webkit-transform-origin: 40px 40px;
  transform-origin: 40px 40px;
  -webkit-animation: lds-spinner 1.2s linear infinite;
  animation: lds-spinner 1.2s linear infinite;
}

.preloader .lds-spinner div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 5px;
  left: 35px;
  width: 5px;
  height: 20px;
  border-radius: 20%;
  background: var(--main-color);
}

.preloader .lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.preloader .lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.preloader .lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.preloader .lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.preloader .lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.preloader .lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.preloader .lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.preloader .lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.preloader .lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.preloader .lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.preloader .lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

.preloader .lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

/* ----------------------------
     Top To Bottom 
---------------------------------*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  color: #fff;
  background-color: var(--main-color);
  z-index: 999;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  border-radius: 50%;
}

.go-top.active {
  top: 98%;
  -webkit-transform: translateY(-98%);
  transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #393953;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  border-radius: 50%;
}

.go-top:hover,
.go-top:focus {
  color: #fff;
}

.go-top:hover::before,
.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child,
.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child,
.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}


/* New CSS Start */


/* Header & Footer Start */
.h-nav {
  position: relative;
  z-index: 9999;
}

.h-logo {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 130px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

.h-logo img {
  padding: 10px;
}

.login {
  background-color: #F78F1E;
}

.login i {
  margin-right: 7px;
}

.h-donate i {
  margin-right: 7px;
}

.h-login {
  display: flex;
  justify-content: flex-end;
}



.h-login .user i {
  margin-right: 7px;
  color: #fff;
  font-size: 14px;
}

.h-login .member a i {
  margin-right: 7px;
  color: #fff;
  font-size: 14px;
}


.h-login .user a {
  display: inline-block;
  font-weight: 500;
  padding: 7px 15px;
  font-size: 15px;
  text-transform: capitalize;
  color: #fff;
  background-color: #2C3083;
}


.h-login .member a {
  display: inline-block;
  font-weight: 500;
  padding: 7px 15px;
  font-size: 15px;
  color: #fff;
  text-transform: capitalize;
  background-color: #F78F1E;
}

.h-login .member a:hover,
.h-login .user a:hover {
  background-color: #353535;
  color: #fff;
}

.h-login .member a:hover i,
.h-login .user a:hover i{
  color: #fff;
}

.f-logo {
  /* background-color: #f1f1f1; */
  width: 75%;
}

.f-flex {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

.f-flex i {
  display: inline-block;
  margin-right: 15px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.f-flex p {
  font-size: 15px;
  color: rgba(256,256,256,0.9);
}

.f-flex a {
  font-size: 15px;
  color: rgba(256,256,256,0.9);
}


/* mobile header */

.mob-header {
  display: none;
  background-color: #7C0000;
}

.mobile-nav {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0;
}

.mobile-nav .logo {
  position: absolute;
  left: 0;
  top: 0;  
  max-width: 100px;
  background-color: #fff;
  padding: 10px;
  border-radius: 0 0 5px 5px;
}


.mobile-nav .fa-bars {
  color: #fff;
  font-size: 20px;
}




/* Header & Footer End*/


/* Home Page Start  */

#about_area {
  padding: 40px 0;
  background-color: #EEF4F8;
}

.subscribe_text p {
  font-weight: 600;
  color: #202020;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.n-contact {
  padding: 15px 40px;
  border-radius: unset;
  font-size: 18px;
  border-radius: 3px;
}


#volunteer_area_main {
  padding: 30px 0;
  /* background-color: #EEF4F8; */
}

#trending_causes {
  padding: 30px 0;
}

.p-price .price {
 font-size: 15px;
 margin-right: 5px;
 /*color: #202020;*/
 font-weight: 600;
}

.p-price .real {
  font-size: 10px;
  color: gray;
  text-decoration: line-through;
 }

 .hp-cart-box .discount {
  display: block;
  color: #000;
  font-size: 14px;
  background-image: linear-gradient(to right,rgba(170, 208, 67,0.3), #AAD043, #AAD043, rgba(170, 208, 67,0.3));
  margin-top: 13px;
  padding: 3px 0px;

}

 .hp-cart  {
  display: inline-block;
  background-color: #202020;
  color: #fff;
  font-size: 13px;
  padding: 5px 13px;
  margin-top: 7px;
  border-radius: 2px;
 }

 .hp-cart i {
  margin-right: 5px;
 }

 .hp-cart:hover {
  color: #fff;
  background-color: #454545;
 }

 .case_boxed_wrapper  {
  margin-bottom: 20px;
 }


/* Home Page End  */





@media(max-width: 1200px) {
  .main_header_arae {
    display: none;
  }

  .mob-header {
    display: block;
  }
}

@media(max-width: 767px) {
  .about_area_main_text {
    padding-top: 35px;
}

.about_area_heading h3 {
  font-size: 18px;
  margin-bottom: 5px;
}

.about_area_heading_two h2 {
  line-height: 35px;
  font-weight: 500;
  font-size: 25px;
}

.about_area_para h5 {
  font-size: 16px;
}

.about_area_para p  {
  font-size: 15px;
  padding-top: 7px;
}

.about_vedio_area  {
  padding-top: 15px;
}

.btn_md {
  padding: 7px 20px;
  font-size: 14px;
  border-radius: 2px;
}

.donate_text h2 {
  font-size: 20px;
  line-height: 33px;
  padding-top: 20px;
}

.section_heading h2 {
  padding-top: 10px;
  font-size: 25px !important;
  line-height: 36px;
}

.subscribe_text h3 {
  font-size: 25px;
  padding-top: 10px;
  line-height: 40px;
  margin-bottom: 10px;
}

.n-contact {
  padding: 10px 20px;
  border-radius: unset;
  font-size: 14px;
  border-radius: 3px;
}

.f-logo {
  width: 100%;
}

}

@media(max-width: 576px ) {
  .subscribe_wrapper {
    padding: 30px 30px 30px 30px !important;
}
}

/* New CSS Emd */

/* Offcanva Start */

.offcanvas-header {
  background-color: #7C0000;
  padding: 7px 15px; 
}

.btn-close{
  background-color: #fff;
}

.offcanvas-title {
  width: 100px;
}

.offcanvas-body {
  background-color: #7C0000;
}

.offcanvas-body ul li a {
  display: block;
  color: #fff;
  padding: 8px 10px;
  font-size: 13px;
  border-bottom: 1px solid rgba(256,256,256,0.2);
  /* margin-bottom: 5px; */
  font-weight: 500;
}

.offcanvas-body ul li a i {
  margin-left: 10px;
  font-size: 12px;
}

.offcanvas-body ul li a:hover {
  background-color: #fff;
  color: #D71F2D;
}

.mobsubmenu {
  background-color: #fff;
}

.mobsubmenu a {
  color: #202020 !important;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1 !important;
}


/* Offcanva End */

/* All Projects Start */

.project-btn {
  display: block;
  background-color: #D71F2D;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}

.project-btn:hover {
  background-color: #202020;
  color: #fff;
}

#upcoming_events {
  padding: 30px 0 10px;
}

.project-title-box {
  margin-bottom: 20px;
}

.project-title-box h2 {
  font-size: 25px;
  color: #D71F2D;
  text-decoration: underline;
  margin-bottom: 10px;
  line-height: 1;
  letter-spacing: 1px;
  border-radius: 3px;
}


.project-title-box p {
  font-size: 15px;
  color: rgba(0,0,0,0.8);
  margin-bottom: 7px;
}


/* All Projects End */


/* Project Details Start*/

#trending_causes_main {
  padding: 40px 0;
}

.details_text_wrapper h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
}

.details_text_wrapper p {
  font-size: 15px;
  padding-top: 5px;
  color: rgba(0,0,0,0.8);
}



.project-category {
  margin-bottom: 15px;
}

.project-category a {
  display: block;
  /* border: 2px solid #ebebeb; */
  background-color: #D71F2D;
  padding: 7px 10px;
  margin-bottom: 2px;
  color:#fff;
  font-size: 13px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.project-category a:hover {
  background-color: #202020;
}

.project-category h3 {
  font-size: 20px;
  margin-bottom: 7px;
  text-decoration: underline;
}

/* Project Details End*/

/*  Gallery Start */

#gallery_grid_area {
  padding: 40px 0;
}

/*  Gallery End */

/* Get Involved Start*/

.get-involved {
  padding: 40px 0;
}

.get-involved-box .img img {
  width: 60%;
  height: 300px;
  object-fit: cover;
  margin-bottom: 15px;
  border-radius: 5px;
}

.get-involved-box h2 {
  font-size: 30px;
  text-decoration: underline;
  margin-bottom: 10px;
  color: #D71F2D;
}

.get-involved-box h3 {
  font-size: 18px;
  margin-bottom: 5px;
  color: rgba(0,0,0,1);
  font-weight: 600;
}

.get-involved-box p {
  font-size: 15px;
  color: rgba(0,0,0,1);
  margin-bottom: 5px;
}

.get-involved-box ul {
  padding-left: 15px;
  margin-bottom: 15px;
}

.get-involved-box ul li {
  list-style-type: disc !important;
  font-size: 15px;
}

.get-involved .gap {
  padding: 5px 0;
}

.get-involved .VI-btn {
  display: inline-block;
  background-color: #D71F2D;
  color: #fff;
  padding: 9px 10px;
  margin-top: 10px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 2px;
}

.get-involved .VI-btn:hover {
  background: #252525;
}

.get-involved .VI-btn i {
  font-size: 11px;
}

@media(max-width: 767px) {
  .get-involved-box h2 {
    font-size: 24px;
  }

  .get-involved-box .img img {
    width: 100%;
    height: unset;
  }
}

/* Get Involved End */


/* Our Story Start */

.our-story {
  padding: 40px 0;
}

.story-image {
  margin-bottom: 10px;
}

.story-content h2 {
  color: #D71F2D;
  text-decoration: underline;
  font-size: 28px;
  margin-bottom: 5px;
}

.story-content p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 10px;
  text-align: justify;
}

.story-content blockquote {
  padding-left: 20px;
  font-size: 18px;
}

.story-content blockquote span {
  font-weight: 600;
  font-size: 18px;
}

/* Our Story End */

/* Products Page Start */

.products-sec {
  padding: 30px 0;
}



/* Products Page End */


/* blog Start */

#main_blog_area {
  padding: 20px 0 40px;
}

#main_blog_area .blog_card_text {
  padding: 10px 20px 20px;
}

#main_blog_area .blog_card_wrapper {
  margin-bottom: 25px;
}

#main_blog_area .blog_card_heading {
  color: #202020;
}

#news_details_main {
  padding: 30px 0;
}
.details_wrapper_area {
  margin-bottom: 20px;
}

/* blog End */

/* Login Start */

#login_area {
  padding: 40px 0 20px;
  background: #f7f7f7;
}

.author_form_area h3 {
  text-transform: uppercase;
  font-weight: 600;
  /* text-decoration: underline; */
  text-align: center;
  font-size: 21px;
}

.login-btn {
  display: inline-block;
  background-color: #D71F2D;
  color: #fff;
  border: none;
  outline: none;
  padding: 7px 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  margin-bottom: 15px;
}

/* Login End */

/* Privacy Policy Start */

#terms_service {
  padding: 30px 0;
}

/* Privacy Policy End */



/* catalouge btn */

.catalogue-btn  {
  position: fixed;
  top: 40%;
  right: 0px;
  z-index: 99999;
}

.catalogue-btn  a {
 display: block;
}

.catalogue-btn  a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid rgba(256,256,256,0.7);
  color: #fff !important;
  margin-bottom: 0px;
  background-color: #000;
}

.catalogue-btn  a:last-child i {
  border-bottom: unset;
}

.catalogue-btn  a span {
  visibility: hidden;
  opacity: 0;
  color: #fff;
  /* padding: 3px 7px; */
  font-size: 0px;
  margin-left: 0;
  transition: 0.2s ease-in;
}



.catalogue-btn  a span.fb {
  background-color: #234A7C;

}

.catalogue-btn  a span.inst {
  background-color: #46458b;
}


.catalogue-btn  a span.twt {
  background-color: #1D9BF0;
}

.catalogue-btn  a span.you {
  background-color: #FF0000;
}

.catalogue-btn  a span.wp {
  background-color: #0DC143;
}


.catalogue-btn  a i.fa-facebook {
  background-color: #234a7c;
}

.catalogue-btn  a i.fa-instagram {
  background-color: #46458b;
}

.catalogue-btn  a i.fa-twitter {
  background-color: #1D9BF0;
}

.catalogue-btn  a i.fa-youtube {
  background-color: #FF0000;
}

.catalogue-btn  a i.fa-whatsapp {
  background-color: #0DC143;
}


.catalogue-btn  a:hover .fb,
.catalogue-btn  a:hover .inst,
.catalogue-btn  a:hover .you,
.catalogue-btn  a:hover .twt,
.catalogue-btn  a:hover .wp {
  opacity: 1;
  visibility: visible;
}


/*  VI Form Page Start */

.VI-form-sec {
  padding: 40px 0;
}

.VI-formBox .form-control {
    height: 45px;
}

.VI-formBox select {
  box-shadow: 0px 1px 13px 0px #0000000d;
  padding: 10px 22px;
  font-size: 16px;
  width: 100% !important;
  /* background: #e03c3314; */
}

.VI-formBox input[type="file"].form-control {
  background-color: unset;
  border: none !important;
  outline: none;
  box-sizing: none;
}


.VI-formBox .VI-btn {
  border: none;
  outline: none;
  padding: 8px 15px;
  background-color: #D71F2D;
  color: #fff;
  font-size: 14px;
  border-radius: 2px;
  letter-spacing: 1px;
  transition: 0.2s ease-in;
}

.VI-formBox .VI-btn:hover {
  background-color: #202020;
}

/*  VI Form Page End */


/* Cart Page Start */

.cart_page_bg {
  padding: 40px 0;
}

.cart-link a {
  display: inline-block;
  background-color: #D71F2D;
  color: #fff;
  padding: 7px 15px;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  border-radius: 0px;
  margin-top: 10px;
  letter-spacing: 1px;
}

.cart-link a:hover {
  background-color: #202020;
}

.cart_page_bg thead th {
  background-color: #202020;
  color: #fff;
  font-weight: 400 !important;
  font-size: 14px;
  text-align: center;
}

.cart_page_bg table tr td {
  text-align: center;
  vertical-align: center !important;
  white-space: nowrap;
}



.cart_page_bg table .product_quantity {
  border: 1px solid #ebebeb !important;
  outline: none;
}

.cart_page_bg table .product_thumb {
  width: 70px;
}

.table-responsive  {
  overflow-x: auto;
}

/* Cart Page End */

/* Order Page Start */

.order-page {
  padding: 40px 0;
}

.order-page th {
  background-color: #202020;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
}

.order-page td {
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
}

/* Order Page End */

/* Dropping Center Start */

.dropping-center {
  padding: 40px 0;
}

.search-bar {
  width: 100%;
  margin-bottom: 30px;
}

.search-bar input {
  width: 79%;
  border: 1px solid #ccc;
  background-color: #fafafa;
  height: 40px;
  padding: 5px 15px;
  border-radius: 2px;
}

.search-bar button {
  height: 40px;
  width: 20%;
  border: none;
  outline: none;
  background-color: #202020;
  color: #fff;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 2px;
}

.dropping-box {
  width: 100%;
  background-color: #A6CE39;
  text-align: center;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 2px;
}

.dropping-box .drop-link {
  display: block;
  font-size: 14px;
  color: #202020;
  font-weight: 600;
  text-transform: uppercase;
}

.dropping-box .center-box {
  background-color: #fff ;
  margin-top: 15px;
  text-align: left;
  padding: 15px;
}

.dropping-box .center-box h3 {
  font-size: 18px;
  text-decoration: underline;
  margin-bottom: 10px;
}

.dropping-box .center-box p  {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0,0,0,0.9)
}

.dropping-box .center-box p strong {
  font-weight: 600;
  color: #202020;
  margin-right: 5px;
}
/* Dropping Center End */

/*  Contribute Page Start */

.contribute-page {
  padding: 40px 0;
}


.con-title h3 {
  margin-bottom: 20px;
  text-decoration: underline;
  color: #D71F2D;
  text-align: center;
}


.cont-tabs {
  justify-content: center;
  border-bottom: unset;
}

.cont-tabs .nav-link.active {
  background-color: #353535;
  color: #fff;
  font-size: 16px;
}

.cont-tabs .nav-link {
  background-color: #202020;
  color: #fff;
  padding: 10px 30px;
  font-size: 14px;
}

.contri-form {
  padding: 30px ;
  margin-top: 25px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.contri-form input {
  height: 40px;
}

.contri-form input[type="file"] {
  border: none;
  background-color: #fff;

}

.cont-btn {
  display: inline-block;
  background-color: #D71F2D;
  color: #fff;
  padding: 9px 20px;
  margin-top: 10px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 3px;
  border: unset;
  outline: none;
  transition: 0.2s ease-in;
}

.cont-btn:hover {
  background: #202020;
}

/*  Contribute Page End */

.checkout-page {
  padding: 30px 0;
}

.bil-form {
  margin-bottom: 20px;
}


.bil-form h2 {
  font-size: 25px;
  margin-bottom: 10px;
  color: #D71F2D;
  text-decoration: underline;
}

.bil-form input {
  height: 40px !important;
}





.order-details h2 {
  font-size: 20px;
  text-decoration: underline;
  margin-bottom: 15px;
}

.order-details {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
}


.order-details .od-flex {
  display: flex;
  justify-content: space-between;
  padding: 0px 0 15px;
  border-bottom: 1px solid rgba(0,0,0, 0.1);
  margin-bottom: 10px;
}

.order-details .od-flex span {
  font-weight: 500;
  font-size: 16px;
}

.order-details .od-flex span.discount {
  color: green;
  font-size: 15px;
}

.order-details .od-flex span.sub {
  font-weight: 600;
}

.order-details .od-flex span.gst {
  color: green;
  font-size: 15px;
}

.order-details .od-flex span.grand {
  color: #000;
  font-size: 20px;
}

/* Checkout Page End */

/* Profile Page Start */

.profile-page {
  padding: 40px 0;
}

.profile-page .nav-link {
  background-color: #202020;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1px;
  text-align: center;
}

.profile-page .nav-link.active {
  background-color: #353535;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.profile-form h2 {
  font-size: 23px;
  text-decoration: underline;
  margin-bottom: 10px;
  color: #D71F2D;
}

.profile-form input {
  height: 40px;
}

.profile-btn {
  display: inline-block;
  background-color: #D71F2D;
  color: #fff;
  padding: 7px 20px;
  margin-top: 10px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 2px;
  outline: none;
  border: none;
  border-radius: 2px;
  transition: 0.3 ease-in;
}

.profile-btn:hover {
  background-color: #202020;
}

.profile-address h2 {
  font-size: 20px;
  text-decoration: underline;
}

.profile-address p {
  font-size: 15px;
  color: rgba(0,0,0,0.8);
  margin-bottom: 5px;
}

.profile-address p strong {
  font-weight: 600;
  color: #202020;
  margin-right: 5px;
}

.bill-edit {
  display: inline-block;
    background-color: #D71F2D;
    color: #fff;
    padding: 5px 20px;
    margin-top: 7px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 2px;
}

.bill-edit:hover {
  background-color: #202020;
  color: #fff;
}

/* Profile Page End */


/*  Product Details Start */

.product-details {
  padding: 40px 0;
}

.product-details .pd-image-box {
  position: relative;
}

.product-details .pd-image-box img {
  width: 100%;
  border: 1px solid #ccc;
}

.product-details .pd-image-box .fa {
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 0;
  background-color: #202020;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px 0 0 0;
}

.pd-content-box h2 {
  font-size: 20px;
  margin-bottom: 5px;
  padding: 0 0 10px;
  line-height: 1;
  text-decoration: underline;
  /* border-bottom: 1px solid #ccc; */
  margin-bottom: 10px;
}

.pd-content-box .price-box {
  margin-bottom: 10px;
}

.pd-content-box .price-box .sale {
    font-size: 18px;
    font-weight: 500;
    margin-right: 5px;
}

.pd-content-box .price-box .real {
  font-size: 15px;
  text-decoration: line-through;
  color: gray;
  font-weight: 500;
  margin-right: 5px;
}

.pd-content-box .price-box .discount {
  color: green;
}

.pd-content-box .qty-box {
  margin: 15px 0;;
}

.pd-content-box .qty-box span {
  font-size: 16px;
  font-weight: 500;
  margin-right: 5px;
}

.pd-content-box .qty-box input {
  border: 1px solid #ccc !important;
  height: 30px;
}

.pd-cart-btn {
  display: inline-block;
  background-color: #D71F2D;
  color: #fff;
  padding: 9px 20px;
  border-radius: 3px;
  margin-bottom: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}

.pd-cart-btn a i {
  margin-right: 3px;
}

.pd-cart-btn a:hover {
}

.delivery-op h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.delivery-op input {
  border: 1px solid #ccc;
  height: 35px;
}

.delivery-op button {
  border: unset;
  outline: unset;
  background-color: #202020;
  color: #fff;
  font-size: 14px;
  padding: 5px 15px;
  height: 35px;
  transition: 0.2s ease-in;
}

.delivery-op button:hover {
  background-color: #353535;
}

.delivery-op  p {
  font-size: 14px;
  margin-top: 10px;
  color: rgba(0,0,0,0.8);
}


.pro-d-box {
  padding: 30px 0 0;
}

.pro-d-box .nav-link.active {
  background-color: #353535;
  color: #fff;
  font-size: 16px;
}

.pro-d-box .nav-link {
  background-color: #202020;
  color: #fff;
}

.pro-d-box .tab-content {
  padding: 20px;
  border: 1px solid #ccc;
}

.pro-d-box .tab-content p {
  font-size: 15px;
  color: rgba(0,0,0,0.8);
}

@media(max-width: 767px) {
  .pd-content-box h2 {
    margin-top: 15px;
  }
}



/*  Product Details End */


/* Partner start */


.section_heading.partner h3 {
  color: #202020;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 30px;
}
#partner_area a img {
  padding: 10px;
  border: 1px solid #ddd !important;
}

@media(max-width: 767px) {
  .section_heading.partner h3 {
    font-size:25px;
    margin-bottom: 0;
  }
  

#partner_area {
    padding: 30px 0 30px 0;
}
}

/* Partner end */



.banner_sec_hero2{
    display:none;
}


.table_order{
  overflow-x:auto;
}

/*  */

.certificate_btn_div{
  margin-bottom: 30px;
}


.certificate_btn_div a{
  background-color: #fff;
  padding: 10px 20px 10px 20px;
  color: #212121;
  border-radius: 100px;
  text-transform: capitalize;
  font-size: 14px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-weight: 600;
  border-left: 2px solid #D71F2D;
  border-right: 2px solid #D71F2D;
  transition: .4s ease-in-out;
  
}


.certificate_btn_div a:hover{
  background-color: #212121;
  padding: 10px 20px 10px 20px;
  color: #fff;
  border-radius: 100px;
  text-transform: capitalize;
  font-size: 14px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-weight: 600;
  border-left: 2px solid #f0f32d;
  border-right: 2px solid #f0f32d;
  transition: .4s ease-in-out;
  
}


/*  */
.notification_div{
  position: fixed;
  top: 80%;
  right: 2%;
  z-index: 9999;
}
.notification_modal .modal{
  z-index: 99999 !important;
}

.notification_modal .modal-content{
  border-radius: 0px !important;
  border: none !important;
  outline: none !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
  z-index: 99999;
}

.notification_div p a img{
  width: 60px;
  border-radius: 100%;
  height: 60px;
  line-height: 80px;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: 2px dashed #F78F1E;
}
/* 
.notification_div p a{
  writing-mode: vertical-rl;
  background: linear-gradient(141deg, rgba(242,93,61,1) 21%, rgba(33,33,33,1) 100%);
  transition: .5s ease-in-out;
  padding: 20px 10px 20px 5px;
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: 2px solid #F25D3D;
  font-weight: 700;
} */

.notification_text-div h1{
  font-size: 15px;
  color: #F25D3D;
  text-transform: capitalize;
  font-weight: 600;
}

.notification_text-div p{
  font-size: 14px;
  color: #212121;
}

.notification_div span{
  animation: shadow-pulse 1s infinite;
}

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(124, 0, 0, 0.356);
  }
  100% {
    box-shadow: 0 0 0 15px  rgba(124, 0, 0, 0);
  }
}

/*  */



.payment_order_section{
/*padding-top: 130px;*/
  padding-bottom: 50px;
}

.payment_table_div{
  background-color: #fff;
  padding: 15px;
  overflow-x: auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.payment_table_div p{
  padding-bottom: 15px;
  text-align: center;
  color: #F25D3D;
  text-transform: capitalize;
  font-weight: 500;
}

.payment_table_div table th{
  text-align: center;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
  color: #212121;
}

.payment_table_div table td {
text-transform: capitalize;
text-align: center;
font-size: 15px;

}

.payment_table_div table .right_th_th{
text-align: right;
}

/*  */

.payment_mode_sec{
  padding-bottom: 40px;
}

.payment_mode_ti{
  text-align: center;
  padding-bottom: 25px;
}

.payment_mode_ti h3{
  color: #383737;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 4px;
}

.payment_mode_ti p b{
  color: #e03c33;
  text-transform: capitalize;
}

.payment_mode_ti p{
  font-size: 15px;
    color: #e03c33;
}

.payment_mode_main_div_nested{
  background-color: #fff;
    padding: 20px 10px 20px 10px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      border-radius: 3px;
      margin-bottom: 15px;
      transition: .4s ease-in-out;
        cursor: pointer;
}

.payment_mode_main_div_nested:hover {
  background-color: #d4d0d091;
  padding: 20px 10px 20px 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 3px;
  margin-bottom: 15px;
  transition: .4s ease-in-out;
  cursor: pointer;
}

.payment_mode_flex_div{
  display: flex;
  justify-content: space-around;
  margin-bottom: 10px;
}

.upi_img_box{
  display: flex;
  align-items: center;
}


.upi_img_box img{
  width: 40px;
}

.upi_img_box p{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  margin: 0px 10px;
}

.payment_mode_main_div_nested span{
  text-align: center;
  font-size: 14px;
  display: block;
}

.payment_mode_main_div_nested .span_tagline {
  color: #212121;
  font-weight: 500;
}

.payment_mode_main_div_nested .span_fee{
  color: #e03c33;
  font-weight: 400;
}


/* donate css */

.doante_section{
  padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
}


.donate_main_div_tab{
  background-color: #fff;
  padding: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.donate_main_div_tab .nav-pills .nav-link.active{
  background-color: #D71F2D !important;
  border-radius: 0px !important;
  font-size: 14px;
}

.donate_main_div_tab .nav-pills .nav-link{
  background-color: #fff !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 0px !important;
    font-size: 14px;
}

.inner_txt_label_div{
  margin-bottom: 20px;
}

.inner_txt_label_div p{
  font-size: 14px;
  line-height: 36px;
  border-bottom: 1px dashed lightgray;
 
}

.donate_btn_div{
  margin-top: 20px;
}

.custom-amt{
  float: left;
    margin-right: 20px;
    line-height: 40px;
}

.radio-wrapper input[type="radio"]:checked+label {
  background-color: #1e73be;
  color: #fff;
  border: solid 2px white;
}

.radio-wrapper label {
  display: inline-block;
  padding: 10px;
  border: solid 2px #e2f0f8;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 30px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.04em;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
  cursor: pointer;
  text-align: center;
  width: 25% !important;

margin: 0px 6px;
}

.radio-wrapper input.radio {
  width: auto;
}

.radio-wrapper input[type="radio"] {
  display: none;
}

.inner_tab_img_panle{
  text-align: center;
  margin-bottom: 15px;
  background-color: #fff;
  padding: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.inner_tab_img_panle img{
  margin: auto;
  text-align: center;
  display: block;
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.input_div_one_month{
padding: 0px 10px;
margin-top: 15px;
align-items: center;
}

.input_div_one_month input{
  background-color: #fff !important;
  padding: 10px 0px 10px 8px !important;
  border: 1px solid lightgray;    
  height: auto !important;   
  border-radius: 0px !important;          
}

.input_div_one_month select {
  background-color: #fff !important;
  padding: 10px 0px 10px 8px !important;
  border: 1px solid lightgray;
  height: auto !important;
  border-radius: 0px !important;
}

.input_div_one_month button{
  background-color: #D71F2D !important;
  color: #fff;
  padding: 10px 20px 10px 20px !important;
  border-radius: 0px !important;
  transition: .4s ease-in-out;

}

.input_div_one_month button:hover {
  background-color: #303030 !important;
  color: #fff;
  padding: 10px 20px 10px 20px !important;
  border-radius: 0px !important;
  transition: .4s ease-in-out;

}

.hidde_inp_div{
  opacity: 0;
  display:none;
}

.show_inp_div{
  opacity: 1;
  display:block !important;
}

.hide_month_div_css{
  opacity: 0;
  
}

/* donate css end */

/* donat dt css */
.donate_details_sec{
  padding-top: 60px;
  padding-bottom: 60px;
}

.donate_dt_form_div{
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 25px;
}

.donate_dt_form_div h1{
  font-size: 25px;
  text-transform: capitalize;
  color: #212121;
  font-weight: 600;
  padding-bottom: 10px;
}

.donate_dt_form_div p{
  line-height: 30px;
}

.donate_dt_form_div p > b{
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
    color: #212121;
}

.donate_dt_form_div b{
  font-size: 14px;
    color: #212121;
}

.donate_dt_form_div p{
  font-size: 15px;
  color: #212121;
 
}

.donate_dt_input_box input{
  height: auto !important;
  margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 15px 10px 15px 12px !important;
    border: 1px solid rgb(228, 225, 225);
    border-radius: 0px !important;
}

.donate_dt_input_box select {
  height: auto !important;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  padding: 15px 10px 15px 12px !important;
  border: 1px solid rgb(228, 225, 225);
  border-radius: 0px !important;
  -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    
}

select::-ms-expand {
   display: none;
}
.select {
   position: relative;
   display: flex;
   width: 20em;
   height: 3em;
   line-height: 3;
   background: #5c6664;
   overflow: hidden;
   border-radius: .25em;
}
.select::after {
   content: '\25BC';
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 1em;
   background: #2b2e2e;
   cursor:pointer;
   pointer-events:none;
   transition:.25s all ease;
}
.select:hover::after {
   color: #23b499;
}

.donate_dt_input_box p{
    font-size: 15px;
      color: #212121;
}

.donate_dt_input_box b{
    font-size: 14px;
    color: #212121;
  }

         .donate_dt_input_box option{
          border: none !important;
         }

    .donate_dt_input_box button{
      background-color: #D71F2D;
      color: #fff !important;
      border-radius: 0px !important;
      padding: 10px 20px 10px 20px !important;
    }

/*  */