#main-carousel .owl-dots {
    position: absolute;
    top: 24%;
    left: 0%;
    transform: rotate(0deg);
}
#main-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 11px;
    border-radius: 50%;
    display: block;
    background: #ffffff;
    box-shadow: 0 0 7px 0px #d4d4d4;
}
#main-carousel .owl-dots .owl-dot.active span{
	background:#0c3132;
}
#main-carousel .owl-dots .owl-dot{
	margin-left:8px;
}
.main-slider{
	position:relative;
    background-image: url(../img/banner/home-banner-bg.png);
  padding: 60px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
#home_one_banner .owl-nav{
    display: flex;
}
#home_one_banner .owl-nav button span {
    display: none;
    border-radius: 10px;
    width: 35px;
    height: 41px;
    background: #0c3132;
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    position: absolute;
    top: 39%;
}
#home_one_banner .owl-nav button.owl-prev span {
    left: -10%;
}
#home_one_banner .owl-nav button.owl-next span {
    right: -10%;
}
#home_one_banner:hover .owl-nav button span{
	display:block;
	transition:0.3s;
}

.liquid_container{
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 100vh; */
}
.liquid {
    top: 7%;
    position: absolute;
    width: 90px;
    height: 90px;
    cursor: pointer;
    border-radius: 50%;
    background: #173b3c;
    /* box-shadow: 0 3px 10px rgba(0,0,0,0.15); */
    left: 83%;
    animation: liquid 8s linear infinite alternate;
}

.liquid:hover{
  animation-play-state: paused; 
}

@keyframes liquid{
  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}
.liquid1 {
    top: 7%;
    position: absolute;
    width: 84px;
    height: 85px;
    cursor: pointer;
    border-radius: 50%;
    background: #a8d7cd;
    /* box-shadow: 0 3px 10px rgba(0,0,0,0.15); */
    left: 83%;
    animation: liquid 4s linear infinite alternate;
}

.liquid1:hover{
  animation-play-state: paused; 
}

@keyframes liquid1{
  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}


#home_blog_area .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
#home_blog_area .owl-nav button.owl-prev {
  left: 0;
}
#home_blog_area .owl-nav button.owl-next {
  right: 0;
}

#home_blog_area .owl-dots {
  text-align: center;
  padding-top: 15px;
}
#home_blog_area .owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
#home_blog_area .owl-dots button.owl-dot.active {
  background-color: #000;
}
#home_blog_area .owl-dots button.owl-dot:focus {
  outline: none;
}
#home_blog_area .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
/* #home_blog_area span {
    font-size: 70px;    
    position: relative;
    top: -5px;
} */
#home_blog_area .owl-nav button:focus {
    outline: none;
}


.main-navbar .navbar ul {
  padding-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
}



/* Contact Us Page  */



/* #########   Donation page start from here  ############*/


.sidebar_inner_heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.recent_donet_img {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recent_donet_img i {
  font-size: 30px;
}

.project_organizer_img i {
  font-size: 30px;
}

/* #########   Donation page start from here  ############*/

/* ######### cause page start from here ######### */
.case_boxed_img {
  position: relative;
  overflow: hidden;
  height: 230px;
}

 /* ######### cause page start from here ######### */










/*  ###################### harpreet mam css file start from here  ###################### */

#main-carousel .owl-dots {
  position: absolute;
  top: 12% !important;
  left: 0%;
  transform: rotate(0deg);
}
#main-carousel .owl-dots .owl-dot span {
  width: 12px;
  height: 11px;
  border-radius: 50%;
  display: block;
  background: #ffffff;
  box-shadow: 0 0 7px 0px #d4d4d4;
}
#main-carousel .owl-dots .owl-dot.active span{
background:#0c3132;
}
#main-carousel .owl-dots .owl-dot{
margin-left:8px;
}
.main-slider{
position:relative;
  background-image: url(../img/banner/home-banner-bg.png);
padding: 60px 0 0;
background-repeat: no-repeat;
background-size: cover;
}
#home_one_banner .owl-nav{
  display: flex;
}
#home_one_banner .owl-nav button span {
  display: none;
  border-radius: 10px;
  width: 35px;
  height: 41px;
  background: #0c3132;
  color: #fff;
  font-size: 32px;
  line-height: 38px;
  position: absolute;
  top: 39%;
}
#home_one_banner .owl-nav button.owl-prev span {
  left: -10%;
}
#home_one_banner .owl-nav button.owl-next span {
  right: -10%;
}
#home_one_banner:hover .owl-nav button span{
display:block;
transition:0.3s;
}

.liquid_container{
display: flex;
align-items: center;
justify-content: center;
/* height: 100vh; */
}
.liquid {
  top: 7%;
  position: absolute;
  width: 90px;
  height: 90px;
  cursor: pointer;
  border-radius: 50%;
  background: #173b3c;
  /* box-shadow: 0 3px 10px rgba(0,0,0,0.15); */
  left: 83%;
  animation: liquid 8s linear infinite alternate;
}

.liquid:hover{
animation-play-state: paused; 
}

@keyframes liquid{
0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}
.liquid1 {
  top: 7%;
  position: absolute;
  width: 84px;
  height: 85px;
  cursor: pointer;
  border-radius: 50%;
  background: #a8d7cd;
  /* box-shadow: 0 3px 10px rgba(0,0,0,0.15); */
  left: 83%;
  animation: liquid 4s linear infinite alternate;
}

.liquid1:hover{
animation-play-state: paused; 
}

@keyframes liquid1{
0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}


#home_blog_area .owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
#home_blog_area .owl-nav button.owl-prev {
left: 0;
}
#home_blog_area .owl-nav button.owl-next {
right: 0;
}

#home_blog_area .owl-dots {
text-align: center;
padding-top: 15px;
}
#home_blog_area .owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
#home_blog_area .owl-dots button.owl-dot.active {
background-color: #000;
}
#home_blog_area .owl-dots button.owl-dot:focus {
outline: none;
}
#home_blog_area .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}
/* #home_blog_area span {
  font-size: 70px;    
  position: relative;
  top: -5px;
} */
#home_blog_area .owl-nav button:focus {
  outline: none;
}

#about_area_two  {
margin-top: 30px !important;
}

.details_small_img img {
  height: 200px;
  object-fit: cover;
}

.post_comment_img {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
}

.event_big_img img {
  height: 300px;
  object-fit: cover;
}

.case_boxed_img img {
  height: 250px;
  object-fit: cover;
}

.MkeBtn a {
  color: #424155 !important;
  font-size: 15px;
}

/*li.MkeBtn::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 5px;*/
/*  left: -10px;*/
/*  width: 1px;*/
/*  height: 15px;*/
/*  background-color: #00000078;*/
/*}*/

.topbar-list-right li:last-child {
  margin-right: 0px;
}


.casuses_bottom_icon i {
    font-size: 22px;
    background: #f1f5f5;
    padding: 6px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.event_bottom_icon i {
    font-size: 22px;
    background: #f1f5f5;
    padding: 6px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* new manjeet css start from here  */


/* .social_icon_sidebar ul li a img {
  background: #fceceb;
  padding: 7px;
} */

.footer_navitem_ara ul.icon__footer li {
  margin-right: 17px;
}


.footer_navitem_ara ul.icon__footer {
  display: flex;
  align-items: center;
}

.sidebar_inner_heading h4 {
  font-size: 16px !important;
  font-weight: 400 !important;
}


.All_social__icon li a i {
  font-size: 22px;
  background: #f1f5f5;
  padding: 6px;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recent_donet_img img {
  width: 42px;
  background: #f1f5f5;
  padding: 8px;
  border-radius: 50px;
}

.recent_donet_img img {
  width: 42px;
  background: #f1f5f5;
  padding: 8px;
  border-radius: 50px;
}

.sidebar_heading_main h3 {
  font-size: 20px;
}

/* .project_recentdonet_wrapper {
  height: 292px;
  overflow-y: scroll;
} */

/* //////////// */
.recent_donet_img img {
  width: 37px;
  background: #f1f5f5;
  padding: 8px;
  border-radius: 50px;
}

.recent_donet_img {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.project_recentdonet_wrapper .recent_donet_item {
  border: 2px solid #eee;
  padding: 9px;
  border-radius: 15px;
  margin: 9px 0px;
}

.sidebar_boxed{
  padding: 25px 30px;
}

.sidebar_heading_main {
  border-bottom: none;
  padding-bottom: 7px;
}

.details_wrapper_area .details_big_img img {
  max-height: 467px;
  object-fit: cover;
}



/* ############# 20 october 2023  start from here ############# */

.service_item_right_wrapper {
  width: 100%;
}

.service_item_right_wrapper .service_two_item {
  width: 49.9%;
  float: left;
}

.icon__footer li a i {
  font-size: 22px;
}


.about_tree_mission_icon {
  width: 90%;
}


.slider_dots.owl-theme .owl-dots .owl-dot.active span, .slider_dots.owl-theme .owl-dots .owl-dot:hover span {
  background: #173b3c;
}

.slider_dots.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 5px;
  background: #173b3c75;
  display: block;
  backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}


.blog_bottom_icon i {
    font-size: 22px;
    background: #f1f5f5;
    padding: 6px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: #0c3132 !important;
}

.others-option-for-responsive .dot-menu .inner .circle{
  background-color: #0c3132 !important;
}


.main-responsive-nav .mean-container a.meanmenu-reveal span {
  display: block;
  background: #0c3132;
  height: 2px;
  margin-top: -10px;
  border-radius: 5px;
  position: relative;
  top: 22px;
}

.blog_card_img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.blog_card_wrapper .blog_card_heading {
 /*height: 180px;*/
}


.modal-content .testimonial_wrapper_boxed {
  margin: 0px 0px;
  box-shadow: unset !important;
}

.testimonial_wrapper_boxed p#content {
  border: none;
}

.modal-content .modal-header h3 {
  text-align: center;
  width: 100%;
}

.modal{
  position: fixed;
    top: 28%;
    left: 0;
  z-index: 99999999 !important;
}

.arrow__testimonial {
  border-radius: 50px;
  position: absolute;
  background: #173b3c;
  bottom: 21% !important;
  right: -4% !important;
  padding: 10px 16px !important;
}

.arrow__testimonial a.arrow__testimonia {
  color: #fff;
}

.about_two_quote_wrapper{
  border-left: 4px solid #173b3c;
}

.causes_badge {
  position: absolute;
  top: 10px;
  left: 10px;
  color: var(--white-color);
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 5px;
  background: #173b3c;
}

.gallery_overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #173b3c4d !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.cta_right_side {
  position: relative;
}

.cta_right_side .input-group #sub_email-error {
  position: absolute;
  bottom: -22px;
  left: 25px;
}

.gallery_item img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}

#suggesstion-box ul#country-list a li {
  font-size: 18px;
  border-bottom: 1px solid #eee;
  margin-bottom: 4px;
}

#country-list {
  padding: 0px 16px;
  margin-top: 10px;
  list-style: none;
  color: #000;
  background-color: white;
  height: 251px;
  overflow: auto;
  border-radius: 25px 25px 0px 10px;
}

div#suggesstion-box ul:nth-child(2) {
  display: none;
}

.testimonial_wrapper_boxed img.Prtner_img {
  background: #f1f5f5 !important;
  display: block !important;
  padding: 20px !important;
  border-radius: 50px !important;
}

.footer_navitem_ara h6 a {
  line-height: 35px;
}

 .footer_navitem_ara h6 strong {
  font-size: 16px;
  font-weight: 500;
}


div#followUs {
  margin-top: 2rem;
}


.contact_form_Wrapper form#contact_form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.contact_form_Wrapper form#contact_form .form-group {
  width: 48.5%;
}

.contact_form_Wrapper .messageClass {
  width: 100% !important;
}

.faqs_area button.accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  color: #fff;
  box-shadow: 1px 1px 4px 2px #eee;
  background: #ffffff;
  color: #173b3c;
}


.faqs_area button.accordion span i {
  color: #173b3c;
}

.accordion {
  /*background-color: #205354;*/
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.panel {
  padding: 22px;
  display: none;
  background-color: white;
  overflow: hidden;
  background: #f3f9f8;
}

.faqs_area {
  margin-bottom: 1rem;
}

.explore_Gallery h2 {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  z-index: 9;
}

.explore_Gallery {
  display: flex;
}



/* at the bottom bcoz it is new css*/

div#donate__text {
  position: relative;
}

div#donate__text:before {
  content: "";
  position: absolute;
  background: #173b3c52;
  width: 100%;
  height: 100%;
  top: -8%;
}


section#faqs_arae_top {
  padding: 70px 0 35px 0;
}



.gallery_outerBox{
  border-radius: 9px 9px 0px 0px !important;
}

.titleWithdate h2 {
    font-size: 18px;
    font-weight: 500;
    color: #173b3c;
}

.topbar-area{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.form-group {
    position: relative;
}

.field_icon.toggle-password, .toggle-confmpassword {
    /*color: #2996af;*/
    position: absolute;
    top: 22px;
    right: 18px;
}


.form-control:disabled, .form-control[readonly] {
    background-color: unset !important;
    opacity: 1;
}


.main_EmailFOrm {
    box-shadow: 8px 10px 24px rgb(0 0 0 / 10%);
    padding: 70px 70px;
}

.contact_left_text h3 {
    padding-bottom: 10px;
    margin-top: 2rem;
}


/*my profile css start from here */

section.profile_section {
    margin: 80px 0;
}

.online-astrolger-sidebar ul li {
    background: #eeeeee;
    padding: 12px;
    margin: 10px 0;
    border-radius: 4px;
}

.online-astrolger-sidebar ul {
    padding: 14px;
    box-shadow: 1px 1px 17px 2px #eee;
    border-radius: 6px;
}

.Personal_detailsec h3 {
    margin-bottom: 2rem;
}

.Personal_detailsec .user_profile_form label {
    font-size: 18px;
    margin-bottom: 1rem;
}

.event_daterelative .liquid_container {
    position: absolute !important;
}