:root {
   --bs-body-color: #000;
}
/* @font-face {
   font-family:"Futura-LT-W01-Book";
   src:url("../../assets/fonts/Futura-LT-Book/Futura-LT-W01-Book.woff2") format("woff2"),url("../../assets/fonts/Futura-LT-Book/Futura-LT-W01-Book.woff") format("woff");
   font-display: block;
} */
/* @font-face {
   font-family: "Futura-LT-W05-Book";
   src: url("../../assets/fonts/Futura-LT-Book/FuturaLTW05-Book.woff2") format("woff2"),url("../../assets/fonts/Futura-LT-Book/FuturaLTW05-Book.woff") format("woff");
   font-display: block;
}  */
/* body { 
   font-family: Futura-LT-W01-Book; 
}
h1, h2, h3, h4, h5, h6 { 
   font-family: Futura-LT-W01-Book; 
} */
/* ---------  Mayuresh Custom Scrollbar ---------  */
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  /*border-radius: 10px;*/
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #de1219;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #292b2d;
}
/* ---------  Mayuresh Custom Scrollbar End ---------  */

/* ---------  Custom Scrollbar ---------  */ 
.environmentBody::-webkit-scrollbar-thumb {
  background: #7cb798;
} 
/* ---------  Custom Scrollbar End ---------  */

/* ---------  Custom Scrollbar ---------  */  
.animalwelfareBody::-webkit-scrollbar-thumb {
  background: #747ed1;
} 
/* ---------  Custom Scrollbar End ---------  */

/* ---------  Custom Scrollbar ---------  */  
.womeneducationandempowermentBody::-webkit-scrollbar-thumb {
  background: #d16b86;
} 
/* ---------  Custom Scrollbar End ---------  */

/* ---------  Custom Scrollbar ---------  */  
.socialjusticeandempowermentBody::-webkit-scrollbar-thumb {
  background: #f78b77;
} 
/* ---------  Custom Scrollbar End ---------  */

/* ---------  Custom Scrollbar ---------  */  
.disasterpreparednessBody::-webkit-scrollbar-thumb {
  background: #54a8c7;
} 
/* ---------  Custom Scrollbar End ---------  */

/* ---------  Custom Scrollbar ---------  */  
.healthcareBody::-webkit-scrollbar-thumb {
  background: #e2626b;
} 
/* ---------  Custom Scrollbar End ---------  */

/* ---------  Custom Scrollbar ---------  */  
.roadsafetyBody::-webkit-scrollbar-thumb {
  background: #fab758;
} 
/* ---------  Custom Scrollbar End ---------  */
.pt0{
  padding-top: 0!important;
}
.pt1{
  padding-top: 1rem!important;
}
.pt2{
  padding-top: 2rem!important;
}
.pt3{
  padding-top: 3rem!important;
}
.pt4{
  padding-top: 4rem!important;
}
.pt5{
  padding-top: 5rem!important;
}
.pb0{
  padding-bottom: 0!important;
}
.pb1{
  padding-bottom: 1rem!important;
}
.pb2{
  padding-bottom: 2rem!important;
}
.pb3{
  padding-bottom: 3rem!important;
}
.pb4{
  padding-bottom: 4rem!important;
}
.pb5{
  padding-bottom: 5rem!important;
}
.mb0{
  margin-bottom: 0rem !important;
}
.mb1 {
  margin-bottom: 1rem !important;
}
.mb2 {
  margin-bottom: 2rem !important;
}
.mb3 {
  margin-bottom: 3rem !important;
}
.mb4 {
  margin-bottom: 4rem !important;
}
.mb5 {
  margin-bottom: 5rem !important;
}
.mt0{
  margin-top: 0rem !important;
}
.mt1 {
  margin-top: 1rem !important;
}
.mt2 {
  margin-top: 2rem !important;
}
.mt3 {
  margin-top: 3rem !important;
}
.mt4 {
  margin-top: 4rem !important;
}
.mt5 {
  margin-top: 5rem !important;
}
/*------------------------------------not responsive start---------------------*/ 
#pageloader {
   background-color: #ffffffe6;
   height: 100%;
   position: fixed;
   top: 100px;
   width: 100%;
   z-index: 9999999;
}  
/* Center the loader */

#loader {
   position: absolute;
   left: 50%;
   top: 20%;
   z-index: 9999999999;
   width: 65px;
   height: 65px;
   margin: -75px 0 0 -75px;
   border: 10px solid #f3f3f3;
   border-radius: 50%;
   border-top: 10px solid #0061f2;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
   0% {
      -webkit-transform: rotate(0deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
   }
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}
.formloader_line {
   background-color: #111;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   display: flex;
   align-items: center;
   align-content: center;
   justify-content: flex-start;
   z-index: 100000;
}
.formloader_line__element {
   height: 3px;
   width: 100%;
   background: #c0ac83;
}
.formloader_line__element:before {
   content: "";
   display: block;
   background-color: #b98724;
   height: 3px;
   width: 0;
   animation: getWidth 3s ease-in infinite;
}
.loader_line {
   background-color: #ffffffe6;
   width: 100%;
   /* height: 100%; */
   top: 0px;
   left: 0;
   display: flex;
   align-items: center;
   align-content: center;
   justify-content: flex-start;
   z-index: 99999999;
   position: fixed;
}
.loader_line__element {
   height: 5px;
   width: 100%;
   background: #c0ac83;
}
.loader_line__element:before {
   content: "";
   display: block;
   background-color: #b98724; 
   height: 5px;
   width: 0;
   animation: getWidth 3s ease-in infinite;
}

@keyframes getWidth {
   100% {
      width: 100%;
   }
}
.blinker {
   color: #00943d;
   text-align: left;
}
.blinker i {
   display: inline-block;
   vertical-align: middle;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   padding: 5px;
   position: relative;
   margin: -2px 10px 0 0;
   box-sizing: border-box;
}
.blinker i:before {
   box-sizing: border-box;
   width: 12px;
   height: 12px;
   content: '';
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   background: #28a745;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 3;
}
.blinker i:after {
   opacity: 0;
   box-sizing: border-box;
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(40, 167, 69, 0.5);
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   z-index: 1;
   -webkit-animation: gogoloader 2s infinite 1s;
   -moz-animation: gogoloader 2s infinite 1s;
   -ms-animation: gogoloader 2s infinite 1s;
   -o-animation: gogoloader 2s infinite 1s;
   animation: gogoloader 2s infinite 1s;
}

@keyframes gogoloader {
   0% {
      -webkit-transform: scale(1);
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      -webkit-transform: scale(2);
      opacity: 0;
   }
}

@-webkit-keyframes gogoloader {
   0% {
      -webkit-transform: scale(1);
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      -webkit-transform: scale(2);
      opacity: 0;
   }
}

@-moz-keyframes gogoloader {
   0% {
      -webkit-transform: scale(1);
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      -webkit-transform: scale(2);
      opacity: 0;
   }
}
.blinker-action i:before {
   background: rgba(220, 53, 69, 0.4);
}
.blinker-action i:after {
   background: rgba(220, 53, 69, 0.4);
}
.blinker-primary i:before {
   background: rgba(31, 92, 162, 0.4);
}
.blinker-primary i:after {
   background: rgba(31, 92, 162, 0.4);
} 
/* CSS Multiple Whatsapp Chat */
#whatsapp-chat {
   box-sizing: border-box !important;
   outline: none !important;
   position: fixed;
   width: 350px;
   border-radius: 10px;
   box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
   bottom: 90px;
   right: 30px;
   overflow: hidden;
   z-index: 99;
   animation-name: showchat;
   animation-duration: 1s;
   transform: scale(1);
}

a.blantershow-chat {
   /*   background: #009688; */
   background: #fff;
   color: #404040;
   position: fixed;
   display: flex;
   font-weight: 400;
   justify-content: space-between;
   z-index: 98;
   bottom: 39px;
   right: 6rem;
   font-size: 15px;
   padding: 10px 20px;
   border-radius: 30px;
   box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
}

a.blantershow-chat svg {
   transform: scale(1.2);
   margin: 0 10px 0 0;
}
.whatsapp-chat-header {
   background: #009688;
   background: #095e54;
   color: #fff;
   padding: 20px;
}
.whatsapp-chat-header h3 {
   margin: 0 0 10px;
}
.whatsapp-chat-header p {
   font-size: 14px;
   line-height: 1.7;
   margin: -10px;
}
.whatsapp-chat-header .whatsapp-chat-name {
   font-size: 16px;
   font-weight: 600;
   padding-bottom: 0;
   margin-bottom: 0;
   line-height: 0.5;
}
.whatsapp-chat-avatar {
  position: relative;
}
.whatsapp-chat-avatar::after {
   content: "";
   bottom: 0px;
   right: 0px;
   width: 12px;
   height: 12px;
   box-sizing: border-box;
   background-color: #4ad504;
   display: block;
   position: relative;
   z-index: 1;
   border-radius: 50%;
   border: 2px solid #095e54;
   left: 40px;
   top: 38px;
}
.whatsapp-chat-avatar img {
   border-radius: 100%;
   width: 50px;
   float: left;
   margin: 0 10px 0 0;
}
.info-chat span {
   display: block;
}
#get-label, span.chat-label {
  font-size: 12px;
  color: #888;
}
#get-nama, span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
#get-label, #get-nama {
  color: #fff;
}
span.my-number {
  display: none;
}
/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
textarea#chat-input {
   border: none; 
   width: 100%;
   height: 45px;
   outline: none;
   resize: none;
   padding: 10px;
   font-size: 14px;
}
a#send-it {
   width: 30px;
   font-weight: 700;
   padding: 10px 10px 0;
   background: #eee;
   border-radius: 10px;
}
a#send-it svg {
   fill: #a6a6a6;
   height: 24px;
   width: 24px;
}
.first-msg {
   background: transparent;
   padding: 30px;
   text-align: center;
}
.first-msg span {
   background: #e2e2e2;
   color: #333;
   font-size: 14.2px;
   line-height: 1.7;
   border-radius: 10px;
   padding: 15px 20px;
   display: inline-block;
}
.start-chat .blanter-msg {
   display: flex;
}
#get-number {
  display: none;
}
a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;
}
@keyframes ZpjSY {
  0% {
    background-color: #b6b5ba;
  }
  15% {
    background-color: #111111;
  }
  25% {
    background-color: #b6b5ba;
  }
}
@keyframes hPhMsj {
  15% {
    background-color: #b6b5ba;
  }
  25% {
    background-color: #111111;
  }
  35% {
    background-color: #b6b5ba;
  }
}
@keyframes iUMejp {
  25% {
    background-color: #b6b5ba;
  }
  35% {
    background-color: #111111;
  }
  45% {
    background-color: #b6b5ba;
  }
}
@keyframes showhide {
   from {
      transform: scale(0.5);
      opacity: 0;
   }
}
@keyframes showchat {
   from {
      transform: scale(0);
      opacity: 0;
   }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
      width: auto;
      left: 5%;
      right: 5%;
      font-size: 80%;
   }
}
.w_hide {
   display: none;
   animation-name: showhide;
   animation-duration: 0.5s;
   transform: scale(1);
   opacity: 1;
}
.w_show {
   display: block;
   animation-name: showhide;
   animation-duration: 0.5s;
   transform: scale(1);
   opacity: 1;
}
.whatsapp-message-container {
   display: flex;
   z-index: 1;
}
.whatsapp-message {
   padding: 7px 14px 6px;
   background-color: white;
   border-radius: 0px 8px 8px;
   position: relative;
   transition: all 0.3s ease 0s;
   opacity: 0;
   transform-origin: center top 0px;
   z-index: 2;
   box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
   margin-top: 4px;
   margin-left: -54px;
   max-width: calc(100% - 66px);
}
.whatsapp-chat-body {
   padding: 20px 20px 20px 10px;
   background-color: #e6ddd4;
   position: relative;
}
.whatsapp-chat-body::before {
   display: block;
   position: absolute;
   content: "";
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   z-index: 0;
   opacity: 0.08;
   background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
}
.dAbFpq {
   display: flex;
   z-index: 1;
}
.eJJEeC {
   background-color: white;
   width: 52.5px;
   height: 32px;
   border-radius: 16px;
   display: flex;
   -moz-box-pack: center;
   justify-content: center;
   -moz-box-align: center;
   align-items: center;
   margin-left: 10px;
   opacity: 0;
   transition: all 0.1s ease 0s;
   z-index: 1;
   box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}
.hFENyl {
   position: relative;
   display: flex;
}
.ixsrax {
   height: 5px;
   width: 5px;
   margin: 0px 2px;
   border-radius: 50%;
   display: inline-block;
   position: relative;
   animation-duration: 1.2s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   top: 0px;
   background-color: #9e9da2;
   animation-name: ZpjSY;
}
.dRvxoz {
   height: 5px;
   width: 5px;
   margin: 0px 2px;
   background-color: #b6b5ba;
   border-radius: 50%;
   display: inline-block;
   position: relative;
   animation-duration: 1.2s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   top: 0px;
   animation-name: hPhMsj;
}
.kAZgZq {
   padding: 7px 14px 6px;
   background-color: white;
   border-radius: 0px 8px 8px;
   position: relative;
   transition: all 0.3s ease 0s;
   opacity: 0;
   transform-origin: center top 0px;
   z-index: 2;
   box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
   margin-top: 4px;
   margin-left: -54px;
   max-width: calc(100% - 66px);
}
.kAZgZq::before {
   position: absolute;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: contain;
   content: "";
   top: 0px;
   left: -12px;
   width: 12px;
   height: 19px;
}
.bMIBDo {
   font-size: 13px;
   font-weight: 700;
   line-height: 18px;
   color: rgba(0, 0, 0, 0.4);
}
.iSpIQi {
   font-size: 14px;
   line-height: 19px;
   margin-top: 4px;
   color: #111111;
}
.iSpIQi {
   font-size: 14px;
   line-height: 19px;
   margin-top: 4px;
   color: #111111;
}
.cqCDVm {
   text-align: right;
   margin-top: 4px;
   font-size: 12px;
   line-height: 16px;
   color: rgba(17, 17, 17, 0.5);
   margin-right: -8px;
   margin-bottom: -4px;
}
/*------------------------------------ eOf  ---------------------*/
.float_whatsapp{
   position:fixed;
   width:60px;
   height:60px;
   bottom:40px;
   left:40px;
   background-color:#25d366;
   color:#FFF;
   border-radius:50px;
   text-align:center;
   font-size:30px;
   box-shadow: 2px 2px 3px #999;
   z-index:100;
} 
.my-float_whatsapp{
   margin-top:16px;
}
/*------------------------------------ eOf  ---------------------*/ 
/*------------------------------------ avatar ---------------------*/ 
.avatar-xxs {
   height: 1.5rem;
   width: 1.5rem
}

.avatar-xs {
   height: 2rem;
   width: 2rem
}

.avatar-sm {
   height: 3rem;
   width: 3rem
}

.avatar-md {
   height: 4.5rem;
   width: 4.5rem
}

.avatar-lg {
   height: 6rem;
   width: 6rem
}

.avatar-xl {
   height: 7.5rem;
   width: 7.5rem
}

.avatar-title {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: #4b93ff;
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-weight: 500;
   height: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%
}

.avatar-group {
   padding-left: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}

.avatar-group .avatar-group-item {
   margin-left: -12px;
   border: 2px solid var(--tb-card-bg-custom);
   border-radius: 50%;
   -webkit-transition: all .2s;
   transition: all .2s
}

.avatar-group .avatar-group-item:hover {
   position: relative;
   -webkit-transform: translateY(-2px);
   transform: translateY(-2px);
   z-index: 1
}
/*------------------------------------ avatar eOf  ---------------------*/ 
.has-error {
    color: #dc3545 !important;
    font-size: 12px;
} 
.add_default_selected {
   background: #25b700;
   color: white;
   text-align: center;
   padding: .25rem !important;
   border-radius: 0.25rem;
}
.add_default_selected p {
   color: #fff;
   margin-bottom: 0;
}
/* -------- coupon code modal cart  ------------ */
.coupon_codeDIV {
   position: relative;
   background: #e2edf7;
   padding: 10px;
   border-radius: 10px;
   margin-bottom: 1rem;
   box-shadow: 0 2px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.cc_title {
   font-size: 22px;
   font-weight: 600;
}
.cc_description {
   margin-bottom: 3px;
}
.cc_saving {
   background: #35264e;
   color: #fff;
   padding: 5px 10px;
   border-radius: 6px;
   font-size: 12px;
   margin-bottom: 1rem;
}
.cc_code {
   background: #fab457;
   color: #fff;
   padding: 5px 10px;
   border-radius: 4px;
   font-size: 12px;
}
.selected_cc {
   background: #1c709c;
   border: 1px solid #1c709c;
   font-size: 12px;
   padding: 15px 15px;
   min-height: 32px;
   width: 70%;
   border-radius: 50px;
}
.selected_cc.applyCC {
   background: #28a745;
   border: 1px solid #1c709c;
}
.ccBDiv {
   position: relative;
}
.ccinBDiv{
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%); 
}
.cc_discount {
   padding: 5px 10px;
   background: #e77676;
   position: absolute;
   top: 0;
   right: 0;
   font-size: 12px;
   color: #fff;
   font-weight: 900;
   border-radius: 10px 0px 10px 0px;
}   
.ccapp_Div {
   border: 1px solid #62ab00;
   background: #cee9b6;
   padding: 10px;
   border-radius: 10px;
   margin-bottom: 1rem;
   box-shadow: 0 2px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.ccapp_title {
   font-size: 16px;
   font-weight: 700; 
}
.ccapp_saving {
   padding: 5px 10px;
   background: #62a900;
   top: 0;
   right: 0;
   font-size: 12px;
   color: #fff;
   font-weight: 900;
   border-radius: 50px;
}
.ccapp_code {
   background: #fab457;
   color: #fff;
   padding: 5px 10px;
   border-radius: 4px;
   font-size: 12px;
   width: auto;
}
.ccapp_status { 
   font-size: 16px;
   font-weight: 700;
}
.ccapp_removeBtn {
   padding: 4px 12px;
   border-radius: 50px;
   font-size: 12px;
}
.ccapp_remove { 
   color: #fff;
   padding: 5px;
   border-radius: 50px;
} 
/* -------- eOf coupon code modal cart  ------------ */
/*--------------------------- floating-media-icons-left-sidebar ------------------------------*/
nav.floating-media-icons-left-sidebar {
   position: fixed;
   width: 55px;
   left:0px;
   bottom: 30%; 
   transition: all 0.3s linear;
   box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
   z-index: 9999;
} 
nav.floating-media-icons-left-sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
nav.floating-media-icons-left-sidebar li {
   height: 45px;
   position:relative;
}
nav.floating-media-icons-left-sidebar li a {
   color: #fff !important;
   display: block;
   height: 100%;
   width: 100%;
   line-height: 45px;
   padding-left:25%;
   border-bottom: 1px solid rgba(0,0,0,.4);
   transition: all .3s linear;
   text-decoration: none !important;
}
nav.floating-media-icons-left-sidebar li:nth-child(1) a {
   background: #4267B2;
}
nav.floating-media-icons-left-sidebar li:nth-child(2) a {
   background: #1DA1F2;
}
nav.floating-media-icons-left-sidebar li:nth-child(3) a {
   background: #E1306C;
}
nav.floating-media-icons-left-sidebar li:nth-child(4) a {
   background: #ff0000;
}
nav.floating-media-icons-left-sidebar li:nth-child(5) a {
   background: #2867B2;
} 
nav.floating-media-icons-left-sidebar li a i {
   position: absolute;
   top: 10px;
   left: 15px;
   font-size: 25px;
}
.floating-media-icons-left-sidebar ul li a span {
   display: none;
   font-weight: bold;
   letter-spacing: 1px;
   text-transform: uppercase;
}
.floating-media-icons-left-sidebar a:hover {
   z-index:1;
   width: 200px;
   border-bottom: 1px solid rgba(0,0,0,.5);
   box-shadow: 0 0 1px 1px rgba(0,0,0,.3);
}
.floating-media-icons-left-sidebar ul li:hover a span {
   padding-left: 30%;
   display: block;
   font-size: 15px;
}
/*--------------------------- eOf floating-media-icons-left-sidebar ------------------------------*/

/*--------------------------- floating-visit-icons-right-sidebar ------------------------------*/
nav.floating-visit-icons-right-sidebar {
   position: fixed;
   width: 55px;
   right:0px;
   bottom: 50%; 
   transition: all 0.3s linear;
   box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
   z-index: 9999;
} 
nav.floating-visit-icons-right-sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
nav.floating-visit-icons-right-sidebar li {
   height: 45px;
   position:relative;
}
nav.floating-visit-icons-right-sidebar li a {
   color: #fff !important;
   display: block;
   height: 100%;
   width: 100%;
   line-height: 45px;
   padding-right:0;
   border-bottom: 1px solid rgba(0,0,0,.4);
   transition: all .3s linear;
   text-decoration: none !important;
}  
nav.floating-visit-icons-right-sidebar li a i {
   position: absolute;
   top: 0px;
   left: 15px;
   font-size: 25px;
}
.floating-visit-icons-right-sidebar ul li a span {
   display: none;
   font-weight: bold;
   letter-spacing: 1px;
   text-transform: uppercase;
}
nav.floating-visit-icons-right-sidebar:hover { 
   right: 140px; 
}
.floating-visit-icons-right-sidebar a:hover {
   z-index:1;
   width: 200px;
   border-bottom: 1px solid rgba(0,0,0,.5);
   box-shadow: 0 0 1px 1px rgba(0,0,0,.3);
}
.floating-visit-icons-right-sidebar ul li:hover a span {
   padding-left: 30%;
   display: block;
   font-size: 15px;
}
/*--------------------------- eOf floating-visit-icons-right-sidebar ------------------------------*/

.image-wrapper.environmentBread:not(.mobile), 
.image-wrapper.animalwelfareBread:not(.mobile), 
.image-wrapper.womeneducationandempowermentBread:not(.mobile), 
.image-wrapper.socialjusticeandempowermentBread:not(.mobile), 
.image-wrapper.disasterpreparednessBread:not(.mobile), 
.image-wrapper.healthcareBread:not(.mobile), 
.image-wrapper.roadsafetyBread:not(.mobile) {
   background-attachment: local!important;
}
.productList .project figure {
   width: 100%;
   height: 300px;
   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.productList .project figure img {
   height: 100%!important;
   width: 100%!important;
   object-fit: cover;
}
.eventsDiv figure {
   width: 100%;
   height: 300px;
}
.eventsDiv figure img {
   height: 100%!important;
   width: 100%!important;
   object-fit: cover;
}
.blogDiv figure {
   width: 100%;
   height: 225px;
}
.blogDiv a {
    height: 100%;
}
.blogDiv figure img {
   height: 100%!important;
   width: 100%!important;
   object-fit: cover;
}
.videoDiv figure {
   width: 100%;
   height: 225px;
}
.videoDiv figure img {
   height: 100%!important;
   width: 100%!important;
   object-fit: cover;
}
ul.custom-tabs {
   background: #ffffff00;
   color: #114590;
      display: flex; 
      padding: 0; 
   border-bottom: unset; 
} 
ul.custom-tabs li {
   flex: 1; 
   list-style: none; 
} 
ul.custom-tabs li.active a, ul.custom-tabs li.active a:focus, ul.custom-tabs li.active a:hover {
   font-weight: bold;
   color: #ffffff;
   background: #00a859;
   border: 1px solid transparent;
   border-bottom: 3px solid #007b5e !important;
}
ul.custom-tabs li a {
   padding: 10px 25px;
   background: #fff;
   border-radius: 50px;
   color: #114590;
   border: 2px solid #00a859; 
} 
ul.custom-tabs li a:focus, ul.custom-tabs li a:hover {
   background: #fff;
   border-radius: 50px;
   color: #114590;
   border: 2px solid #00a859; 
} 
.wwdDiv figure {
   width: 100%;
   height: 225px;
}
.wwdDiv figure img {
   height: 100%!important;
   width: 100%!important;
   object-fit: cover;
}
.bg-overlay-600:before {
   background: rgb(30 34 40 / 84%) !important;
}
.bg-overlay-600:before {
   background: rgb(30 34 40 / 70%) !important;
}
.impactSection .icon { 
   color: #fff;
   width: 65px;
   height: 65px;
   object-fit: contain;
}
.iniDiv .card {
   background: #fff;
   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
/*.iniDiv .card {
    background: #b98724;
    color: #fff;
}*/
.iniDiv h4 {
   color: #b98724; 
   margin-bottom: 3px;
}
.donationBgDiv:before { 
   background: rgb(30 34 40 / 59%) !important;
}
.initiativesSec {
   background-color: #f9f9f9 !important;
}
section#testimonials .rounded-circle {
   height: 65px;
   width: 65px;
   object-fit: cover;
}
section#testimonials .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
   border-color: #ffffff;
}
.textSliderBg {
   background: #3a3a3a6e;
   padding: 20px;
   border-radius: 3px 50px;
}
.btnHeadDonate {
   box-shadow: 0 0.25rem 0.75rem rgb(30 34 40 / 19%);
} 
.imgboDDiv {
   height: 420px;
}
.imgboDDiv figure {
    height: 100%;
    width: 100%;
}
.imgboDDiv figure img {
   height: 100% !important;
   width: 100%; 
}
.hover-switch > img {
  position: absolute;
/*  top: calc(50% - 100px);*/
/*  left: calc(50% - 100px);*/
} 
.hover-switch > img:last-of-type {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
} 
.hover-switch:hover > img:last-of-type {
  opacity: 0;
}
.breadcrumbBg {
   background-image: url('../../assets/images/banners/_MG_3313.JPG'); 
   background-repeat: no-repeat;
   background-position: 100%;
   background-size: cover;
   position: relative;
   z-index: 0;
/*   --bs-bg-opacity: 1;*/
/*    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;*/
}
.awardsDiv figure {
   height: 250px;
}
.awardsDiv figure img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.certificateDiv {
   position: relative;
}
.certificateDiv i {
   position: absolute;
   top: 50%;
   right: 50%;
   z-index: 999;
   transform: translate(0px, -50px);
}
.certificateDiv figure {
   height: 350px;
}
.certificateDiv figure a {
   height: 350px;
}
.certificateDiv figure img {
   height: 100% !important;
   width: 100%;
   object-fit: contain;
}
.certificateDiv figure a {
   height: 350px;
   margin-top: 25px;
}
.certificateDiv .card {
   box-shadow: 0 0.25rem 0.75rem rgb(30 34 40 / 19%)!important;
   background: #c8c8c82b;
   position: relative; 
}
.certificateDiv .card .screewImg {
   position: absolute;
   width: 12px;
   height: 12px;
} 
.certificateDiv .card .screewRight { 
   top: 5px;
   right: 5px;
} 
.certificateDiv .card .screewLeft {
   top: 5px;
   left: 5px;
}  
.breadcrumbDiv h1 { 
   text-shadow: -3px 1px #b3b3b3;
   background: #0000000f;
}
.breadcrumbDiv .breadcrumb { 
   background: #0000000f;
   padding: 0px 10px;
   border-radius: 50px;
}
.breadcrumbDiv .breadcrumb-item+.breadcrumb-item::before { 
   color: rgb(255 255 255 / 35%);  
}
.projectsDiv figure a {
   height: 250px;
}
.projectsDiv figure img {
   height: 100% !important;
   width: 100%;
   object-fit: cover;
   object-position: top; 
}
.post-category.hosData{
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: space-between;
}
.postCon a {
   background: var(--bs-primary);
   border-color: var(--bs-primary);
   color: var(--bs-white);
   padding: 10px 12px;
   border-radius: 50px;
}
.post-footer.hospitalsAction {
   min-height: 73px;
}
section#portfolio figure a {
   height: 250px;
}
section#portfolio figure img {
   height: 100% !important;
   width: 100%;
   object-fit: cover;
}
.dbttext th {
   background-color: #f2f2f2; 
}
.environmentBody .icons-small .icon-svg.icon-svg-md { 
   filter: hue-rotate(111deg);
}
.animalwelfareBody .icons-small .icon-svg.icon-svg-md { 
   filter: hue-rotate(195deg);
}
.womeneducationandempowermentBody .icons-small .icon-svg.icon-svg-md { 
   filter: hue-rotate(291deg);
} 
.socialjusticeandempowermentBody .icons-small .icon-svg.icon-svg-md { 
   filter: hue-rotate(317deg);
}
.disasterpreparednessBody .icons-small .icon-svg.icon-svg-md { 
   filter: hue-rotate(141deg);
}
.healthcareBody .icons-small .icon-svg.icon-svg-md { 
   filter: hue-rotate(302deg);
}
.roadsafetyBody .icons-small .icon-svg.icon-svg-md { 
   filter: hue-rotate(4deg);
}
.hospitalsAction .post-meta { 
    color: #000;
}
.hospitalsDivs figure a {
   height: 250px;
}
.hospitalsDivs figure img {
   height: 100% !important;
   width: 100%;
   object-fit: cover; 
   object-position: top;
}
.input-step {
   border: 1px solid #d6d6d6;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   overflow: visible;
   height: 100%;
   border-radius: .25rem;
   background: var(--bs-secondary-bg);
   padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.input-step button {
   width: 1.4em;
   font-weight: 300;
   height: 100%;
   line-height: .1em;
   font-size: 1.4em;
   padding: .2em !important;
   background: var(--bs-light);
   color: var(--bs-secondary-color);
   border: none;
   border-radius: .25rem;
}
.input-step input {
   width: 4em;
   height: 100%;
   text-align: center;
   border: 0;
   background: 0 0;
   color: var(--bs-secondary-color);
   border-radius: .25rem;
}
.navbar.navbar-bg-light { 
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}
.box-shadow-0 {
   box-shadow: unset!important;
}
.btn-website {
   --bs-btn-bg: var(--bs-primary);
   --bs-btn-border-color: var(--bs-primary);
   --bs-btn-hover-bg: var(--bs-primary);
   --bs-btn-hover-border-color: var(--bs-primary);
   --bs-btn-active-bg: var(--bs-primary);
   --bs-btn-active-border-color: var(--bs-primary);
}
.btn-default {
   --bs-btn-color: #343f52;
   --bs-btn-bg: #f6f7f9;
   --bs-btn-border-color: #f6f7f9;
   --bs-btn-hover-color: #343f52;
   --bs-btn-hover-bg: #f6f7f9;
   --bs-btn-hover-border-color: #f6f7f9;
   --bs-btn-focus-shadow-rgb: 217,219,224;
   --bs-btn-active-color: #343f52;
   --bs-btn-active-bg: #f6f7f9;
   --bs-btn-active-border-color: #f6f7f9;
   --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
   --bs-btn-disabled-color: #343f52;
   --bs-btn-disabled-bg: #f6f7f9;
   --bs-btn-disabled-border-color: #f6f7f9
} 
img.rounded-circle.header-profile-user {
   width: 24px;
   height: 25px;
   transition: all .2s ease-in-out;
   background: currentColor;
   border-radius: 2rem;
}
.bg-website {
   background: #b98724;
}
.list-group.profileList {
   background: #b98724;
}
.list-group-dark .list-group-item {
   color: #fff;
   margin-bottom: 10px;
   padding-right: 1rem !important;
   padding-left: 1rem !important;
   border-radius: 0.325rem;
}
.list-group-dark .list-group-item:not(.bg-danger-soft-hover):hover, .list-group-dark .list-group-item:not(.bg-danger-soft-hover).active {
   color: #24292d !important;
   background-color: #fff !important;
}
.list-group-item {
   position: relative;
   display: block;
   padding: var(--tb-list-group-item-padding-y) var(--tb-list-group-item-padding-x);
   color: var(--tb-list-group-color);
   background-color: var(--tb-list-group-bg);
   border: var(--tb-list-group-border-width) solid var(--tb-list-group-border-color);
}
.list-group-borderless .list-group-item {
   border: none !important;
   padding: 0.425rem 0;
}
div#cartViewData .input-step { 
   height: 40px; 
}
li.page-item.page-link a {
   color: #d6d6d6!important;
}
li.page-item.page-link.active a { 
   color: var(--bs-pagination-active-color)!important;
   background-color: var(--bs-pagination-active-bg)!important;
   border-color: var(--bs-pagination-active-border-color)!important;
} 
.pplPosition {
   display: -webkit-box;
   max-width: 100%;
   height: 35px;
   margin: 1px auto;
   font-size: 0.8rem;
   line-height: 17px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.projectsDiv .post-title a {
   display: -webkit-box;
   max-width: 100%;
   max-height: 63px;
   margin: 1px auto;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.projectsDiv .post-content p {
   display: -webkit-box;
   max-width: 100%;
   max-height: 58px;
   margin: 1px auto;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
} 
.csrInner .card-body {
   height: 120px;
}
.page-item.page-link.active:hover{
   color: var(--bs-pagination-active-color);
   background-color: var(--bs-pagination-active-bg);
   border-color: var(--bs-pagination-active-border-color); 
}
.page-item.page-link:hover {
   color: #fff;
   background-color: #b98724;
}
.hospitalsAction .post-comments {
   display: -webkit-box;
   max-width: 100%;
   max-height: 73px;
   margin: 1px auto;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
span.countMonth {
   font-size: .8rem;
   display: block;
   margin-top: 0.4rem;
}
.counter-wrapper p { 
   min-height: 50px;
}
.navbar-stick:not(.navbar-dark) { 
   background: rgb(255 255 255 / 100%);
}
.cardDivFR {
   padding: 15px 25px;
   background: #fbf2e1;
   border: 1px solid #b98724;
   border-radius: 5px;
   box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
   box-shadow: 0px 0px 0px 0px #f2d9c3;
   transition: all 0.3s;
   transition: box-shadow 0.3s ease;
}
.cardDivFR:hover {
   box-shadow: 4px 4px 0px 0px #b98724; 
}
.cardDivFR .cardClick {
   font-weight: 800;
   font-size: 12px;
   color: #b98724;
}
.cardDivFR .details {
   padding: 0;
   text-align: left;
   margin-left: 15px;
}
.cardDivFR .details h3 {
   margin: 0;
}
.cardTitle { 
   display: -webkit-box;
   font-size: 16px;
   font-weight: 600;
   max-width: 100%;
   color: #000;  
   margin-bottom: 0!important; 
}
.cardTitle.multiLine { 
   height: 40px;
   margin: 1px auto;
   line-height: 20px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis; 
}
.cardDivFR a.more {
   font-weight: 800;
   text-decoration: underline;
}
.pdf-icon-small {
   width: 40px;
   margin: 10px 5px;
} 
span.emailF {
   word-break: break-all;
} 
div#home_popup .btn-close:before {
   background: rgb(185 135 36);
   color: #fff;
}
.modalHomeImg img {
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
   border-radius: 10px;
}
.bg-transparent {
   background: #fff0!important;
} 
/*------------------------------------ eOf not responsive---------------------*/

/*------------------------------------responsive start-----------------------*/

   /* mayuresh media queries for all devices*/

   /*mayuresh css responsive main for all pages */

   /* 
   ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops
   */

@media (min-width: 1281px) {
  
  /*//CSS*/
  
}/*//eOF min-width: 1281px*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /*//CSS*/
     
  
}/*//eOF min-width: 1025px*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /*//CSS*/

  
}/*//eOF min-width: 768px*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  
  /*//CSS*/
}/*//eOF min-width: 768px*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /*//CSS*/

}/*//eOF min-width: 481px*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
 /* //CSS*/

   nav.floating-media-icons-left-sidebar {
      display: none;
   }
   .col.csr_collaborators {
      padding: 5px;
   }
   .breadcrumbBg {  
      background-position: center; 
   }
   .breadcrumbDiv li.breadcrumb-item.text-white {
      width: 100%;
      display: block;
   }
   .breadcrumbDiv .breadcrumb-item+.breadcrumb-item::before { 
      display: none;
   }
   .row.counter-wrapper {
      text-align: center;
   }
   .projectsDiv .card-body {
      padding: 15px;
   }
   .auth-card .card-body {
      padding: 5px;
   }
}/*//eOF min-width: 320px*/

/*------------------------------------ eOf responsive start-----------------------*/