body{font-family: 'Poppins', sans-serif!important; color:#666666; min-width: 300px;}
@font-face{font-family:'geo-sb';
src:url('../fonts/Geogtq-Sb.eot?#iefix') format('embedded-opentype'),
url(../fonts/Geogtq-Sb.woff) format('woff'),
url(../fonts/Geogtq-Sb.tff) format('truetype'),
url('../fonts/Geogtq-Sb.svg#svgFontName') format('svg');
font-display:swap}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:#191919; font-weight: 600; font-family: 'Poppins', sans-serif!important;}
a{color:#1a6ad6; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); text-decoration: none;}
a:hover{text-decoration: underline;}
p{font-size: 20px!important;}
.btn{border-radius: 0.3rem;}
.btn-check:active+.btn:focus, .btn-check:checked+.btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus{box-shadow: none;}

.btn-lg{padding:0.6rem 2rem;}
.btn-primary{background:#1a6ad6; border:none;}
.btn-danger{background:#e42836; border:none; text-decoration: none;}
.btn-danger:hover{background:#b3202a; text-decoration: none;}
.btn-check:focus+.btn, .btn:focus{border:none; box-shadow: none; text-decoration: none;}

.secTop{background:#1a6ad6;}
.text-blue{color:#1a6ad6;}

.py-3{padding-top:0.7rem !important; padding-bottom: 0.7rem !important;}

.row>*{padding-right: calc(var(--bs-gutter-x) * .7); padding-left: calc(var(--bs-gutter-x) * .7);}
.g-5, .gx-5 {--bs-gutter-x: 2.4rem;}
.lead{font-size: 1.15rem;}

/*Search box popup*/
/* ================= 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;
}
.show {
    display: block!important;
}
.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;
}
@-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;
  }
}

#custom-search-input {
    padding: 3px;
    border: solid 1px #999;
    border-radius: 0px;
    background: #eee;
}

#custom-search-input input {
    border: 0;
    box-shadow: none;
    background: #eee;
}
.searchMain .searchWrap {
    display: block;
    padding: 30px;
    background: #eeeeee;
    position: relative;
    margin-bottom: 30px;
}
.searchMain .goto-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.searchMain .searchWrap h6.category {
    color: #3da0de;
    margin-top: 0px;
    margin-bottom: 0px;
}
.searchMain .searchWrap h3 {
    margin-top: 0px;
}
.searchMain .searchWrap p {
    color: #666;
    font-size: 16px;
}
.pd-60 {
    padding: 60px 0px;
}
.searchWrap:hover{text-decoration: none;}
#custom-search-input button {
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #999;
}



.pt-6{padding-top:4rem;}
.pb-6{padding-bottom: 4rem;}
.pb-7{padding-bottom: 5rem;}
.pb-8{padding-bottom: 8rem;}
.mb-5{margin-bottom: 2rem !important;}
.mb-6{margin-bottom: 2.5rem !important;}
.mb-7{margin-bottom: 3rem !important;}
.btn-cta{background:#ffc11b; color:#191919; font-weight: bold; border:none; display: inline-block; padding:0.75rem 2rem; text-transform: uppercase; font-size: 1.1rem; border-radius: 0.3rem;}
.btn-cta:hover, .btn-cta:focus{background:#ff961b; border:none; color:#191919; text-decoration: none; }
.secHeading{text-align: center; text-transform: uppercase; font-weight: bold; margin-bottom: 2rem;}

/*Cart*/
.headRightNav {
    float: right;
    min-width: 180px;
    display: inherit;
}
.headRightNav .badge {
    background: #ff0000;
    border-radius: 100%;
    padding-top: 4px;
    font-size: 12px;
}
.headRightNav li{margin-top:5px;padding: 0px 10px;}
.headRightNav li.dropdown{margin-right: 15px;}
.navIcon{font-size:22px; color: #fff; }
.navIcon:hover{color: #fff;text-decoration: none;}
.fixedNav .navIcon{font-size:22px; color: #2E1919;}
.fixedNav .navIcon:hover{color: #2E1919;text-decoration: none;}
.dropdown-cart {
    min-width: 350px;
    margin-top: -1px !important;
}
.cart-head-wrap {
    display: none;
}
.cart-head-wrap {
    padding: 10px 15px;
}
.cart-head-wrap .titile {
    margin-top: 0px;
    background: #f9f9f9;
    padding: 10px;
    font-size: 16px;
}
.cart-head-wrap li {
    list-style: none;
}
.rowCartTotal {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
}
.cartFooter .btn {
    display: block;
    border-radius: 4px;
    background: #FF0000;
    border: none;
}
.cartRow {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}
.cartEmptyMsg {
    text-align: center;
    padding: 20px;
}

.logoBrand{display: inline-block; position: relative; top:-5px;}
.mainMenu{align-items: center; position: relative; margin-left: 45px;fon}
.mainNav .logoBrand .dark{display: none;}
.mainNav .logoBrand .light{display: inline-block;}
.mainNav{padding-top: 0.75rem; /*position: fixed;*/ z-index: 11; width: 100%; top:0; left:0;  transition: 0.1s cubic-bezier(0.1, 0, 0.1, 1); /*background:#1a6ad6;*/}
.mainMenu .nav-link:hover{color:#191919; position: relative; opacity: 1; }
.mainNav .nav-link{font-family: 'geo-sb'; color:#191919; text-transform: uppercase; font-weight: 500; padding:0.75rem 1rem !important; font-size: 22px; text-decoration: none; position:relative;}
.mainNav .nav-link::after{content: ""; left:0.85rem; right:0.85rem; bottom:8px; height: 2px; position: absolute;  background-color: #fff; transform-origin: left;  transform: scale3d(0.1, 0.1, 1); transition: transform 0.3s cubic-bezier(0.2, 0, 0.1, 1); opacity: 0;}
.mainNav .nav-link:hover::after{transform: scale3d(1, 1, 1); transform-origin: left; transition: transform 0.5s cubic-bezier(0.2, 0, 0.1, 1), opacity 0s; opacity: 1;}
.dropdown-menu{border-radius: 0px; padding:1rem 0.5rem; border:none; border-top:3px solid #0e3a76; box-shadow: 0px 0px 6px rgba(0, 0, 0, .2); animation: slideIn 0.5s alternate; z-index: 999!important;} 
.dropdown-item{padding:0.4rem 1rem; color:#191919;}
.dropdown-item:focus, .dropdown-item:hover{color:#1a6ad6; background:none; text-decoration: none;}
.fixedNav{background: #fff; z-index: 111; position:fixed; box-shadow: 0 1px 8px 3px rgb(0 0 0 / 5%);}
.mainNav.fixedNav .nav-link{color:#191919;}
.dropdown-toggle::after {margin-left: 0.1em;}
.dropdown-menu.show {-webkit-animation: fadeIn 0.3s alternate;/* Safari 4.0 - 8.0 */animation: fadeIn 0.3s alternate;}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
.dropdown-toggle::after{margin:0px; border:none; display: block;}
.nav-item.dropdown{position: relative;}
.nav-item.dropdown::after{content:""; 
  font-family: "Font Awesome\ 6 Free"; 
	content: "\f107";
  position: absolute;
  right:0px; top:16px;
  font-weight: 900;
  color:#fff;
  font-size: 0.7rem;
}
.nav-link.show::after{border-top:2px solid #fff;}
.mainNav.fixedNav .logoBrand .light{display: none;}
.mainNav.fixedNav .logoBrand .dark{display: inline-block;}
.mainNav.fixedNav .nav-item.dropdown::after{color:#191919;}
.navbar-toggler{border:none;}
.navbar-toggler:hover{border:none}
.navbar-toggler:focus{box-shadow: none; border:none;}
.black-menu-icon{display: none;}
.fixedNav .white-menu-icon{display: none;}
.fixedNav .black-menu-icon{display: block;}
.fixedNav #wstoggle{top:20px;}
.fixedNav #wstoggle span {background-color: rgb(0, 0, 0);}
.fixedNav #wstoggle span:after{background-color: rgb(0, 0, 0);}
.fixedNav #wstoggle span:before{background-color: rgb(0, 0, 0);}
.navbar > .container{flex-wrap: unset!important;}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}


.slideIn {
  animation-name: slideIn;
  animation-fill-mode: both;
}





.secHero{padding:12rem 0rem 8rem; background-color:#1a6ad6; position: relative;}
.secHero .pat{position: absolute; top:0px; left: 0px; width: 300px; height: 300px; background: url(../images/pat-01.png) no-repeat center center; background-size: cover;}
.secHero .patLg{position: absolute; top:50%; right: 0px; margin-top:-200px; width: 200px; height: 400px; background: url(../images/pat-02.png) no-repeat center center; background-size: cover;}
.secHero .btn-link{text-decoration: none;}
.secHero .btn-link span{display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 3px; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1);} 
.secHero .btn-link span:hover{color:#191919; border-color: #191919;}
.secHero img{position: relative; z-index: 1;}
.hero-heading{font-size: calc(1.5rem + 1.5vw); text-transform: uppercase; font-weight: 600; color:#fff; margin-bottom: 1.5rem; line-height: 1.2;}
.hero-heading span{display: inline-block; position: relative; line-height: 1.1; }
.hero-heading span::after{position: absolute; content: ""; width: 100%; height: 4px; background-color: #ffc11b; left: 0px; bottom:0px;}


.secIntro{padding:7rem 0rem 7rem;}
.donHomeLinks{display: grid; grid-template-columns: 250px auto; background:#1a6ad6; color:#fff; border-bottom: 6px solid #ffc11b; border-radius: 0.4rem; overflow: hidden; margin-bottom: 1rem;}
.donHomeLinks .imageWrap{overflow: hidden;}
.donHomeLinks .imageWrap img{transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1);}
.donHomeLinks:hover{color:#fff; text-decoration: none;}
.donHomeLinks:hover .imageWrap > img{transform: scale(1.2,1.2);}
.donHomeLinks .txt{padding:2rem; padding-left: 3rem; display: grid; align-items: center;}
.donHomeLinks .txt p{font-size: 2rem; text-transform: uppercase; font-weight: 300; line-height: 2.4rem; margin:0px;}
.donHomeLinks .txt p span{font-size: 2.2rem; font-weight: bold; text-transform: uppercase;}
.donHomeLinks .txt p small{font-size: 1.5rem; line-height: 0px;}


.secServ{background:#f6f8fa; padding:7rem 0rem 7rem; }
.srvWrap{text-align: center;}
.srvWrap img{margin-bottom: 1rem;}
.srvWrap h4{margin-bottom: 1rem; font-weight: bold; text-transform: uppercase;}
.srvWrap a span{display: inline-block; border-bottom: 1px solid #1a6ad6; font-weight: 500;}
.srvWrap a span:hover{border-color:transparent;}


.secNews{padding:7rem 0rem 7rem; }
.newsWrap .image{display: block; margin-bottom: 1rem;}
.newsWrap .image:hover{filter: brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px) hue-rotate( 0deg);}
.newsWrap .date{color:#666; position: relative;}
.newsWrap .date::after{content:""; position: absolute; bottom:-1px; left:0px; width:40px; height:2px; background-color:#ffc11b;}
.newsWrap .title a{font-weight: 500; text-decoration: none; color:#191919;}
.newsWrap .title a:hover{color:#1a6ad6;}


.secStats{background:#1a6ad6; color:#fff;}
.secStats .col-image{background-size: cover; background-position: center center;}
.secStats .pat{width:300px; height: 300px; position: absolute; top:0px; right:0px; background: url(../images/pat-03.png) no-repeat center center; background-size: cover;}
.col-stats-right{padding:7rem 0rem 7rem 5rem;}
.col-stats-right .mainHeading{color:#fff; font-weight: bold; text-transform: uppercase; position: relative; margin-bottom: 3rem;}
.col-stats-right .mainHeading::after{content:""; position: absolute; bottom:-0.9rem; left:0px; width:100px; height:4px; background-color:#ffc11b;}
.statsCardRow{display: grid; grid-template-columns: auto auto; grid-column-gap: 4rem;}
.statsCard{margin-bottom: 1rem;}
.statsCard .title{color:#fff; font-size: 600;}
.secStats .link{color:#fff; text-decoration: none;}
.secStats .link span{border-bottom: 1px solid #fff; padding-bottom: 0.3rem;}
.secStats .link:hover{color:#191919;}
.secStats .link:hover span{border-color: #191919;}



.secPartners{padding:3rem 0rem 3rem;}
.owl-carousel .owl-item img{max-width: 100%; height: auto; margin:0 auto; width:auto;}

.secNewsletter{background:#f6f8fa; padding:7rem 0rem 7rem;}
.formNewsletter{display: grid; grid-template-columns: 70% 30%; border:2px solid #191919; padding:0.3rem; border-radius: 0.3rem; background: #fff;}
.formNewsletter .form-control{border:none;}
.formNewsletter .form-control:focus{box-shadow: none;}
.formNewsletter .btn-cta{padding:0.85rem; text-transform: uppercase; font-weight: bold; border-radius: 0.2rem;}



.secBan{padding: 2.5rem 0rem 0rem; background-color: #1a6ad6; position: relative; margin-bottom: 100px;}
.secBan .col-ban{position: relative; top:100px; display: flex; justify-content: center; align-items:flex-end;}
.secBan .pgHeadingWrap{position: absolute; text-align: center; padding:2rem; padding-bottom: 4rem;}
.secBan .pgHeadingWrap h1{margin-bottom: 3rem; color:#fff; font-weight: 600; background:rgb(0,0,0, 0.7); padding:0.9rem 1.5rem;}
.secBan .pgHeadingWrap .btn-cta{padding:0.85rem 3rem; font-size: 1.3rem; box-shadow: 0px 0px 10px rgb(0 0 0 / 0.5);}

.mainAppeals{padding:4rem 0rem 7rem;}
.mainAppeals p{font-size: 1.05rem; font-weight: 300;}
.hlighted{font-weight: 500; font-size: 1.3rem; color:#191919;}


.mainNews{padding-bottom: 6rem; font-size: 1.15rem; line-height: 1.7;}
.secBanNews{padding: 10rem 0rem 5rem; background-color: #1a6ad6; margin-bottom: 4rem;}
.secBanNews .tag{background:#fff; padding:0.3rem 1rem; font-weight: 600; color:#191919; display: inline-block; margin-bottom: 1rem; font-size: 0.85rem;}
.secBanNews .pgHeading{color:#fff;}
.seBanNewsImg{margin-top: -20rem; position: relative; z-index: 1; margin-bottom: 2rem;}
.dateNews{color:#fff; position: relative;}
.dateNews::after{content:""; position: absolute; bottom:-1px; left:0px; width:40px; height:2px; background-color:#ffc11b;}
.sticky-share-news{position: sticky; top:8rem;}
.list-share{list-style: none; padding:0px; margin:0px; text-align: center;}
.list-share li{display: inline-block;}
.list-share li a{display: block; border:2px solid #eaeaea; text-align: center; width:60px; height:60px; border-radius: 50%; font-size: 18px; padding-top: 12px; margin:0 auto; margin-bottom: 0.5rem;}

.mainPage{padding:6rem 0rem 7rem; font-size: 1.03rem; line-height: 1.7;}
.secBanPages{padding: 1rem; margin-top: 0rem; background-color: #1a6ad6; min-height: 450px; display: flex; align-items: center; background-size: cover;}
.secBanPages .btn-danger {padding: 1rem 2rem;text-transform: uppercase;font-size: 1.2rem;margin-top: 1rem;font-weight: 500;}
.secBanPages h1{text-transform: uppercase; color:#fff; margin:0px; font-size: calc(2rem + 1.5vw); text-shadow: 0px 0px 10px rgb(0 0 0 / 0.3);}
.sticky-sidebar{position: sticky !important; top:8rem; padding-left: 3rem !important;}
.list-sidebar-wrap{border-left: 3px solid #1a6ad6; padding-left: 1.5rem;}
.list-sidebar-wrap ul{list-style: none;padding-left: 2px;}
.list-sidebar-wrap ul li a {color: #666;}
.list-sidebar-wrap a {color: #666;}
.list-sidebar-wrap p,.list-sidebar-wrap li {margin:0px !important;padding: 0px !important;}
.list-sidebar{margin:0px; padding:0px; list-style: none; }
.list-sidebar li{margin-bottom: 0.2rem;}
.list-sidebar a{color:#191919; font-size: 1rem;}
.list-sidebar a:hover{color:#1a6ad6;}
a.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}


.form-bstyle{border:1px solid #ced4da; padding:1.5rem; border-radius: 0.5rem;}
.formZakatC .form-control{padding:0.85rem;}
.formZakatC label{font-weight: 500; color:#191919;}
.formZakatC hr{margin:2rem 0;}
.formZakatC input::placeholder {color: #aaa!important;}

.accordion-button{padding:1rem 0rem; font-weight: 500;}
.accordion-button:focus, .accordion-button:not(.collapsed){background: none; box-shadow: none;}
.accordion-body{padding:1rem 0rem 3rem;}
.accordion-item{color:#666;}

.btn-radio-wrap {
  list-style-type:none;
  margin:0px;
  padding:0;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}
.btn-radio-wrap label, .btn-radio-wrap input {
 display:block;
 top:0;
 left:0;
 right:0;
 bottom:0;
}
.btn-radio-wrap input[type="radio"] {
 opacity:0.011;
 z-index:100;
 height:0px;
 visibility: hidden;
 top:-20px;
 left:-20px;
 position: absolute;
}
.btn-radio-wrap input[type="radio"]:checked + label {
 background:#1a6ad6;;
 color:#fff;
}
.btn-radio-wrap label {
  padding:0.5rem 1rem;
  border-radius: 0.3rem;;
  cursor:pointer;
  z-index:90;
  text-align:center;
  background:#fff;
  color:#1a6ad6;
  width:220px;
  margin-bottom:10px;
  font-size:1.6rem;
  text-transform: uppercase;
  border:3px solid #1a6ad6;
  margin:0.3rem;
  font-weight: 600;
}
.btn-radio-wrap label:hover {
  background:#1a6ad6;
  border-color:#1a6ad6;
  color:#fff;
}

.tenders-inner-boxes .vc_column-inner .wpb_wrapper .wpb_wrapper {
    padding: 60px 50px 40px;
    background: #40aeef;
    outline-offset: -9px;
    outline: 2px dashed #fff;
}

/* Ask Box */
.donationBox{border-radius: 0.3rem; padding:3rem; border:4px solid #1a6ad6; text-align: center; margin-top: 3rem;}
.donationBox h2{color:#1a6ad6;}
.donationBox h4{margin-bottom: 1rem;}
.donationBox p{color:#191919; font-weight: 400; font-size: 1.1rem; margin-bottom: 1.5rem;}
.donationBox .btn-cta{font-size: 1.2rem; padding: 0.9rem 3rem;}
.btn-radio-wrap {list-style-type:none; margin:0px; padding:0; display: flex; flex-wrap: wrap; justify-content:center;}
.btn-radio-wrap label, .btn-radio-wrap input {display:block; top:0; left:0; right:0; bottom:0;}
.btn-radio-wrap input[type="radio"] {opacity:0.011; z-index:100; height:0px; visibility: hidden; top:-20px; left:-20px; position: absolute;}
.btn-radio-wrap input[type="radio"]:checked + label {background:#1a6ad6;color:#fff; border-color: #1a6ad6;}
.btn-radio-wrap label {padding:0.5rem 1rem; border-radius: 0.3rem; cursor:pointer; z-index:90; text-align:center; background:#fff; color:#1a6ad6; width:220px; margin-bottom:10px; font-size:1.6rem; text-transform: uppercase; border:3px solid #191919; margin:0.3rem !important; font-weight: 600;}
.btn-radio-wrap label:hover {background:#1a6ad6; border-color:#1a6ad6; color:#fff;}
.abTabsContent{display: none;}
.askBoxStep2{display: none;}
.donationBox .input-ab-other{max-width: 182px; font-size: 1.4rem; font-weight: 500; height: 54px; margin:0 auto; border:2px solid #999; display: none; box-shadow: none; margin-top: 0.5rem; }
.donationBox .input-ab-other-monthly {max-width: 182px;font-size: 1.4rem;font-weight: 500;height: 54px;margin: 0 auto;border: 2px solid #999;box-shadow: none; margin-top: 0.5rem;}
.carousel-indicators button {width: 12px !important;height: 12px !important;border-radius: 100%;}
.carousel-indicators {bottom: -60px;}
.btnRadioAmountWrap label{width:124px; font-size: 1.4rem;}
.abBottomNav{margin-top:2rem;}
.abBottomNav a{width:150px; border-radius: 50px; font-weight: 500; display: inline-block; padding:0.8rem; background:#ddd; color:#191919;}
.abBottomNav a:hover{text-decoration: none;}


.abBottomNav button{width:150px; border-radius: 50px;border:none; font-weight: 500; display: inline-block; padding:0.8rem; background:#ddd; color:#191919;}
.abBottomNav button:hover{text-decoration: none;}
.abBottomNav button.askBoxNext{background:#ffc11b;margin-left: 10px;}
.abBottomNav button.askBoxNext:hover{background:#ff961b;}

.secFooter{padding:5rem 0rem 6rem; border-top: 2px solid #191919; border-bottom: 2px solid #191919;}
.footer .foot-phone{font-size: 1.5rem; font-weight: 500; margin-bottom: 0.2rem; color:#191919}
.footer .list-sm{list-style: none; margin:0px; padding:0px;}
.footer .list-sm li{display: inline-block;}
.footer .list-sm li a{border:2px solid #1a6ad6; border-radius: 0.2rem; color:#191919; font-size: 1.2rem; display: block; width:40px; height:40px; text-align: center; padding:0.4rem; padding-top: 0.5rem; line-height: 0px; margin-right: 0.3rem;}
.footer .list-sm li a:hover{background:#1a6ad6; color:#fff;}
.footer .title{font-weight: bold; text-transform: uppercase; margin-bottom: 1.2rem;}
.list-foot{margin:0px; padding:0px; list-style: none;}
.list-foot li{margin-bottom: 0.4rem; padding-bottom: 0.3rem;}
.list-foot li a{color:#666;}
.list-foot li a:hover{color:#1a6ad6; text-decoration: underline;}
.list-unstyled .list-foot{list-style: none;padding:0px;}
.list-foot ul{list-style: none;padding:0px;}
.sidebar-about ul{list-style: none;padding:0px;}
.secCopyright{padding:3rem 0rem;}
/*bg image*/
.bg-image{height: 280px;width: 100%;background-size: cover;background-position: center center;}
/*pagination style*/
.pagination{display: inline-block;padding-left: 0;border-radius: 4px;margin: 0px !important;margin-top: 10px !important;}
.pagination>li {display: inline;}
.pagination>li>a, .pagination>li>span {background: #f6f5f2;border: none;margin: 0px 2px;border-radius: 4px;padding: 10px ;color: #222;font-weight: 400;}
.current {background: #1a252e !important;color: #fff !important;}

/*banner css start*/
.simple-banner .simple-banner-text a{
	margin-left:12px;
}
.page-id-13 .simple-banner{
    display: none;
}

.simple-banner {
/*    position: absolute!important;*/
    z-index: unset!important;
}
/*banner css end*/


/* mega menu css start */

/*--------------------------------------------------------------------------
[Table of contents]

01 Base CSS
02 Desktop CSS
03 Mobile CSS
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  01  Base CSS 
--------------------------------------------------------------------------*/
.wsfullmain html,
.wsfullmain body,
.wsfullmain iframe,
.wsfullmain h1,
.wsfullmain h2,
.wsfullmain h3,
.wsfullmain h4,
.wsfullmain h5,
.wsfullmain h6 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: inherit;
	vertical-align: baseline;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased !important;
}

.wsfullmain .cl {
	clear: both;
}

.wsfullmain .clearfix:before,
.wsfullmain .clearfix:after {
	content: "";
	display: table;
}

.wsfullmain .clearfix:after {
	clear: both;
}

.wsfullmain .clearfix {
	zoom: 1;
}

.wsfullmain textarea {
	font-family: Helvetica, Arial, sans-serif;
}

.wsfullmain img,
object,
embed,
video {
	border: 0 none;
	max-width: 100%;
}

.wsfullmain a:focus {
	outline: none !important;
}

.wsfullmain:before,
.wsfullmain:after {
	content: "";
	display: table;
}

.wsfullmain:after {
	clear: both;
}

/*--------------------------------------------------------------------------
|  02 Desktop CSS
--------------------------------------------------------------------------*/

.ani01 {
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}

#wstoggle {
	display: block;
	width: 65px;
	height: 60px;
	/* position: absolute; */
	right: 45px;
	top: 15px;
	font-size: 24px;
	line-height: 54px;
	z-index: 9999999;
	text-align: right;
	cursor: pointer;
}

/* #wstoggle:before {
	content: "Menu";
	font-size: 11px;
	font-style: normal;
	text-indent: 29px;
	text-transform: uppercase;
	font-family: Arial;
	color: #fff;
} */

#wstoggle span {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 2px;
	background-color: #191919;
	vertical-align: middle;
	/* -webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s; */
	margin-top: 1px;
	margin-left: 6px;
	width: 22px;
}

#wstoggle span:after,
#wstoggle span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 26px;
	height: 2px;
	left: 0;
	background-color: #191919;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s
}

#wstoggle span:before {
	top: -8px;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
	-o-transition-property: top, transform;
	transition-property: top, transform
}

#wstoggle span:after {
	bottom: -8px;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	transition-property: bottom, transform
}

#wstoggle.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-ms-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s
}

#wstoggle.active span:after,
#wstoggle.active span:before {
	-webkit-transition-delay: 0s, .3s;
	-moz-transition-delay: 0s, .3s;
	-ms-transition-delay: 0s, .3s;
	-o-transition-delay: 0s, .3s;
	transition-delay: 0s, .3s
}

#wstoggle.active span:before {
	top: 0;
	background: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

#wstoggle.active span:after {
	bottom: 0;
	background: #000;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}


/*=================== END Menu toggle ===================*/


.main,
body.wsfopen {
	overflow: hidden;
}



.wsfmain {
	bottom: 0;
	height: 100%;
	left: 0;
	/*overflow-y: auto;*/
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	display: block;
}

.wsfmenufull {
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;
	position: absolute;
	top: 0;
	transform: scaleX(0);
	transition: transform 0.4s ease 0.07s;
}
 
.wsfmenufull .wsfwrap {
	display: block;
	height: 100%;
	width: 100%;
} 

/*.wsfmenufull .wsfwrap {
	display: flex;
	height: 100vh;
	width: 100%;
	align-items: center;
	justify-content: center;
  }*/

.wsfmenufull .wsfwrapinner {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
/*	padding: 0px 55px 55px 55px; */
        padding-top: 68px;
}

.wsfopen .wsfmenufull {
	transform: scaleX(1);
}

.wsfopen .wsfmain {
	pointer-events: auto;
}

.wslogo {
	width: 128px;
	margin: 0 auto;
	display: block;
	padding-bottom: 35px;
}

.wsfulllinksty {
	width: 25%;
	margin: 0;
	padding: 45px 0px;
	list-style: none;
	float: left;

}

.wsfulllinksty li:first-child {
	padding-bottom: 15px;
	letter-spacing: 1px;
}

.wsfulllinksty li {
	font-size: 16px;
	font-weight: 900;
	color: #fff;
	display: block;
	text-transform: uppercase;
	line-height: 29px;

}

.wsfulllinksty li a {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;

}

.wsfulllinksty li a:hover {
	text-decoration: underline;
}


.wsbottompart {
	width: 100%;
	display: block;
	border-top: solid 1px rgba(255, 255, 255, 0.25);
	color: #000000;
	font-size: 12px;
	text-align: center;
	padding: 25px 0px 35px 0px;
	position: fixed;
	bottom: 0px;

}

.wsbottompart a {
	color: #fff;
	text-decoration: none
}

.wsbottompart span {
	padding: 0px 4px;
}

.wsbottompart a:hover {
	text-decoration: underline
}



/*Color Animation*/

.wsfanimatedcolors {
	background: linear-gradient(180deg, #ffffff, #a7a7a7, #6fce6f, #49a5ea, #9b6de3);
	background-size: 1000% 1000%;
	-webkit-animation: wsgdrcolors 10s ease infinite;
	-moz-animation: wsgdrcolors 10s ease infinite;
	animation: wsgdrcolors 10s ease infinite;
      
}


/*Color Animation*/

.form-control{
	width: 100%;
	display: initial!important;
	padding: 0.375rem 1.75rem;
	height: 50px;
}

.absolute.fa.fa-search.mega-menu-search.text-blue.ml-4 {
	position: absolute;
	margin-left: 8px;
    margin-top: 18px;
  }

/*--------------------------------------------------------------------------
|  03 Mobile CSS
--------------------------------------------------------------------------*/

/*@media only screen and (max-width: 880px) {
	.wsfulllinksty {
		width: 100%;
		padding: 10px 0px;
	}

	.wsfopen .wsfmain {
		position: static;
		overflow: auto;
	}

	.wsfmenufull {
		position: static;
		overflow: auto;
	}

	.main,
	body.wsfopen {
		overflow: auto;
	}

	.wsfmenufull .wsfwrapinner {

		padding: 45px 25px;
	}

	.wsbottompart {
		position: static;
		line-height: 25px;
		padding: 35px 20px;
	}
}*/

/*@-webkit-keyframes wsgdrcolors {
	0% {
		background-position: 0% 90%
	}

	50% {
		background-position: 100% 11%
	}

	100% {
		background-position: 0% 90%
	}
}

@-moz-keyframes wsgdrcolors {
	0% {
		background-position: 0% 90%
	}

	50% {
		background-position: 100% 11%
	}

	100% {
		background-position: 0% 90%
	}
}

@keyframes wsgdrcolors {
	0% {
		background-position: 0% 90%
	}

	50% {
		background-position: 100% 11%
	}

	100% {
		background-position: 0% 90%
	}
}*/



/*mega menu navbar css start*/

.mega-menu-nav {
    display: grid;
    grid-template-columns: auto auto auto auto;
    row-gap: 198px;
    text-align: left;
    margin-left: 24px;
}

/*.mega-menu-nav .nav-link{
    color: #1a6ad6!important;
    padding: 0px!important;
}*/

.mega-menu-nav .nav-link:hover::after{
    display: none;
}
.mega-menu-nav .dropdown .dropdown-menu{
    display: list-item!important;
    background: none;
   
    
}

.mega-menu-nav .dropdown-menu{
    border:none!important;
    padding: 0px!important;
    box-shadow: none!important;
    border-radius: unset!important;
    animation: unset!important;
}

.mega-menu-nav li:after{
    display: none!important;
}

.mega-menu-nav li{
    list-style: none!important;
}

.mega-menu-nav .dropdown-item{
    padding-top: 2px !important;
    font-size: 14px!important;
    color: white;
}

.mega-menu-nav li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.nav-item.menu-item-54766.dropdown {
    padding-right: 98px;
}

.mega-menu-nav li .nav-link{color:#000000 !important;}
.page-id-10 .simple-banner-text{display: none;}

/*mega menu navbar css end*/


/* mega menu css end */


/*crowd funding style start*/
/*single compaign*/
ul.wpcf_predefined_pledge_amount li{background: white;}
ul.wpcf_predefined_pledge_amount li a{border: 2px solid #e7e7e7; font-weight: 500;}
ul.wpcf_predefined_pledge_amount li a:hover{border: 2px solid #1a6ad6; text-decoration: none;}
input[type="number"].wpneo_donate_amount_field{border: 2px solid #e7e7e7; color: #686c8b; font-weight: 500; padding-left: 8px;}
input[type="number"].wpneo_donate_amount_field:focus{border: 1px solid #1a6ad6!important; outline: none!important;}
.wpneo-wrapper{background:  #f7f7f9; padding: 12px;}
#neo-progressbar{background-color: #e9ecef;}
.campaign-funding-info ul li{background: white; text-align: center; padding: 32px 20px; margin-bottom: 18px;}
.wpneo-raised-percent .wpneo-meta-name{font-weight: 500;}
.wpneo-campaign-creator-avatar img{border-radius: 50%;}
a.wpneo-fund-modal-btn{color: #1b1f2e; font-weight: 500;}
a.wpneo-fund-modal-btn:hover{color: #1a6ad6;}
a.wpneo-fund-modal-btn.wpneo-link-style1{display: none;}
.wpneo-campaign-single-left-info h2{font-size: 36px; color: #1b1f2e!important;}
.woocommerce div.product div.images .flex-control-thumbs{margin: 20px 0 0;}
.woocommerce div.product div.images .flex-control-thumbs li img{height: 136px; object-fit: cover; padding-right: 8px;}
.wpneo-tab-content{padding: 0;}
.woocommerce-Reviews{background: #f7f7f9;}
.comment-form input[type=text]{border: 2px solid #e7e7e7;}
.comment-form input[type=email]{border: 2px solid #e7e7e7;}
.comment-form textArea{border: 2px solid #e7e7e7; height: auto!important;}
.comment-form-author{display: grid;}
.comment-form-email{display: grid;}
p.comment-form-cookies-consent {display: none;}
.comment-form input[type=submit]{padding: 18px 22px!important; border-radius: 4px!important; font-size: 16px!important; font-weight: 400!important; background-color: #1a6ad6!important; color: #fff!important;}
.wpneo-tabs-menu li a{font-size: 20px; font-weight: 500;}
.product #campaign_loved_html{left: 9px; top: 11px;}
#donate-var{border: 2px solid #e7e7e7; height: 40px; font-size: 16px; border-radius: 4px; padding-left: 8px; margin-left: 14px; margin-bottom: 14px; width: 269px; color: #686c8b; font-weight: 500;}
#donate-var:focus{border: 1px solid #1a6ad6!important; outline: none!important;}
.donate-var-lbl{margin-left: 14px; font-weight: 500;}
.tab-rewards-wrapper{padding: 0px!important;}
.tab-rewards-wrapper .overlay>div>div{font-family: 'Poppins', sans-serif!important; font-weight: 600!important;}
.highlight {border: 2px solid #1a6ad6!important; background: #1a6ad6; color: #fff!important;}

/*home page compaign*/
.wpneo-wrapper .wpneo-wrapper-inner{padding-top: 26px;}
.wpneo-listing-img img{width: 100%; height: 268px; object-fit: cover;}
.wpneo-author{display: none;}
.wpneo-short-description{display: none;}
/*.wpneo-listings .wpneo-listing-content{height: 348px; max-height: 512px;}*/
.wpneo-listings .wpneo-listing-content h4 a{color: #1b1f2e!important; font-weight: 600!important; padding-top: 8px; line-height: 1.4; font-size: 22px;}
.wpneo-raised-percent .wpneo-meta-desc{float: right; padding-right: 20px;}
.wpneo-listings .overlay a{text-decoration: none;}

/*checkout page*/
.page-id-21 .mainPage{background: #f7f7f9; }
.woocommerce-checkout input[type=text]{border: 2px solid #e7e7e7; height: 44px; font-size: 16px; border-radius: 6px; padding-left: 8px;}
.woocommerce-checkout input[type=tel]{border: 2px solid #e7e7e7; height: 44px; font-size: 16px; border-radius: 6px; padding-left: 8px;}
.woocommerce-checkout input[type=email]{border: 2px solid #e7e7e7; height: 44px; font-size: 16px; border-radius: 6px; padding-left: 8px;}
.woocommerce-checkout textArea{border: 2px solid #e7e7e7; font-size: 16px; height: 178px!important; border-radius: 6px; padding-left: 8px;}
.woocommerce-checkout .select2-container--default .select2-selection--single{border: 2px solid #e7e7e7!important; height: 44px; font-size: 16px; border-radius: 6px;}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: unset!important;}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;}
.woocommerce-checkout #billing_address_1_field{margin-bottom: 30px;}
.woocommerce-checkout #place_order{padding: 18px 22px!important; border-radius: 4px!important; font-size: 16px!important; font-weight: 400!important; background-color: #1a6ad6!important; color: #fff!important;}
.woocommerce-checkout .woocommerce form .form-row.woocommerce-validated input.input-text{border: 2px solid #1a6ad6; }
.woocommerce-billing-fields__field-wrapper label abbr{color: #1a6ad6!important;}
.notes label abbr{color: #1a6ad6!important;}
.notes label{font-size: 28px; color: #191919; font-weight: 600;}
.woocommerce-additional-fields h3{display: none;}
/*sign up page*/
.page-id-17 .mainPage{background: #f7f7f9; }
#wpneo-registration .wpneo-name{font-size: 18px!important; font-weight: 500!important; color: #666666!important;}
#wpneo-registration input[type=text]{border: 2px solid #e7e7e7; height: 44px!important; font-size: 16px; border-radius: 6px;}
#wpneo-registration input[type=password]{border: 2px solid #e7e7e7; height: 44px!important; font-size: 16px; border-radius: 6px;}
#wpneo-registration textArea{border: 2px solid #e7e7e7!important; font-size: 16px!important; border-radius: 6px!important;}
#wpneo-registration a.wpneo-cancel-campaign{padding: 12px 22px!important; border-radius: 4px!important; font-size: 16px!important; font-weight: 400!important;}
#wpneo-registration input[type=submit]{padding: 12px 22px!important; border-radius: 4px!important; font-size: 16px!important; font-weight: 400!important; background-color: #1a6ad6!important; color: #fff!important; border: unset!important}

/*login page*/
#loginform{max-width:  100%!important; box-shadow: 0px 0px 35px 0px #cecece;}
.page-id-185 .mainPage{background: #f7f7f9; }
#loginform input[type=text]{border: 2px solid #e7e7e7; height: 44px; font-size: 16px; border-radius: 6px; padding-left: 8px;}
#loginform input[type=password]{border: 2px solid #e7e7e7; height: 44px; font-size: 16px; border-radius: 6px; padding-left: 8px;}
#loginform label{font-size: 18px!important; font-weight: 500!important; color: #666666!important;}
#loginform input[type=submit]{padding: 12px 22px!important; border-radius: 4px!important; font-size: 16px!important; font-weight: 400!important; background-color: #1a6ad6!important; color: #fff!important; border: unset!important}
#loginform > a{display: flex!important; margin: auto!important; justify-content: center!important;}

/*campaign page*/
.page-id-16 .mainPage{background: #f7f7f9; }
.wpneo-pagination{text-align: center!important;}
.wpneo-pagination ul li{background: white;}
.wpneo-pagination ul li .current{background: #1a6ad6!important}
.wpneo-pagination ul li a:hover{text-decoration: none;}


/*login signup btn css*/
a.signup-btn{color: #191919; background: #ffc11b; text-align: center; padding: 8px 0px; font-weight: 600; border-radius: 4px; width: 86px; height: 38px;}
a.signup-btn:hover{background: #ff961b; text-decoration: none;}
a.login-btn{color: #191919; background: #ffc11b; text-align: center; padding: 8px 0px; font-weight: 600; border-radius: 4px; margin-left: 4px; width: 86px; height: 38px;}
a.login-btn:hover{background: #ff961b; text-decoration: none;}
a.db-btn{color: #191919; background: #ffc11b; text-align: center; padding: 8px 0px; font-weight: 600; border-radius: 4px; width: 112px; height: 38px;}
a.db-btn:hover{background: #ff961b; text-decoration: none;}
a.logout-btn{color: #191919; background: #ffc11b; text-align: center; padding: 8px 0px; font-weight: 600; border-radius: 4px; margin-left: 4px; width: 112px; height: 38px;}
a.logout-btn:hover{background: #ff961b; text-decoration: none;}
.login-form-cf a{display: flex; justify-content: center; margin-top: 12px; font-weight: 600;}

/*reset password page*/
.woocommerce-ResetPassword.lost_reset_password {width: 512px; margin: auto; box-shadow: 0px 0px 35px 0px #cecece; padding: 38px;}
.woocommerce-ResetPassword.lost_reset_password p{width: 100%!important;}
.woocommerce-ResetPassword.lost_reset_password button{padding: 12px 22px !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 400 !important; background-color: #1a6ad6 !important; color: #fff !important; border: unset !important;}
.woocommerce-ResetPassword.lost_reset_password label{font-size: 18px !important; font-weight: 500 !important;color: #666666 !important;}
.woocommerce-ResetPassword.lost_reset_password input{border: 2px solid #e7e7e7; height: 44px; font-size: 16px; border-radius: 6px; padding-left: 8px;}

/*extra css*/
.home .wpneo-pagination{display: none;}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{background: #1a6ad6; border: 1px solid #1a6ad6; color: white;}
.wc-proceed-to-checkout a{border-radius: 4px !important; background-color: #1a6ad6 !important; color: #fff !important; border: unset !important;}
#submit_payfast_payment_form{padding: 12px 22px !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 400 !important; background-color: #1a6ad6 !important; color: #fff !important; border: unset !important;}
#payfast_payment_form .button{padding: 17px 22px !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 400 !important; background-color: #1a6ad6 !important; color: #fff !important; border: unset !important;}
.return-to-shop a{padding: 12px 22px !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 400 !important; background-color: #1a6ad6 !important; color: #fff !important; border: unset !important;}
.cart-empty{border-top-color: #1a6ad6!important;}
.cart-empty:before{color: #1a6ad6!important;}
.page-id-16 .mainNav{box-shadow: 0 1px 8px 3px rgb(0 0 0 / 5%);}
.page-id-16 .mainPage{padding: 3rem 0rem 7rem;}
.wpneo-wrapper-inner{display: flex;flex-wrap: wrap;}
/*crowd funding style end*/




@media (min-width : 1200px) {
    .offcanvas {visibility : visible; position: relative; background : none; border: none; justify-content: end; color: red;}
    .secHeading{font-size: 2.4rem;}
    .col-stats-right .mainHeading{font-size: 3rem;}
    .statsCard .title{font-size: 2.8rem;}
    .dropdown .dropdown-menu {display: none; margin:0px; }
    .dropdown:hover .dropdown-menu {display: block;animation: slideIn 0.5s alternate;}
    .secBanPages h1{font-size: 3.5rem;}
}

@media (max-width : 1400px) {
  .donHomeLinks{grid-template-columns: 220px auto;}
  .donHomeLinks .txt{padding-left: 2rem;}
  .statsCardRow{grid-column-gap:3rem;}
}

@media (max-width : 1200px) {
    .mainMenu .nav-link:hover{color:#1a6ad6;}
    .offcanvas {width : 300px !important;}
    .offcanvas-start-lg {top: 0;left: 0; border-right : 1px solid rgba(0, 0, 0, .2); transform : translateX(-100%);}
    .mainMenu{align-items:flex-start; margin-bottom: 1rem; display: block;}
    .nav-item.dropdown::after{right:1.5rem; color:black;}
    .mainNav .nav-link{color:#191919; padding:0.75rem 1rem !important;}
    .hero-heading{line-height: 1.2;}
    .dropdown-menu{padding:0rem; padding-bottom: 1rem; padding-left: 1rem; margin:0px !important; box-shadow: none; border:none;}
    .dropdown-item{padding:0.3rem 1rem; color:#888;}
    .menuSideLinks{text-align: left !important;}
    .donHomeLinks{grid-template-columns: 180px auto;}
    .donHomeLinks .txt{padding:1.5rem;}
    .donHomeLinks .txt p{font-size: 1.5rem; line-height: 2rem;}
    .donHomeLinks .txt p span {font-size: 1.8rem;}
    .mainNews{padding-bottom: 5rem;}
    .list-share{text-align: left;}
    .sticky-share-news h5{text-align: left !important;}
    .sticky-share-news{margin-top: 1rem;}
    .sticky-sidebar{padding-left: 0rem; margin-top: 2rem;}
    .wsfullmain.clearfix {display: none;} 
     #wstoggle{display: none;}
     .wsfullmain.clearfix {display: none;} 
     #wstoggle{display: none;}
     .wsfmain{display: none;}
}

@media (max-width : 990px) {
  .donHomeLinks{grid-template-columns: 200px auto; max-width: 480px; margin:0 auto; margin-bottom: 2rem;}
  .newsWrap{margin-bottom: 3rem;}
  .secStats .container-fluid{max-width: 720px;}
  .col-image{display: none;}
  .col-stats-right{margin:0px !important; padding:7rem 1rem;}
  .secIntro{padding: 7rem 0rem 5rem;}
  .secNews {padding: 7rem 0rem 4rem;}
  .secHero .pat{width:150px; height:150px; opacity: 0.5;}
  .secHero .patLg{display: none;}
  .secStats .pat{width:200px; height:200px; opacity: 0.5;}
  .donationBox{padding:2rem;}
  .secBan .col-ban{display: block;}
  .secBan .pgHeadingWrap{position: relative; padding:0; text-align: left;}
  .secBan .pgHeadingWrap h1{background:none; padding: 0; margin-bottom: 2rem;}
  .secBan .pgHeadingWrap .btn-cta{display: none;}
  .hlighted{font-size: 1.2rem;}
}

@media (max-width : 768px) {
  .hero-heading{margin-bottom: 1rem;}
  .secHero{padding:8rem 0rem 4rem;}
  .secIntro{padding: 4rem 0rem 2rem;}
  .secServ{padding: 4rem 0rem 2rem;}
  .srvWrap{margin-bottom: 3rem;}
  .secNews {padding: 4rem 0rem 1rem;}
  .secPartners{padding:4rem 0rem;}
  .secStats .container-fluid{max-width: 540px;}
  .col-stats-right{padding:4rem 1rem;}
  .secNewsletter{padding:4rem 0rem;}
  .secFooter{padding:4rem 0rem 2rem;}
  .list-foot li{margin-bottom: 0.2rem; padding-bottom: 0.2rem;}
  .footer .title{margin-bottom: 0.8rem;}
  .statsCardRow{grid-column-gap:2rem;}
  .statsCard{line-height: 1.3;}
  .mainAppeals{padding: 2rem 0rem 4rem;}
  .hlighted {font-size: 1.1rem;}
  .mainPage{padding: 4rem 0rem 4rem;}
  .secBanPages{min-height: 360px;}
}

@media (max-width : 480px) {
  .abBottomNav a{width:115px; }
  .abBottomNav button{width:125px;}
  .btnRadioAmountWrap label{width:100px; font-size: 1.1rem;}
  .donHomeLinks{grid-template-columns: 150px auto;}
  .donHomeLinks .txt p{font-size: 1.1rem; line-height: 1.3;}
  .donHomeLinks .txt p span{font-size: 1.5rem;}
  .formNewsletter{display: block;}
  .formNewsletter .btn-cta{display: block; width:100%; font-size: 1.1rem;}
  .formNewsletter .form-control{margin-bottom: 0.3rem; border:1px solid #999; font-size: 1.1rem;} 
  .mainNav{min-width: 300px;}
  .carousel-indicators {bottom: -50px;}
}

@media (max-width : 360px) {
  .donHomeLinks .txt{padding:1rem;}
}


/*megamenu key frames*/