@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
    --dark-green: #115d5d;
    --green: #c3e89f;
    --light-green: #f1f9e8;
}
.wpcf7-list-item {
	display: inline-block;
	margin: 0 !important;
}

body{font-family: "Roboto", sans-serif;padding: 0;margin: 0;}
ul{list-style: none;padding-left: 0;margin-bottom: 0;}
a{text-decoration: none; }
p{color: #000;margin-bottom: 0;font-size: 16px;font-family: "Inter", sans-serif;font-weight: 400;line-height: 30px;}
h1, h2, h3, h4, h5, h6{margin-bottom: 0;}
.padding-30{padding:30px;}
.padding-20{padding:20px;}
.padding-1rem-2rem{padding: 1rem 2rem;}
.padding-64{padding:64px;}
.ptb-30{padding:30px 0px;}
.txt-dark-green{color: var(--dark-green)!important;}
.txt-green{color: var(--green)!important;}
.txt-light-green{color: var(--light-green)!important;}
.txt-white{color: #fff!important;}
.bg-dark-green{background-color: var(--dark-green)!important;}
.bg-green{background-color: var(--green)!important;}
.bg-light-green{background-color: var(--light-green)!important; border-radius: 0.375rem;}
.bg-white{background-color: #fff!important;}
.bg-cgreen{background-color: #ecf6f3!important;}
.p-top{padding-top: 70px;}
.pt-70{padding-top:70px}
.p-bottom{padding-bottom: 80px;}
.pb-30{padding-bottom: 30px !important;}
.p-64{padding: 0px 64px;}
.p-bottom-60{padding-bottom: 60px;}
.p-top-60{padding-top: 60px;}
.p-15{padding:15px}
.m-top{margin-top: 80px;}
.m-bottom{margin-bottom: 80px;}
.fw-700{font-weight: 700;}
.font-20{font-size: 20px!important;line-height: 36px!important;}
.font-12{font-size: 12px!important;line-height: 20px !important; }
.font-14{font-size: 14px!important;line-height: 20px !important; }
.font-16{font-size: 16px!important;line-height: 20px !important; }
.btn-light-green{background-color: var(--green);border-color: var(--green) !important;border-radius: 4px;padding: 12px 40px;font-size: 16px;color: var(--dark-green);font-weight: 600;line-height: normal;display: inline-block;border-color: var(--green);}
.btn-light-green:hover{background-color: var(--dark-green);color: var(--green);transition: 0.3s;}
.btn-light-green:active{background-color: var(--green) !important;color: var(--dark-green) !important;transition: 0.3s;}
.btn-dark-green{background-color: var(--dark-green);border-radius: 4px;padding: 12px 40px;font-size: 22px;color: var(--green);font-weight: 600;line-height: normal;display: inline-block;}
.btn-dark-green:hover{background-color: var(--green);color: var(--dark-green);transition: 0.3s;}
.btn-transparent{background-color: transparent;border-radius: 4px;padding: 12px 40px;font-size: 22px;color: var(--green);font-weight: 600;line-height: normal;border: 1px solid var(--green);display: inline-block;}
.btn-transparent:hover{background-color: var(--green);color: var(--dark-green);transition: 0.3s;}
.sub-heading{font-weight: 600;font-size: 40px;line-height: normal;}
/* blog css */
.blog-cards { border: 0; height: 100%; background-color: #ecf6f3;box-shadow: 1px 1px 16px #00000036; border-radius: 10px;}
.blog-cards figure a img { border-radius: 10px 10px 0px 0px;}
.tick-list {list-style: none;padding-left: 0;}
.tick-list li {position: relative;padding-left: 30px;margin-bottom: 10px;}
.tick-list li::before {content: "✔";position: absolute;left: 0;top: 0;font-size: 14px;color: #ffffff;font-weight: bold;background-color:#115d5d;padding:0px 5px;}
.blog-title a {display: inline-block; max-width: 379px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.blog-content p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5em;max-height: 3em;}
.blog-img {height: 300px !important; width: 100%;object-fit: cover;background-position: center;}
/* blog css */
.carousel-caption {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;bottom: 0;}
input.form-check-input {
    background-color: transparent !important;
}
.carousel-caption {
    width: 40%;
    position: absolute;
    right: 9.9%;
    bottom: 0;
    left: unset;
    color: #fff;
    text-align: right;
    transform: translate(0px, -50%);
}
.inner-banner-heading h1{font-size: 54px;color: white;}
.inner-banner-heading hr{opacity: 1;border: 2px solid #c3e89f;margin: 12px 0;width: 106px;}
.inner-banner-heading p{color: #fff !important;max-width: 600px;}
/* .inner-banner-heading h1{ position: relative;text-align: center;font-size:54px; color:#ffffff; text-transform: uppercase;font-weight: 800;display: grid;grid-template-columns: 1fr max-content 1fr;grid-template-rows: 27px 0;grid-gap: 20px;align-items: center;}
.inner-banner-heading  h1:after,.inner-banner-heading  h1:before {content: " ";display: block;border-bottom: 1px solid #ffffff;border-top: 1px solid #ffffff;height: 5px;background-color:transparent;} */
.wp-block-group.calculate-qurban:before {
     content:"";position:absolute;inset:0;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><circle cx='40' cy='40' r='1.5' fill='%23d4af37' fill-opacity='.15'/></svg>");
}

.tag{color: var(--green);font-size: 22px;line-height: normal;font-weight: 600;}
.gap-24{gap: 24px;}
.form-control:focus{box-shadow: unset;outline: 0;}

/* HEADER */
header{position: absolute;left: 0;right: 0;width: 100%;z-index: 999;}
header .topHeader .topIcons{display: flex;align-items: start;justify-content: end;width: max-content;margin-left: auto;}
header .topHeader .topIcons li a{padding: 10px 18px;
/* background: #ffffff1a; */
} 
header .topHeader .topIcons li.searchIco a{padding: 10px;}
header .topHeader .topIcons li.cartIco button{padding: 10px;border: 0;background: var(--dark-green);}
header .topHeader .topIcons li.cartIco button::after{display: none;}
header .topHeader .topIcons li.cartIco #cartcount {background-color: #ff4d4d;border-radius: 16px;padding: 2px 4px;margin-top: -4px;margin-left: -8px;position: absolute;}
/* header .topHeader .topIcons li.cartIco #cartcount{background-color: #ff4d4d;border-radius: 16px;padding: 4px 6px;margin-left: -12px;} */
header .topHeader .topIcons li.cartIco .dropdown-menu{/*min-width: 430px;*/border-radius: 4px;padding: 1px; margin-top:5px !important ;}
header .topHeader .topIcons li.cartIco .dropdown-menu .emptyCartMsg h6{font-size: 18px;text-align: center;line-height: normal;margin-bottom: 14px;}
header .topHeader .topIcons li.cartIco .dropdown-menu .emptyCartMsg p{font-size: 14px;text-align: center;}
header .topHeader .topIcons li.number a{background-color: #112b2b;}
header .topHeader .topIcons li a{color: #fff ;display: flex;align-items: center;gap: 10px;letter-spacing: 0.5px;font-size: 15px;} 
header .topHeader .topIcons li.donateBtn a{color: var(--dark-green);text-transform: uppercase;font-weight: 600;padding: 14px 28px;}
header .topHeader .topIcons li.sTimes a{color: var(--dark-green);}
header .topHeader .topIcons li a:hover{opacity: 0.8;}
header .nav-link{color: #fff !important;font-size: 20px;font-weight: 400;padding-left: 12px !important;padding-right: 12px !important;}
header .nav-link:hover{color: var(--green); }
header .nav-link:focus{color: var(--green);}
header .offcanvas .nav-link, .page-header.is-sticky .offcanvas .nav-link{color: var(--dark-green);}
header .navbar-nav .nav-item:last-child .nav-link{padding-right: 0!important;}
header .g-logo, .page-header.is-sticky .logo{display: none;}
header .navbar-toggler{border: 0;box-shadow: unset!important;}
header .canvaInfoIcon a{color: #000;font-size: 14px;font-weight: 400;line-height: 30px;}
header .canvaInfoIcon .donateBtn a{color: #fff;margin-top: 20px;}
header .canvaInfoIcon a img{margin-right: 10px;}
header .hamBurger{filter: brightness(0%);}
header .megaMenu .nav-link {color: var(--dark-green) !important;font-size: 16px!important;padding-top: 7px;padding-bottom: 7px;}
header .megaMenu .nav-link:hover{color: var(--dark-green)}
header .megaMenu .menu-item-has-children > a{font-weight: 600;font-size: 18px!important;text-decoration: underline;}
.page-header.is-sticky {position: fixed;box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);padding: 0;animation: slideDown 0.35s ease-out;background: #fff;}
.page-header.is-sticky .g-logo{display: block;}
.page-header.is-sticky .g-logo img{width: 134px;}
.page-header.is-sticky .nav-link{color: var(--dark-green) !important;}
.page-header.is-sticky .topHeader .topIcons li a{color: #000;}
.page-header.is-sticky .topHeader .topIcons li.number a{color: #fff;}
.page-header.is-sticky .nav-link{font-size: 18px}
.page-header.is-sticky .topIcons li a {padding: 6px 14px;font-size: 13px;}
.page-header.is-sticky .topHeader .topIcons li.donateBtn a{padding: 6px 28px;color: var(--dark-green);}
.page-header.is-sticky .topHeader .topIcons li.searchIco a{padding: 6px 10px;}
.page-header.is-sticky .topHeader .topIcons li.searchIco img, .page-header.is-sticky .topHeader .topIcons li.cartIco img{width: 22px;}
.page-header.is-sticky .navbar{padding: 5px 0px !important;}
.page-header.is-sticky .topHeader .topIcons li.cartIco button{padding: 6.2px 15px;}
/* event plugin css*/
header.tribe-events-header.tribe-events-header--has-event-search{margin-top: 162px !important;position: relative;z-index: 1; }
header.tribe-events-calendar-latest-past__event-header{position: relative;z-index: 1;}

.navbar-nav > li > .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 75px;
    border-radius: 0;
    border: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar-nav > li > .dropdown-menu > li {
    float: left;
    width: 25%;
    /* margin-bottom: 32px; */
}
.navbar-nav .nav-item {
    padding: 0 6px;
}
.navbar-collapse{
    justify-content: end !important;
}
.topHeader{
    display: flex;
    justify-content: end;
}
header li.cartIco button{padding: 10px;border: 0;background: var(--dark-green);}
header li.cartIco button::after{display: none;}
header li.cartIco .dropdown-menu{/*min-width: 350px;*/border-radius: 4px;padding: 24px;}
header li.cartIco .dropdown-menu .emptyCartMsg h6{font-size: 18px;text-align: center;line-height: normal;margin-bottom: 14px;}
header li.cartIco .dropdown-menu .emptyCartMsg p{font-size: 14px;text-align: center;}
header li.number a{background-color: #112b2b;}
header li a{color: #fff;display: flex;align-items: center;gap: 10px;letter-spacing: 0.5px;font-size: 15px;} 
header li.donateBtn a{color: var(--dark-green);text-transform: uppercase;font-weight: 600;padding: 14px 28px;}
header li.sTimes a{color: var(--dark-green);}
header li a:hover{opacity: 0.8;}
.headRightNav .badge {
    background: #2B884D;
    width: 20px;
    height: 20px;
/*     display: inline-block; */
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    padding-top: 4px;
}
.dropdown-cart {
    min-width: 378px;
    margin-top: 7px !important;
}
.navbar-nav > li > .dropdown-cart.dropdown-menu {
    width: 100%;
    left: -330px;
    right: 0;
    top: 40px;
    border-radius: 0;
    border: 0;
}
/* 7 november  */

/* div#dropdown-cart {
  position: absolute;
  inset: 0px 0px auto auto;
   margin: 0px; transform: translate(-349px, 47px);} */


   div#dropdown-cart {
    transform: translate(-320px, 47px) !important;
    position: absolute !important; 
    inset: 0px 0px auto auto !important;
  }
   .checkout {
    background-color: #296e6e;

}
a#checkout {
background:transparent;
display: flex;
justify-content: center;
}
.checkout a {
  color: white !important;
}

ul#productholder h5 {
  background-color: #ff000000;
  font-weight: 600;
  padding: 10px 0px;
}
sapn.cartItem {
    font-size: 16px;
    font-weight: 400;
    color: #444444;
}
.cartRow {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
       font-family: Roboto;
}
.cartRow:after {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #d7d7d7;
    left: 23px !important;
    right: 0px !important;
    bottom: 0;
}
.cart-amount-wrap {
   font-size: 16px;
    font-weight: 400 !important;
    color: #444444 !important;
    white-space: nowrap;
}
li.cartFooter div {
  font-weight: 600;
}
ul#productholder .col-3 {
  font-weight: 600;
}
.checkout {
  margin-top: 15px;
  border-radius: 4px;
}


/* latest news start */
.latest-news .card{
  border: 0;
    height: 100%;
    background-color: #ecf6f3;
        box-shadow: 1px 1px 16px #00000036;
}
.latest-news .card img {
    max-height: 238px;
    height: 238px;
    object-fit: cover;
}
.latest-news .card h6 {
    font-size: 14px;
    margin-bottom: 18px;
    font-weight: bolder;
}
.latest-news .card .card-title {
    color: var(--dark-green);
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 18px;
    font-weight: 900;
}
.latest-news p{
font-size: 14px;
    line-height: 26px;
    max-width: 430px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px !important;
}
.latest-news .latest-button{
    background-color: var(--dark-green);
    border-radius: 4px;
    padding: 12px 40px;
    font-size: 17px;
    color: var(--green);
    font-weight: 600;
    line-height: normal;
    display: inline-block;
}
.latest-news .latest-button:hover {
    background-color: var(--green);
    color: var(--dark-green);
    transition: 0.3s;
}

/* latest news end */
@media (max-width: 1799px) {
 div#dropdown-cart {
    transform: translate(-260px, 47px) !important;
}
} 

@media (min-width: 992px) {
    /* .carousel-item img {
        width: 100%;
        height: 80vh;
    } */
    #main-banner {
    height: 80vh;
}
}
@media (min-width: 993px) {
 .carousel-caption {
    top: 44%;
}
   #main-banner {
    height: 80vh;
}
/* .carousel-item img {
        height: 100vh;
    } */
}
@media (min-width: 1293px) {
 .carousel-caption {
    top: 46%;
}
    #main-banner {
    height: 95vh;
}
/* .carousel-item img {
        height: 96vh;
    }
*/
}
@media (min-width: 1604px) {
    /* .carousel-item img {
        width: 100%;
        height: 85vh;
    } */
        #main-banner {
    height: 80vh;
}
.carousel-caption {
 top: 50%;
}
}





@media (max-width: 1699px) {
 div#dropdown-cart {
    transform: translate(-200px, 47px) !important;
}
} 

@media (max-width: 1599px) {
 div#dropdown-cart {
    transform: translate(-195px, 47px) !important;
}
} 
@media (max-width: 1499px) {
 div#dropdown-cart {
    transform: translate(-100px, 47px) !important;
}
} 
@media (max-width: 1399px) {
 .blog-title a { max-width: 330px;}
}
@media (max-width: 1199px) {
 div#dropdown-cart {
    transform: translate(0px, 47px) !important;
}
.carousel-caption {width: 70%;top: 36%;}
.blog-title a { max-width: 280px;}
}
@media  (max-width: 1024px) {
    .carousel-caption {
    top: 35%;
}

}

@media (min-width: 992px) {
    .carousel-item img {
    width: 100%;

}

}
@media (max-width: 991px) {
  div#dropdown-cart {
      transform: translate(17px, 47px) !important;
      position: absolute !important;
      inset: 0px 0px auto auto !important;
  }
      header .topHeader .topIcons li.cartIco .dropdown-menu {
    padding: 12px ;
}
    .carousel-inner {
    height: 85vh;
}
.carousel-caption {
    top: 36%;
    right: 11.9%;
}
.carousel-caption {width: 70%}
.blog-title a {max-width: 188px;}
}
@media (max-width: 767px) {
	.blog .wp-container-core-post-template-is-layout-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.blog-title a { display: block;max-width: 498px; white-space: pre-wrap;overflow: hidden;text-overflow: ellipsis;}
    .carousel-inner {
    height: 80vh;
}
.carousel-caption {
    top: 35%;
        right: 14.9%;
}

.banner-prayer-timetable {
    padding: 0px 10px !important;
}
.carousel-caption {width: 70%}
     div#dropdown-cart {
        transform: translate(28px, 47px) !important;
        position: absolute !important;
        inset: 0px 0px auto auto !important;
    }
    header .topHeader .topIcons li.cartIco .dropdown-menu {
    min-width: 350px;
    border-radius: 4px;
    padding: 10px 0px;
}
sapn.cartItem {
    font-size: 14px;
}
.cart-amount-wrap{
  font-size: 14px;
}
.inner-banner {
        padding: 80px 0px !important;
    }
}
/* 7 november  */


.imgCart {
    margin-right: 10px;
}

.cart-head-wrap, .cart-head-wrap-empty {
    padding: 10px 15px;
    font-family: "Poppins", sans-serif;
}

.cart-head-wrap {
    display: none
}

.cart-head-wrap .titile, .cart-head-wrap-empty .titile{
    margin-top: 0;
    background: #f0fae752 !important;
    padding: 10px !important;
    font-size: 16px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600 !important;
    color: #1a252e;
    margin-bottom: 20px;
}

/* .cartRow {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    position: relative;
    font-size: 16px;
    font-family: Roboto;
}

.cartRow:after {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #d7d7d7;
    left: 0px;
    right: 0px;
    bottom: 0px;
} */

.cart-head-wrap .col-xs-7{
    width: 58.33333333%;
    padding-right: 15px;
    padding-left: 10px;
}

.cart-head-wrap-empty .col-xs-7{
    width: 100%;
    padding-right: 15px;
    padding-left: 10px;
}

.cart-head-wrap .col-xs-3, .cart-head-wrap-empty .col-xs-3 {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.cart-head-wrap .col-xs-2, .cart-head-wrap-empty .col-xs-2 {
    width: 16.66666667%;
    padding-right: 15px;
    padding-left: 15px;
    
}

.cart-head-wrap .col-xs-5, .cart-head-wrap-empty .col-xs-5 {
    width: 41.66666667%;
    padding-right: 15px;
    padding-left: 15px;
}

.cart-head-wrap .col-xs-2 img, .cart-head-wrap-empty .col-xs-2 img{
    margin-left: auto;
}

.cartFooter .btn {
    display: block;
    border-radius: 4px;
}

.cartFooter span{font-size: 16px!important;}

/* HERO SECTION */
.heroSlider {width: 100%;}
.heroSlider::after{content: '';background-image: url('../img/hero-banner-overlay.png');background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.heroSlider .slide {display: flex;justify-content: center;align-items: center;height: 100%;}
.heroSlider .slide img {width: 100%;height: 100%;object-fit: cover;object-position: top center;}
.heroSlider .slick-next, .heroSlider .slick-prev{z-index: 99;}
.heroSlider .slick-prev{left: 25px;}
.heroSlider .slick-next{right: 48px;}
.heroSlider .slick-next:before, .heroSlider .slick-prev:before{font-size: 40px;}


/* INNER BANNER */

.inner-banner{padding-top: 64px;
/* 	padding-bottom: 64px; */
}
/* breadcrumb start */
.crumb-section{
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* padding: 0px 15px; */
    border-radius: 4px;
  background-color: #f8f8f8;
}
.crumb-section .breadcrumb a {
 color: #000000 !important;
}
.crumb-section .breadcrumb {
    padding: 2rem 0em 1.25em 0em;
        margin-bottom: 0px;
}
.crumb-section .breadcrumb .fa-house {
  font-size: 1.2em;
}
.crumb-section .breadcrumb a:not(:first-child) {
    padding-left: 14px;
}
.crumb-section .breadcrumb strong {
    padding-left: 14px;
}
.crumb-section .breadcrumb a {
    padding-right: 14px;
}
/* breadcrumb end */


.topSec .topImg{object-fit: cover;}
.topSec hr{opacity: 1;border: 2px solid #115d5d;margin: 12px 0;width: 72px;}
.topSec .g-box p{color: #053232;font-weight: 600;font-size: 24px;}
.pl-list{padding: 0px 2rem ;list-style: disc;}
.mx-700{max-width: 700px;margin: auto;}
a {color: #115d5d;}
/* ASKBOX SECTION  */
@media (min-width: 576px) {.askBoxSec > .row .col-md-6:first-child {padding-left: calc((100vw - 540px) / 2);}}
@media (min-width: 768px) {.askBoxSec > .row .col-md-6:first-child {padding-left: calc((100vw - 720px) / 2);}}
@media (min-width: 992px) {.askBoxSec > .row .col-md-6:first-child {padding-left: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px) {.askBoxSec > .row .col-md-6:first-child {padding-left: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px) {.askBoxSec > .row .col-md-6:first-child {padding-left: calc((100vw - 1320px) / 2);}}
@media (min-width: 576px) {.askBoxSec > .row .col-md-6:last-child {padding-right: calc((100vw - 540px) / 2);}}
@media (min-width: 768px) {.askBoxSec > .row .col-md-6:last-child {padding-right: calc((100vw - 720px) / 2);}}
@media (min-width: 992px) {.askBoxSec > .row .col-md-6:last-child {padding-right: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px) {.askBoxSec > .row .col-md-6:last-child {padding-right: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px) {.askBoxSec > .row .col-md-6:last-child {padding-right: calc((100vw - 1320px) / 2);}}
.askBoxSec > .row .col-md-6{padding-top: 54px;padding-bottom: 84px;}
.askBoxSec .projectSlider{max-width: 500px;width: 100%;}
.askBoxSec .projectSlider .card{background-color: var(--dark-green);border: 0;}
.askBoxSec .projectSlider .card .card-body{padding: 34px 30px;}
.askBoxSec .projectSlider .card img{max-height: 370px;height: 370px;object-fit: cover;}
.askBoxSec .projectSlider .card .card-title{color: #fff;font-weight: 600;font-size: 26px;}
/* Sir Murad */
/* .askBoxSec .projectSlider .card p{color: #fff;font-size: 16px;line-height: 26px;} */
/* Maham */
.askBoxSec .projectSlider .card p{color: #fff;font-size: 16px;line-height: 26px; max-width: 430px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.askBoxSec .projectSlider  .slick-slide {margin: 0 8px;}
.askBoxSec .projectSlider .slick-next, .askBoxSec .projectSlider .slick-prev{top: unset;bottom: -78px;height: 44px;width: 44px;z-index: 99;}
.askBoxSec .projectSlider .slick-next:before, .askBoxSec .projectSlider .slick-prev:before{font-size: 32px;color: var(--dark-green);}
.askBoxSec .projectSlider .slick-next{right: 42%;}
.askBoxSec .projectSlider .slick-prev{left: 42%;}
.boxCardWrap{border-radius: 10px;padding: 28px;background-color: #fff;max-width: 561px;}
.boxCardWrap .btn-list-amount {list-style-type: none;margin: 0px;padding: 20px;display: flex;flex-wrap: wrap;justify-content: center;position: relative;gap: 20px 30px;background-color: var(--light-green);border-radius: 10px;}
.boxCardWrap .btn-list-amount input[type="radio"] {opacity: 0.011;z-index: 100;height: 0px;visibility: hidden;top: -20px;left: -20px;position: absolute;}
.boxCardWrap .btn-list-amount label {cursor: pointer;z-index: 90;text-align: center;margin-bottom: 0px !important;display: flex;justify-content: center;align-items: center;width: 28.1%;border-radius: 10px;font-size: 28px;font-style: normal;font-weight: 700;line-height: 24px;background-color: var(--green);color: var(--dark-green);padding: 28px 14px;transition: all 0.3s ease;}
.boxCardWrap .btn-list-amount input[type="radio"]:checked + label {background-color: var(--dark-green);color: var(--green);}
.boxCardWrap .customAmntDiv label{color: #000;font-size: 16px;font-weight: 400;line-height: normal;margin-bottom: 5px;}
.boxCardWrap .customAmntDiv input{border-radius: 5px;border: 1px solid #000;padding: 10px;color: #000;font-weight: 600;font-size: 20px;line-height: normal;}
.boxCardWrap .customAmntDiv input:focus{border: 1px solid var(--dark-green);}
.boxCardWrap h2{margin-top: 20px;margin-bottom: 10px;font-size: 22px;text-transform: uppercase;font-weight: 800;line-height: normal;}
.boxCardWrap .chooseCampaign{list-style-type: none;margin: 0px;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;position: relative;gap: 8px;}
.boxCardWrap .chooseCampaign input[type="radio"] {opacity: 0.011;z-index: 100;height: 0px;visibility: hidden;top: -20px;left: -20px;position: absolute;}
.boxCardWrap .chooseCampaign label {cursor: pointer;z-index: 90;text-align: center;margin-bottom: 0px !important;display: flex;justify-content: center;align-items: center;width: 32%;border-radius: 7px;font-size: 15px;font-style: normal;font-weight: 400;line-height: 24px;background-color: #ecf6f3;color: #8e9492;padding: 9px 7px;transition: all 0.3s ease;}
.boxCardWrap .chooseCampaign input[type="radio"]:checked + label {background-color: var(--dark-green);color: #fff;}
.boxCardWrap h4{color: #000;font-size: 16px;font-weight: 400;line-height: normal;margin-top: 20px;margin-bottom: 10px;}
.boxCardWrap .selectDtype {display: flex;align-items: center;justify-content: space-between;border-radius: 5px;gap: 12px;}
.boxCardWrap .selectDtype input[type="radio"] {display: none;}
.boxCardWrap .selectDtype label {height: 100%;width: 100%;display: flex;align-items: center;justify-content: start;border-radius: 5px;cursor: pointer;padding: 12px 14px; transition: all 0.3s ease;background-color: #f0f8f6;}
#dmonthly:checked:checked ~ .monthly-option, #doneoff:checked:checked ~ .oneoff-option {background-color: #d9ede8;}
.boxCardWrap .selectDtype label .dot {height: 20px;width: 20px;background: #fff;border-radius: 50%;position: relative;margin-right: 10px;border: 1px solid #cfcfcf;}
#dmonthly:checked:checked ~ .monthly-option .dot, #doneoff:checked:checked ~ .oneoff-option .dot {background: #fff;}
.boxCardWrap .selectDtype label .dot::before {position: absolute;content: "";top: 3px;left: 3px;width: 12px;height: 12px;background: var(--dark-green);border-radius: 50%;opacity: 0;transform: scale(1.5);transition: all 0.3s ease;}
#dmonthly:checked:checked ~ .monthly-option .dot::before, #doneoff:checked:checked ~ .oneoff-option .dot::before {opacity: 1;transform: scale(1);}
.boxCardWrap .selectDtype label span {font-size: 16px;color: #8e9492;font-weight: 400;}
#dmonthly:checked:checked ~ .monthly-option span, #doneoff:checked:checked ~ .oneoff-option span {color: #000;}
.totalAmntHead{color: #f05c4f;font-weight: 600;font-size: 26px;line-height: normal;text-align: center;}
.boxCardWrapFooter{display: flex;justify-content: center;gap: 20px;align-items: center;}
.boxCardWrapFooter button{width: 100%;}
.boxCardWrapFooter .c-btn{border: 1px solid var(--dark-green);padding: 14px;font-size: 16px;font-weight: 400;line-height: normal;color: var(--dark-green);border-radius: 5px;background: transparent;}
.boxCardWrapFooter .c-btn:hover{background: var(--light-green);}
.boxCardWrapFooter .submit{width:50%; border: 1px solid var(--dark-green);padding: 14px;font-size: 16px;font-weight: 400;line-height: normal;color: #fff;border-radius: 5px;background: var(--dark-green);}
.btn-list-amount input.active + label {
    background-color: var(--dark-green); 
    color: var(--green);
}
/* 7-jan-2025 askbox styling */
.chooseCampaign .fund-name {text-align: center;margin-bottom: 0px !important;display: flex;justify-content: center;align-items: center;border-radius: 7px;font-size: 15px;font-style: normal;font-weight: 400;line-height: 24px;background-color: #ecf6f3;color: #8e9492;transition: all 0.3s ease;    width: 244px;padding: 9px 7px;}
.chooseCampaign .fund-name.active {background-color: var(--dark-green);color: #fff;}
/* 7-jan-2025 askbox styling end */
/* SHOP SECTION  */
.shopSec .card{background-color: #ecf6f3;border: 0;height: 100%;}
.shopSec .card img{max-height: 470px;height: 470px;object-fit: cover;}
.shopSec .card .card-title{color: var(--dark-green);font-weight: 600;font-size: 22px;}
.shopSec .card p{font-size: 14px;line-height: 24px;}
.shopSec .card .card-body{padding: 34px 20px 0px 20px;}
.shopSec .card .btn-dark-green{padding: 12px 28px;font-size: 18px;width: max-content;display: block;margin-bottom: 34px;margin-left: 20px;}

/* project slider bootstrap */
.project-slider  .carousel-inner{
  position: static !important;
}
.project-slider .project-card {
            color: white;
            border-radius: 8px;
            overflow: hidden;
            text-align: center;
            margin: 0px 8px;
        }

        .project-slider .carousel-controls {
            padding: 0px 44px;
        }

        .project-slider .project-card img {
            width: 100%;
            max-height: 370px;
            height: 370px;
            object-fit: cover;
        }

        .project-slider .project-card h4 {
            margin-top: 15px;
        }
.project-buttons{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
        .project-slider .btn-donate {
            background-color: #c3e89f;
            border-radius: 4px;
            padding: 12px 40px;
            font-size: 22px;
            color: #115d5d;
            font-weight: 600;
            line-height: normal;
            display: inline-block;
        }

        .project-slider .btn-donate:hover {
            color: #c3e89f;
            border: none;
            background-color: transparent;
        }

        .project-slider .btn-learn {
            background-color: transparent;
            border-radius: 4px;
            padding: 12px 40px;
            font-size: 22px;
            color: #c3e89f;
            font-weight: 600;
            line-height: normal;
            display: inline-block;
            border: 1px solid #c3e89f;
            ;
        }

        .project-slider .btn-learn:hover {
            background-color: #c3e89f;
            color: #115d5d;
        }

        .project-slider .carousel-indicators [data-bs-target] {
            background-color: #0b5345;
        }

        .project-slider .carousel-controls {
            position: absolute;
            bottom: -50px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        .project-slider .carousel-control-prev,
        .project-slider .carousel-control-next {
            background-color: #0b5345;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none;
        }

        .project-slider .carousel-control-prev:hover,
        .project-slider .carousel-control-next:hover {
            background-color: #0b5345;
        }

        .project-slider .carousel-control-prev-icon,
        .project-slider .carousel-control-next-icon {
            width: 16px;
            height: 16px;
        }

        .project-slider .carousel {
            position: relative;
            margin-bottom: 80px;
            width: 500px;
        }

        .project-slider .card-body {
            background-color: #0b5345;
            padding: 34px 30px;
            text-align: left;
        }

        .project-slider .card-title {
            color: #fff;
            font-weight: 600;
            font-size: 24px;
            margin-bottom: 0.5rem;
        }

        .project-slider p{
              color: #fff;
    font-size: 16px;
    line-height: 26px;
    max-width: 430px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px !important;
            /* color: #fff;
            font-size: 16px;
            line-height: 26px;
            max-width: 430px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 10px !important; */
        }

/* EVENT SECTION */
.eventSec{padding-top: 84px;padding-bottom: 84px;position: relative;background-color: var(--dark-green);}
.eventSec::after{content: '';background: url(../img/eventbg.webp) no-repeat center center / cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.eventSec .container{position: relative;z-index: 99;}
.eventSec .card{background-color: #fff;border: 0;height: 100%;}
/* .eventSec .card img{max-height: 238px;height: 238px;object-fit: cover;} */
.eventSec .card h6{font-size: 14px;margin-bottom: 8px;}
.eventSec .card .card-title{color: var(--dark-green);font-weight: 600;font-size: 22px;margin-bottom: 26px;}
.eventSec .card p{font-size: 14px;}
.eventSec .card .card-body{padding: 22px 30px;}
.eventSec .card .btn-dark-green{padding: 12px 28px;font-size: 18px;width: max-content;display: block;margin-bottom: 22px;margin-left: 30px;}


/* OUR WORK SECTION  */
.ourWorkSec .card{background-color: #ecf6f3;border: 0;height: 100%;}
.ourWorkSec .col-md-4{margin-bottom: 28px;}
.ourWorkSec .card img{max-height: 270px;height: 270px;object-fit: cover;}
.ourWorkSec .card .card-title{color: var(--dark-green);font-weight: 600;font-size: 22px;}
.ourWorkSec .card p{font-size: 14px;line-height: 24px;}
.ourWorkSec .card .card-body{padding: 34px 20px 0px 20px;}
.ourWorkSec .card .btn-dark-green{padding: 12px 28px;font-size: 18px;width: max-content;display: block;margin-bottom: 24px;margin-left: 20px;}
/* vision icon stylying */
.icon-styling figure{
      background-color: #115d5d;
    padding: 30px 31px;
    border-radius: 100%;
}
/* vision icon stylying end */

/* BOTTOM BANNER SECTION */
.bottomBannerSec img{width: 100%;height: 330px;object-fit: cover;}
.bottomBannerSec .col-lg-3{position: relative;display: flex;}
.bottomBannerSec .overlay{background: rgba(0,0,0,0.3);position: absolute;height: 99%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.bottomBannerSec a:hover .overlay{opacity: 1;}


/* BOTTOM SECTION  */
.bottomSec{padding-top: 84px;padding-bottom: 84px;background-color: #ecf6f3;}
.bottomSec .salahBox{padding: 32px;background-color: #d8efe8;border-radius: 8px;}
.bottomSec .salahBox ul li a{color: #000;font-size: 20px;line-height: normal;display: inline-block;margin-bottom: 8px;}
.bottomSec .salahBox ul li a:hover{color: var(--dark-green);}


/* FOOTER  */
footer{padding-top: 84px;}
footer .top-ft h6{font-size: 28px;font-weight: 600;line-height: normal;margin-bottom: 24px;}
footer .top-ft ul li a{color: #fff;font-size: 16px;font-weight: 400;line-height: normal;display: inline-block;margin-bottom: 14px;font-family: "Inter", sans-serif;}
footer .top-ft ul li a:hover{color: var(--green);}
footer .top-ft p{color: #fff;font-size: 16px;font-weight: 400;line-height: 22px;display: inline-block;}
footer .newsLetter input{background-color: transparent;border: 1px solid #fff;border-radius: 0!important;font-size: 16px;font-weight: 400;line-height: normal;color: #fff;font-family: "Inter", sans-serif;padding: 14px;}
footer .newsLetter input:focus{color: #fff;background-color: transparent;box-shadow: unset;outline: unset;border-color: var(--green);}
footer .newsLetter label{color: #fff;font-family: "Inter", sans-serif;font-weight: 400;line-height: normal;font-size: 14px;}
footer .newsLetter .form-check-input[type=checkbox]{padding: 0;}
footer hr{border-color: #fff;margin: 38px 0 20px 0;}
footer .bottom-ft{padding-bottom: 78px;}
footer .bottom-ft p{color: #fff;font-size: 16px;}


.donateSticky {position: fixed;padding: 20px  0px 0px;background: rgba(17, 93, 93, 0.9);bottom: 0px;width: 100%;z-index: 99;}
.donateSticky .container > .row > .col-sm-3{width: 20%;}
.donateSticky .container > .row > .col-sm-9{width: 80%;}
.donateSticky h2 {float: left;margin: 0px;line-height: 46px;margin-right: 20px;text-transform: uppercase;font-size: 27px;}
.donateSticky form {overflow: hidden;}
.donateSticky input[type=text], .donateSticky select{background: rgba(17, 93, 93, 0.9); border-radius:0px; color:#fff; font-size:16px; border-color:#fff; height:46px; line-height:22px; padding:10px 16px;}
.donateSticky select{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;background-size: 16px 12px;background-position: right 6px center;}
.donateSticky select option {background: rgba(0, 0, 0, 0.3);color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
.donateSticky ::-webkit-input-placeholder {color: #7cc9fa;}
.donateSticky :-moz-placeholder {color: #7cc9fa;opacity: 1;}
.donateSticky ::-moz-placeholder {color: #7cc9fa;opacity: 1;}
.donateSticky :-ms-input-placeholder {color: #7cc9fa;}
.donateSticky .btn{height:46px; padding:6px 16px; font-size:20px !important; text-transform:uppercase; transition:all 0.2s ease;width: 100%;}
.visible-xs {display: none !important;}
.donateStickHook {position: absolute;right: 20px;top: 11px;background: #ff0000;color: #fff;width: 33px;height: 31px;border-radius: 50%;font-size: 24px;text-align: center;}


::placeholder {color: #fff!important;opacity: 1!important;}
::-ms-input-placeholder {color: #fff!important;}
@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
}



/* Appeal Landing page  css*/
.commentBox{background-color: #053232;max-width: 95%;margin: auto;padding: 64px 0px;}
.pagecommentBox{background-color: #053232;margin: auto;padding: 64px; }
.donation-box{background-color:#115d5d;width: 100%; max-width:820px;margin-top: 11rem;padding: 50px 20px; margin-left: auto; margin-right: auto;}
/* .donation-box{margin-top: 11rem;}
.donate-ask-box{    background-color: #115d5d;padding: 50px 20px; display: flex;flex-direction: column;align-items: center;margin: auto; max-width:820px;} */

@media (min-width: 576px) {.donation-box{padding-left: calc((100vw - 540px) / 2);}}
@media (min-width: 768px) {.donation-box {padding-left: calc((100vw - 720px) / 2);}}
@media (min-width: 992px) {.donation-box {padding-left: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px) {.donation-box {padding-left: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px) {.donation-box {padding-left: calc((100vw - 1320px) / 2);}}
@media (min-width: 576px) {.donation-box {padding-right: calc((100vw - 540px) / 2);}}
@media (min-width: 992px) {.donation-box{padding-right: calc((100vw - 960px) / 2);}}
@media (min-width: 1200px) {.donation-box {padding-right: calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px) {.donation-box {padding-right:0;}}

.donation-box .sub-heading{color: #fff;font-size: 37px;font-weight: bold;}
.donation-box .main-heading{color: #fff; font-weight: bolder; font-size: 42px;}
.donation-box .form-check-input + label {color: #fff;font-size: 16px;line-height: 13px;cursor: pointer;}
.inner-banner{padding-left: 0%;}
input[type=checkbox] {background-color: transparent;}
.donation-box .form-check-input[type=checkbox] {border-radius: 0%;padding: 8px;border: 1px solid white;     background-color: #115d5d !important;}
.amount-list{display: flex;}
.amount-list input{margin:0;opacity:0.011;z-index: 100;height: 0px;visibility: hidden;top: -20px;left: -20px;position: absolute;}
.amount-list label{border-radius: 3px;margin-right: 15px;z-index: 90;text-align: center;margin-bottom: 0px !important;display: flex;justify-content: center;align-items: center;width: 85px;border: 1px solid #FFFFFF;height: 70px;font-size: 20px;font-weight: 800;line-height: 24px;color: #FFF;    cursor: pointer;}
.amount-list input[type="radio"]:checked + label {background: #ffffff;color:#115d5d;border: 3px solid #FFFFFF;}
.amount-list  input:checked+label {position: relative;}
.amount-list   input:checked+label:after {position: absolute;top: 100%;left: 50%;width: 0;height: 0;margin-left: -10px;border: 10px solid transparent;border-top-color: #fff;content: "";}

/* new Ask box*/

/* ask boxes Individual */



.amount-list{display: flex;}
.amount-list input{margin:0;opacity:0.011;z-index: 100;height: 0px;visibility: hidden;top: -20px;left: -20px;position: absolute;}
.amount-list label{border-radius: 3px;margin-right: 15px;z-index: 90;text-align: center;margin-bottom: 0px !important;display: flex;justify-content: center;align-items: center;width: 85px;border: 1px solid #FFFFFF;height: 70px;font-size: 20px;font-weight: 800;line-height: 24px;color: #FFF;    cursor: pointer;}
.amount-list input[type="radio"]:checked + label {background: #ffffff;color:#115d5d;border: 3px solid #FFFFFF;}
.amount-list  input:checked+label {position: relative;}
.boxCardWrap.ask-box {background-color: var(--dark-green) !important;}
/*.boxCardWrap ul li a.active-a:after {position: absolute;top: 148%;left: 26%;width: 0;height: 0;margin-left: -10px;border: 10px solid transparent;border-top-color: #fff;content: "";}*/

/* askbox style maham */
.donate-askbox{background-color: #115d5d;padding: 50px 20px;display: flex;flex-direction: column;align-items: center;     max-width: 680px;width: 100%;margin: auto;}
.donate-askbox label {color: white;}
.donate-askbox .sub-heading {color: #fff;font-size: 37px;font-weight: bold;}
.donate-askbox .main-heading {color: #fff; font-weight: bolder; font-size: 42px;}
.donate-askbox .form-check-input {background-color: #115d5d !important;}
.donate-askbox .form-check {display: flex;align-items: center;gap: 8px;}
/* askbox style maham  end*/ 

.tab{display: none;}
.generalAskboxe-contain{display: none;}
.general-askbox-tab {display: none;opacity: 0;visibility: hidden;transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;}
.general-askbox-tab.show {display: block;opacity: 1;visibility: visible;margin-top: 24px;}

.boxCardWrap .ask-box{background: #115D5D !important;}

.tab-menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
}



.tab-menu ul li a {
    text-align: center;
    padding: 15px 40px;
    margin-right: 25px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background-color: #115d5d;
}
a.general-askbox-tab-a.active-a {
    background: #c9eaa9;
    color: #115d5d;
    font-weight: bold;
}




/*.boxCardWrap .tab-menu ul li a.active-a{color: #FFFFFF;background: #15499c;}*/



.boxCardWrap .nav-pills {display: flex;margin-bottom: 0px;flex-wrap: wrap;gap: 20px 16px;list-style: none;margin-left: 0!important;text-indent: 0!important;}



.boxCardWrap .nav-pills li{padding: 0;list-style-type: none !important;}


.boxCardWrap .nav-pills>li>a {border-radius: 5px;border: 1px solid #fff;background: #115D5D;overflow: visible !important;font-size: 24px;line-height: normal;font-weight: 700;padding: 16px 28px;text-align: center;transition: none;display: block!important;width: 100%;border-radius: 0px;border: 2px solid #fff;color: #fff;}



.boxCardWrap .nav-pills>li>a.active-a {background: #fff;color: #115D5D;border: 2px solid #fff;background: #fff url(../img/cart-check-icon.png) no-repeat right top;}


.boxCardWrap .nav-pills>li>a:before{display:none!important;}
.boxCardWrap .ask_form{border:unset!important;padding:0!important}


.boxCardWrap .cartText {text-align: center;font-size: 18px;font-weight: 400;line-height: normal;margin-bottom: 20px;margin-top: 20px;color: #fff;}


/*.boxCardWrap .btn{font-size: 18px;padding: 16px 18px;line-height: normal;font-weight: 700;border-radius: 0px;outline: 0;margin-top: 26px;display: flex;align-items: center;max-width: max-content;width: 100%;text-transform: uppercase;border: 0;}*/

/*.boxCardWrap.center .btn{margin-left: auto;margin-right: auto;}*/
/*.boxCardWrap.green .btn{color: #fff;background: #2d8f43;}*/
/*.boxCardWrap.blue .btn{color: #fff;background: #15499c;}*/
/*.boxCardWrap.transparent.green .btn{color: #2d8f43;background: #fff;}*/
/*.boxCardWrap.transparent.blue .btn{color: #15499c;background: #fff;}*/
/*.boxCardWrap.green .btn i, .tab-container.blue .boxCardWrap .btn i{color: #fff;}*/
/*.boxCardWrap.transparent.green .btn i{color: #2d8f43;}*/
/*.boxCardWrap.transparent.blue .btn i{color: #15499c;}*/


.boxCardWrap .mediaCartText{margin: 0 auto;margin-bottom: 36px;margin-top: 36px; color: #fff;display: flex;gap: 10px;align-items: center;}
.boxCardWrap .mediaCartText .left {font-size: 20px;line-height: normal;font-weight: 500;margin-bottom: 8px;}

.boxCardWrap .input-eamount {padding: 5px;font-size: 22px;width: 100%;line-height: normal;border:1px solid #fff;font-weight: 600;outline: 0!important;max-width: 170px;color: #ffffff;}
.boxCardWrap.transparent .input-eamount{color: #fff;background: transparent;}

.boxCardWrap .input-eamount:focus{border: 1px solid #fff;}

.boxCardWrap .tab {opacity: 0;transition: opacity 0.5s ease-in-out;}
.boxCardWrap.center .tab {text-align: center;}

.boxCardWrap .tab.tab-active{display: block;opacity: 1;}

.boxCardWrap .trust-badges{display: flex;width: 100%;justify-content: center;align-items: center;gap: 12px;margin-top: 26px;}

.boxCardWrap li::before{display: none !important;}
.cartBox ::placeholder {color: #fff;opacity: 1;}
.input-eamount {background-color: var(--dark-green) !important;}
.cartBox :-ms-input-placeholder {color: #fff;}


/* end Ask box */

/* ================= SEARCH POPUP ================ */
.search-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 10000;
  -webkit-animation: searchZoomIn .4s;
  animation: searchZoomIn .4s;
  display: none;
}
.top-search-input-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
  color: #fff;
}
.top-search-input-wrap ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #fff;
}
.top-search-input-wrap :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
  color: #fff;
}
.top-search-input-wrap :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  color: #fff;
}
.top-search-input-wrap.show {
  display: block;
}
.top-search-input-wrap .top-search-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.top-search-input-wrap .search-wrap .search.educon-top-search {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.top-search-input-wrap .search-wrap .search.educon-top-search .sp_search_input::after {
  content: "\f002";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9);
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  pointer-events: none;
  line-height: 60px;
  cursor: pointer;
}
.top-search-input-wrap .search-wrap .search.educon-top-search input {
  background: transparent;
  border-radius: 3px;
  border-width: 0;
  height: 60px;
  box-shadow: none;
  padding: 10px 20px;
  width: 100%;
  border: 1.5px solid #fff;
  color: #fff;
  font-size: 16px;
}
.top-search-input-wrap .fa-close {
  font-size: 30px;
  color: #ffffff;
  top: 15px;
  right: 15px;
  cursor: pointer;
  position: fixed;
  z-index: 9999;
}
/* Volunteer */
.steps-heading{
text-align: center;
    padding: 35px 16px;
    border: 1px solid #c3e89f;
    border-radius: 92%;
    background-color: #115d5d;
    color: #c3e89f !important;
}
.mx-h-300 img{
  max-height: 300px;
    object-fit: cover;
}

@-webkit-keyframes searchZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  50% {
    opacity: 1;
  }
}
@keyframes searchZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  50% {
    opacity: 1;
  }
}
.table-lists li{
  padding: 24px 0px 10px 0px;
  border-bottom: 2px solid #c0c2c529;
}

/* social icons for our projects */
.social-icons{
  display: flex;
    justify-content: center;
    gap: 10px;
}
/* TIMETABLE */
.dptTimetable{margin-top: 0!important;}
table.dptTimetable tr, table.dptTimetable td, table.dptTimetable th{border: 1px solid #0000001a!important;padding-top: 8px;padding-bottom: 8px;}
  table.dptTimetable {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.dptScNextPrayer span{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;padding-top: 10px;}
.modal .btn-close{position: absolute;right: 24px;}
.modal .modal-body{background-color: #ecf6f3;}
.begins::before{content: '';background-image: url(https://www.afecc.co.uk/wp-content/uploads/2024/09/alarm-clock-1.png);background-size: contain;background-position: center;}

/* events single page */
#tribe-events-pg-template {
    margin: 0 auto !important;
    max-width: 100% !important;
    padding: 0px !important;
}
.margin-0 .wp-block-image .alignleft{
  margin: 0px !important;
}
/* 
Aqiqah Calculator */
   
    .form-aqiqah {
          border: 1px solid #f8f8f8;
           background: #ecf6f3;
        padding: 45px 50px;
    }
     .form-aqiqah h4{
      font-size: 17px ;
      color: #115d5d;
      margin-bottom: 10px;
          font-weight: 900;
     }
      .form-aqiqah hr {
    opacity: 1;
    border: 1px solid #dee2e6 !important;
    margin: 30px 0;
    width: 100%;
}
.form-aqiqah.form-group input::placeholder {color: #000000!important;}
    .form-aqiqah .quantity {
        padding: 0 10px;
    }

    .form-aqiqah .form-control {
        border-radius: 0;
        border-color: #777;
        display: block;
        width: 100%;
        height: 43px;
    }

    .form-aqiqah .form-control:focus {
     border-color: #115d5d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(102 175 233 / 12%);
    }

    .form-aqiqah .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
      
        background-color: #f8f8f8;
        opacity: 1;
    }
        .form-aqiqah .form-control::placeholder {
    color: #000000 !important;
}
    /* Aqiqah Calculator end*/

      /* Zkaat  Calculator start*/
        .form-zakat {
            background: white;
        padding: 45px 50px;

    }
     .form-zakat h4{
      font-size: 18px ;
      color: #115d5d;
      margin-bottom: 10px;
          font-weight: 900;
     }
 .form-zakat .form-control::placeholder {
    color: #000000 !important;
}
    .form-zakat .quantity {
        padding: 0 10px;
    }

    .form-zakat .form-control {
        border-radius: 0;
        border-color: #777;
        display: block;
        width: 100%;
        height: 43px;
    }

  .form-zakat .form-control:focus {
    border-color: #115d5d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(102 175 233 / 12%);
}

    .form-zakat .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color:#f8f8f8;
        opacity: 1;
    }
    .form-zakat hr {
    opacity: 1;
    border: 1px solid #dee2e6 !important;
    margin: 30px 0;
    width: 100%;
}
.form-zakat .form-group {
    margin-bottom: 15px;
}
            /* Zkaat  Calculator end*/
            @media (min-width: 1700px) {

.carousel-caption {
    right: 13%;
}
}
/* ramdan giving start */
.ramdan-giving-steps{
    height: 300px;

}

.ramdan-giving-steps figure{
/* 	background: white;
    border-radius: 56px;
    width: 28%;
    margin: auto;
    border: 1px solid #115d5d; */
    margin-top: -70px;
}
   
 .ramdan-giving-steps figure img{
	 border-radius: 50px;
    border: 1px solid #053232;
	 background:white;
} 
/* .ramdan-giving-steps figure img{
	width: 86px;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
} */
.sadqa-steps {
    height: 385px;
}

.sadqa-steps h2{
    font-size: 20px !important;
}
    .sadqa-steps figure{
    margin-top: -70px;
}
  .sadqa-steps figure img{
	 border-radius: 50px;
    border: 1px solid #053232;
	 background:white;
} 
/* table styling start */
.wp-block-table.table-styling tbody tr:nth-child(odd){
    background-color: #ecf6f3 !important;
    color:#115d5d !important;
}
.table-styling thead {
    border: 2px solid #c3e89f;
}
.table-styling {
    background-color: initial;
    border-bottom: none !important;
    border-collapse: inherit;
    border-spacing: 0;
}
.table-styling table thead tr th {
    font-size: 20px !important;
    width: 100% !important;
    background: rgb(20, 74, 67) ;
    color: white ;
}
/* table styling end */
/* single event page 30-oct-2025 maham */
/* .custom-single-event {
  padding: 60px 0;
} */
.custom-single-event .event-two-column .event-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

.custom-single-event .event-two-column .event-description {
/*   padding-left: 40px; */
	    display: flex;
    flex-direction: column;
    justify-content: center;
}
.custom-single-event .tribe-common .tribe-common-c-btn-border,
.custom-single-event .tribe-common a.tribe-common-c-btn-border {
    background-color: #115d5d !important; /* Your desired background */
    border: 1px solid #115d5d !important; /* Border to match */
    color: #fff !important; /* Text color */
}

/* Hover Effect */
.custom-single-event .tribe-common .tribe-common-c-btn-border:hover,
.custom-single-event .tribe-common a.tribe-common-c-btn-border:hover {
    background-color: #fff !important;
    color: #115d5d !important;
    border-color: #115d5d !important;
}
.custom-single-event .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:hover {
    background-color: #f1f9e8 !important;
}
.custom-single-event .tribe-events-content a{
	border-bottom: 1px solid #115d5d;
}
.custom-single-event .tribe-events-content a:active, .tribe-events-content a:focus, .tribe-events-content a:hover {
    border-bottom: 1px solid;
    color: #115d5d;
}
.custom-single-event .tribe-events-meta-group a {
    color: #115d5d;
}
@media (max-width: 991px) {
  .custom-single-event .event-two-column .row {
    flex-direction: column;
  }

  .custom-single-event .event-two-column .event-description {
/*     padding-left: 0; */
    margin-top: 20px;
  }
}
/* single event page 30-oct-2025 maham ends */
/*masjid support page 07-Nov-2025  */
.masjid-support-col {
    padding: 20px 30px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px 0 0 8px;
    transition: all 0.3s 
ease;
}
.masjid-support-col h2 {
    margin-top: 15px;
  margin-bottom: 15px;
}
.masjid-support-col ul {
    margin: 0 0 20px 0;
    padding: 0; 
    line-height: 1.6;
  list-style: disc;
    list-style-position: inside;

}
.masjid-support-col ul li {
    margin-bottom: 6px;
}
.masjid-support .wp-block-button__link {
  position: relative;
  overflow: hidden;
  display: inline-block;
  transition: color 0.3s ease;
  z-index: 1;
}
.masjid-support .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #c3e89f; 
  transition: left 0.5s ease;
  z-index: -1; 
}
.masjid-support .wp-block-button__link:hover::before {
  left: 0;
}
.masjid-support .wp-block-button__link:hover {
  color: #115d5d;
}

/* .floating-donation-tabs {
  position: fixed;
  top: 40%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}



.floating-donation-tabs .masjid-support-col:hover {
  transform: translateX(-10px);
}

.floating-donation-tabs a.wp-block-button__link {
  background-color: #115d5d !important;
  color: #fff !important;
  border-radius: 5px;
}


 */

/*masjid support page 07-Nov-2025  ends*/

/* 6-july-2026 css start */
.postid-8294 .p-top {
    padding-top: 0;
}
.postid-8520 .p-top {
    padding-top: 0;
} 
.project-appeal-bg{
    position: relative;
    overflow: hidden;
}

.project-appeal-bg::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("/wp-content/uploads/2025/01/lantern3.png") no-repeat left center;
    background-size: auto;
    opacity: 0.15; /* Adjust: 0.1 - 0.3 */
    pointer-events: none;
    z-index: 0;
}

.project-appeal-bg > *{
    position: relative;
    z-index: 1;
}
.mosque-project-sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mosque-project-title {
    position: relative;
    display: inline-block;
    padding: 0 60px;
}

.mosque-project-title::before,
.mosque-project-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50px;
    height: 8px;
    transform: translateY(-50%);
}

.mosque-project-title::before {
    left: 0;
    background:
        radial-gradient(circle, #c9a15c 2px, transparent 3px) left center/8px 8px no-repeat,
        linear-gradient(#c9a15c, #c9a15c) right center/40px 2px no-repeat;
}

.mosque-project-title::after {
    right: 0;
    background:
        linear-gradient(#c9a15c, #c9a15c) left center/40px 2px no-repeat,
        radial-gradient(circle, #c9a15c 2px, transparent 3px) right center/8px 8px no-repeat;
}
/* mosque appeal card */
.appeal-columns{
    display:flex;
    align-items:stretch;
    gap:10px;
}
.appeal-columns > .wp-block-column{
    display:flex;
    align-self:stretch;
}
.appeal-column{
    display:flex;
    flex-direction:column;
    flex:1;
    width:100%;
    padding:30px 15px;
	border-radius:12px;
    border:1px solid #dfcca4;
}
.appeal-columns > .wp-block-column:last-child .appeal-column{
    border-right:none;
}
/* Last column */
.appeal-columns>.wp-block-column:last-child .appeal-column{
    border-right:none;
}
.card-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:28px;
}
.appeal-column ul{
list-style:none;
padding:0;
}
.appeal-column li{
position:relative;
padding-left:34px;
margin-bottom:2px;
line-height:1.8;
}
.appeal-column li:before{
content:"✓";
position:absolute;
left:0;
top:4px;
width:18px;
height:18px;
background:#0c6457;
border-radius:50%;
color:#fff;
font-size:11px;
display:flex;
justify-content:center;
align-items:center;
}
/* Progress mosque /* Progress mosque Construction Section Design */
.progress-mosque .sub-heading {
  color: #115d5d;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  display: block;
}
.progress-mosque h3.wp-block-heading.sub-heading {
    padding: 25px;
}
.progress-mosque h3.sub-heading::after {
    position: absolute;
    left: 30px;
}
.progress-mosque .sub-heading::after {
  content: '';
  display: block;
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #115d5d, #c3e89f);
  margin: 18px auto 0;
  border-radius: 20px;
}

/* Outer columns container - no effects */
.progress-mosque > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
  background: transparent;
  box-shadow: none;
  transform: none;
}

/* Inner columns gap */
.progress-mosque .wp-block-columns .wp-block-columns {
  gap: 15px;
}
.progress-mosque .wp-block-columns .wp-block-columns > .wp-block-column {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 35px rgba(17, 93, 93, 0.1);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  border: 1px solid rgba(17, 93, 93, 0.08);
}
.progress-mosque .wp-block-columns .wp-block-columns > .wp-block-column:hover {
  transform: translateY(-12px);
  
}
.progress-mosque .wp-block-image {
  margin: 0;
  overflow: hidden;
}
.progress-mosque .wp-block-image img {
  width: 100%;
	height:100%;
/*   height: 230px; */
  object-fit: cover;
  transition: transform 0.5s ease;
}
.progress-mosque .wp-block-columns .wp-block-columns > .wp-block-column:hover .wp-block-image img {
  transform: scale(1.1);
}
.progress-mosque .wp-block-columns .wp-block-columns > .wp-block-column > p {
  padding: 22px 25px 10px;
  color: #444;
  font-size: 15px;
  line-height: 1.75;
  margin: 0;
}
.progress-mosque h3:after {
    margin: 8px 0 0 0 !important;
    
}
.progress-mosque h3 {
    margin-bottom: 0 !important;
}
.progress-mosque .wp-block-columns.mob-top {
    margin-bottom: 0;
}
.progress-mosque .wp-block-columns .wp-block-columns > .wp-block-column {
    background: transparent;
    box-shadow: none;
    border:1px solid gray;
    padding: 0;
    border-radius: 16px;
}
.donation-used-col {
    border: 2px solid #ece7dd;
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.donation-used-col:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.donation-used-col img {
    border-radius: 16px 16px 0 0;
}

.donation-used-col .wp-block-group {
    padding: 20px;
}

.mosque-donation{
	padding:0px !important;
	background-color:white !important;
}
.mosque-donation .wp-block-columns {
    gap: 0px;
}
.mosque-donation-left-col{
    padding: 30px 20px;
}
.mosque-donation-right-col{
     padding: 30px 20px;
}
.mosque-donation-left-col h2 {
    font-size: 24px;
}
.mosque-donation-left-col p {
    font-size: 14px;
    line-height: 20px;
}
.mosque-donation-right-col h2 {
    font-size: 24px;
}
.mosque-donation-right-col p {
    font-size: 14px;
    line-height: 20px;
}
.mosque-support-left-col{
	 padding: 30px 20px;
}
.mosque-support-left-col h2 {
    font-size: 24px;
}
.mosque-support-left-col p {
    font-size: 14px;
    line-height: 20px;
}
.mosque-support-left-col{
    position: relative;
    overflow: hidden;
    padding: 50px 30px;
/*     display:flex;
	    flex-direction: column;
    justify-content: center; */
}

.mosque-support-left-col::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/uploads/2026/07/d4b128b4cc344b63c05fd4e93ab7be7138ba21f2.jpeg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover; 
    opacity: 0.65; 
    pointer-events: none;
    z-index: 0;
}

.mosque-support-left-col > *{
    position: relative;
    z-index: 1;
}
.mosque-donation-option-col{
    position: relative;
    overflow: hidden;
    padding: 50px 30px 0px 30px;
/*     display:flex;
	    flex-direction: column;
    justify-content: center; */
}

.mosque-donation-option-col::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/wp-content/uploads/2025/01/full-mosque.png");
    background-repeat: no-repeat;
    background-position: bottom;

opacity: 0.5;  
    pointer-events: none;
    z-index: 0;
}

.mosque-donation-option-col > *{
    position: relative;
    z-index: 1;
}
/* Responsive */
@media (max-width: 782px) {
  .wp-block-group.progress-mosque {
    margin-top: 25px;
}
  .progress-mosque .sub-heading {
    font-size: 1.8rem;
  }
  
  .progress-mosque .wp-block-columns .wp-block-columns {
    flex-direction: column;
    gap: 20px;
  }
  
  .progress-mosque .wp-block-columns .wp-block-columns > .wp-block-column:hover {
    transform: translateY(-6px);
  }
		
}
@media (max-width: 767px){

}
/* 6-july-2026 css ends */
.sec-w-75{
	width:75%;
	
}
.equal-height-col {
    display: flex;
    flex-direction: column;
    align-self: stretch !important;
    position: relative;
    background: #fff;
    border: 1px solid #e6ecec;
    border-radius: 16px;
}
.benefits-cards {
    display: flex;
    align-items: stretch !important;
    gap: 24px;
}
/* Equal height columns */
.benefits-cards > .wp-block-column {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    position: relative;
    background: #fff;
    border: 1px solid #e6ecec;
    border-radius: 16px;
    padding: 30px 22px;
    transition: all .35s ease;
}
.benefits-cards > .wp-block-column p {
    flex: 1;
}
/* Accent line */
.benefits-cards > .wp-block-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background: #115d5d;
    transition: width .35s ease;
}
.benefits-cards > .wp-block-column:hover {
    transform: translateY(-10px);
    border-color: #115d5d;
    box-shadow: 0 18px 40px rgba(17,93,93,.15);
}

.benefits-cards > .wp-block-column:hover::before {
    width: 100%;
}
.benefits-cards .wp-block-image img {
    transition: transform .35s ease;
}
.benefits-cards > .wp-block-column:hover img {
    transform: scale(1.1) rotate(5deg);
}
.progress-gallery figure {
    margin: 0px;
	    position: relative;
    overflow: hidden;
}
.progress-gallery figure img {
       height: 250px;
    object-fit: cover;
    width: 100%;
    transition: all 0.5s ease;
    filter: brightness(0.9);

}
.progress-gallery figure:hover img{
transform: scale(1.05);
    box-shadow: 0 20px 50px rgba(17, 93, 93, 0.35);
    filter: brightness(1) contrast(1.1);
    animation: spotlight 2s ease-in-out infinite;
	}
.progress-gallery p {
    background-color: #115d5d;
    color: white;
    text-align: center;
}
/* Desktop */
@media (min-width: 1200px) {
    .benefits-cards > .wp-block-column {
        flex: 1;
    }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .benefits-cards {
        flex-wrap: wrap !important;
        gap: 24px;
    }
    .benefits-cards > .wp-block-column {
        flex: 0 0 calc((100% - 48px) / 3) !important;
        max-width: calc((100% - 48px) / 3) !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .benefits-cards {
        flex-wrap: wrap !important;
    }

    .benefits-cards > .wp-block-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	.sec-w-75{
	width:100%;
}
}