@import url('https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@200..800&display=swap');
:root {
  --main-color: #d6692a;
  --secondary-color: #2d3b5b;
  --dark-brown: #8f5556;
  --text-color: #3e3c44;
  --bg-color: #f8f9fa;
  --light-bg-color: #ffffff;
}

body {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  font-style: light; 
  font-family: "Manrope", sans-serif;
  position: relative;
}
.bg-orange{
  background: var(--main-color) !important;
}
.bg-blue{
  background: var(--secondary-color) !important;
}
.pr-0{
  padding-right: 0 !important;
}
.mr-0{
  margin-right: 0 !important;
}
.ml-0{
  margin-left: 0 !important;
}
.pl-0{
  padding-left: 0 !important;
}
a {
  text-decoration: none;
}


h1,
h2,
h3,
h4,
h5,
h6{
  font-family: "Anton", sans-serif;
  font-weight: 400 !important;
}

.bg-white{
  background-color: var(--light-bg-color) !important;
}
.title-color {
  color: var(--main-color);
  margin-top: 10px;
}
.btn-warning{
  background-color: var(--main-color);
  color: var(--light-bg-color);
}
.text-custom{
color: var(--main-color) !important;
font-size: 25px;
font-weight: 600;
}
.be-volunteer p{
   font-size: 15px;
  line-height: 1.5rem;
  color: #666666;
  text-align: justify;
}
.be-member p{
   font-size: 15px;
  line-height: 1.5rem;
  color: #666666;
  text-align: justify;
}
.btn-main {
  position: relative;
  background-color: var(--main-color) !important;
  color: #ffffff !important;
  border-radius: 3px !important;
  font-size: 15px;
}
.btn-main:hover{
  background-color: transparent !important;
  border: 1px solid var(--main-color) !important;
  color: var(--main-color) !important;
  outline: none !important;
}

.btn-join {
  position: relative;
  background-color: var(--secondary-color);
  opacity: 0.9;
  border-radius: 5px;
  padding: 12px 18px;
  border: none;
  overflow: hidden;
}
.btn-join span {
  position: relative;
  z-index: 1;
  color: #ffffff;
}
.btn-join::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--dark-brown);
  width: 100%;
  height: 100%;
  z-index: 0;
  transform: translateX(-100%);
  transition: 0.3s all ease-in-out;
}
.btn-join:hover {
  background-color: #9a8e5e;
}
.btn-join:hover::after {
  transform: translateX(0);
}


.btn-join-outline {
  background-color: transparent;
  opacity: 0.9;
  color: var(--main-color);
  border-radius: 5px;
  padding: 12px 18px;
  border: 1px solid var(--main-color);
  overflow: hidden;
}

.btn-join-outline:hover {
  background-color: var(--main-color);
  color: #ffffff;
}

.btn-read {
  position: relative;
  background-color: transparent;
  font-size: 14px;
  border-radius: 0;
  padding: 10px 18px;
  overflow: hidden;
  border: 1px solid var(--main-color);
}
.btn-read span {
  position: relative;
  z-index: 1;
  color: var(--main-color);
  transition: 0.3s all ease-in-out;
}
.btn-read::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--main-color);
  width: 100%;
  height: 100%;
  z-index: 0;
  transform: translateX(-100%);
  transition: 0.3s all ease-in-out;
}
.btn-read:hover {
  background-color: transparent;
  border-color: var(--main-color);
}
.btn-read:hover span {
  color: #ffffff;
}
.btn-read:hover::after {
  transform: translateX(0);
}

.section-padding {
  padding: 45px 0px;
}
@media screen and (min-width: 991px) {
  .section-padding {
    padding: 90px 0px;
  }
}

.section-margin {
  padding: 80px 0px;
}

.small__title {
  position: relative;
  color: var(--main-color);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.small__title::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 4rem;
  height: 3px;
  background-color: var(--main-color);
}

.breadcrumb-section {
  background-image: url("../images/parallax.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.breadcrumb-section .overlay {
  background-color: rgba(128, 128, 128, 0.368627451);
  width: 100%;
  height: 100%;
}
.breadcrumb-section .overlay .breadcrumb {
  position: relative;
  width: 100%;
  height: 23rem;
}
.breadcrumb-section .overlay .breadcrumb .breadcrumb-links {
  position: absolute;
  left: 0;
  bottom: -30px;
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #3950a3;
  display: flex;
  align-items: center;
  width: auto;
  border-radius: 8px;
}
.breadcrumb-section .overlay .breadcrumb .breadcrumb-links a {
  color: #3a50a3;
}
.breadcrumb-section .overlay .breadcrumb .breadcrumb-links span {
  padding: 0 10px;
  color: #3a50a3;
}
.breadcrumb-section .overlay .breadcrumb .breadcrumb-links p {
  margin: 0;
  font-weight: 700;
  color: #3950a3;
}

.main__title-header {
  font-size: 28px;
  font-weight: 800;
  color: #3e3c44;
  margin-bottom: 1rem;
}

.form-control {
  border-radius: 3px;
  padding: 8px 10px;
  border: 1px solid #ced4da;
}
.form-control:focus {
  box-shadow: none;
  border-color: #3a50a3;
}

.btn-outline {
  border: 1px solid #9c9a9a;
  border-radius: 3px;
  margin-right: 10px;
  margin-bottom: 4px;
}
.btn-outline.active {
  background-color: #3a50a3;
  color: #ffffff;
  border: 1px solid #3a50a3;
}
.btn-outline:hover {
  border: 1px solid #9c9a9a;
}

/* fixed social*/
/*end fixed social*/
#fixed-social {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  z-index: 99;
}
#fixed-social a {
  color: #ffffff;
  display: block;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 40px;
  width: 40px;
  margin-bottom: 1px;
  z-index: 2;
}
#fixed-social a:hover > span {
  visibility: visible;
  left: 41px;
  opacity: 1;
}
#fixed-social a span {
  line-height: 40px;
  right: 60px;
  position: absolute;
  text-align: center;
  width: 120px;
  visibility: hidden;
  transition-duration: 0.5s;
  z-index: 1;
  opacity: 0;
}
#fixed-social .fixed-facebook {
  background-color: #1672e6;
}
#fixed-social .fixed-facebook span {
  background-color: #1672e6;
}
#fixed-social .fixed-twitter {
  background-color: #1c93e4;
}
#fixed-social .fixed-twitter span {
  background-color: #1c93e4;
}

.fixed-youtube {
    background-color:#b2071d !important;
}
.fixed-youtube span {
background-color:#b2071d !important ;
}

#fixed-social .fixed-gplus {
  background-color: #dc5043;
}
#fixed-social .fixed-gplus span {
  background-color: #dc5043;
}
#fixed-social .fixed-linkedin {
  background-color: #0961b8;
}
#fixed-social .fixed-linkedin span {
  background-color: #0961b8;
}
#fixed-social .fixed-instagrem {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
#fixed-social .fixed-instagrem span {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
#fixed-social .arrow__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
}
#fixed-social .arrow__icon i {
  color: #9c9a9a;
}

.so-collapse {
  transform: translateX(-90px);
  transition: 0.3s all ease-in-out;
}

.bottomBar__cart {
  display: inline-block;
}
.bottomBar__cart .dropdown__content {
  position: absolute;
  right: 0;
  background-color: #f8f9fa;
  min-width: 23rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  padding: 10px;
  /* Let's get this party started */
  /* Track */
  /* Handle */
}
.bottomBar__cart .dropdown__content .customScrollBar {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  padding: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.bottomBar__cart .dropdown__content .cart-btn {
  border-top: 1px solid #9c9a9a;
  padding-top: 5px;
}
.bottomBar__cart .dropdown__content .cart-btn a {
  color: #ffffff;
  padding: 0 !important;
}
.bottomBar__cart .dropdown__content .cart-btn a .btn {
  background-color: #3a50a3;
  border: none;
}
.bottomBar__cart .dropdown__content ul {
  max-height: 225px;
  display: block !important;
  box-shadow: none !important;
  position: relative !important;
  max-width: 100% !important;
  min-width: auto !important;
  transition: none !important;
  float: none !important;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper {
  border-bottom: 1px solid #cecece !important;
  padding: 5px 0 !important;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper .cart-list-left {
  width: 80%;
  padding-right: 10px;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper .cart-list-left img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper .cart-list-left .img-dec h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper .cart-list-left .img-dec .price {
  font-size: 0.75rem;
  color: #9c9a9a;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper .cart-list-right {
  width: 20%;
  padding-right: 10px;
  font-size: 1rem;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper .cart-list-right span {
  color: #000000 !important;
}
.bottomBar__cart .dropdown__content ul li .cart-list-wrapper .cart-list-right i {
  font-size: 1.1em !important;
  color: #dc5043 !important;
  font-weight: 400 !important;
}
.bottomBar__cart .dropdown__content ::-webkit-scrollbar {
  width: 7px;
  height: 10px !important;
}
.bottomBar__cart .dropdown__content ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.bottomBar__cart .dropdown__content ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #3a50a3;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.bottomBar__cart .dropdown__content ::-webkit-scrollbar-thumb:window-inactive {
  background: #3a50a3;
}

/* what-do */
 .logo-container {
            width: 100%;
            height: 320px;
            position: relative;
        }

        .logo-bg {
            width: 100%;
            height: 70%;
            background: var(--main-color); /* Exact orange color */
            border-radius: 0px;
            position: absolute;
            bottom: 0;
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }

        .circle {
            width: 130px;
            height: 130px;
            background: var(--main-color);
            border: 6px solid white;
            border-radius: 50%;
            position: absolute;
            top: 20px;
            z-index: 9;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .people-icon {
            color: white;
            font-size: 56px;
            font-weight: bold;
            position: relative;
        }

        .people-icon::before {
            content: "";
            letter-spacing: 8px;
            position: absolute;
            top: -40px;
            left: 50%;
            transform: translateX(-50%);
        }

        .people-icon::after {
            content: "";
            font-size: 40px;
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            letter-spacing: 12px;
        }

        .text {
            position: absolute;
            bottom: 60px;
            left: 0;
            right: 0;
            text-align: center;
            color: white;
            font-weight: bold;
        }

        .text h4 {
            margin: 0;
            font-size: 36px;
            font-weight: 700;
            line-height: 1.2;
        }

        .text .driven {
            font-size: 42px;
        }

@media screen and (min-width: 991px) {
  .bottomBar__cart .dropdown__content {
    display: none;
  }
  .bottomBar__cart:hover .dropdown__content {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .bottomBar__cart .dropdown__content {
    display: none;
  }
}

.custom-pagination .pages .prev-btn {
  border-radius: 5px 0 0 5px;
}
.custom-pagination .pages .next-btn {
  border-radius: 0 5px 5px 0;
  margin-left: 15px;
}
.custom-pagination .pages .page-btn {
  margin-left: 15px;
}
.custom-pagination .pages .prev-btn,
.custom-pagination .pages .next-btn,
.custom-pagination .pages .page-btn {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  width: 2.4rem;
  padding: 8px 0;
  text-align: center;
  font-size: 14px;
  color: #3a50a3;
  font-weight: 600;
  transition: 0.3s all ease-in-out;
}
.custom-pagination .pages .prev-btn.active,
.custom-pagination .pages .next-btn.active,
.custom-pagination .pages .page-btn.active {
  background-color: #3a50a3;
  color: #ffffff;
}
.custom-pagination .pages .prev-btn:hover,
.custom-pagination .pages .next-btn:hover,
.custom-pagination .pages .page-btn:hover {
  background-color: #3a50a3;
  color: #ffffff;
}

.main__title h1 {
  color: #3a50a3;
  font-size: 30px;
  margin-bottom: 12px;
}

.contact-section .form-wrapper,
.contact-section .address-wrapper {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  padding: 1rem;
}
.contact-section .form-wrapper ul li,
.contact-section .address-wrapper ul li {
  margin-bottom: 10px;
}
.contact-section .form-wrapper ul li i,
.contact-section .address-wrapper ul li i {
  color: #3a50a3;
}
.contact-section .branches_office_list .deck_card {
  width: 290px;
  border: 1px solid #dbdbdb;
  padding: 15px;
  overflow: hidden;
  background-color: #fbfbfb;
  /* border-radius: 8px; */
  flex-grow: 7;
}
.contact-section .branches_office_list .deck_card ul {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
}
.contact-section .branches_office_list .deck_card ul li:nth-child(1) a {
  color: black;
}
.contact-section .branches_office_list .deck_card ul li:nth-child(1) {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 11px;
  padding-bottom: 3px;
}
.contact-section .branches_office_list .deck_card ul li:not(:first-child):before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-right: 5px;
  font-size: 13px;
  color: #c8c8c8;
}
.contact-section .branches_office_list .deck_card ul a {
  word-break: break-all;
  color: rgba(0, 0, 0, 0.6705882353);
  font-weight: normal;
}

.work__section .card {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border: none;
  background-color: #f8f9fa;
}
.work__section .card .image__wrapper img {
  width: 100%;
  height: 22rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.work__section .card p {
  font-size: 14px;
  line-height: 22px;
}
.work__section .card .number__info .highlight {
  line-height: 20px;
}
.work__section .card .number__info .highlight span {
  font-size: 14px;
  font-weight: 400;
}
.work__section .card .number__info .highlight .main {
  color: #3a50a3;
  font-size: 20px;
  font-weight: 600;
}
.work__section .card .list__wrapper ul {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
}
.work__section .card .list__wrapper ul li {
  margin-bottom: 10px;
  line-height: 22px;
}
.work__section .card .list__wrapper ul li .title {
  color: #3950a3;
  font-size: 18px;
}
.work__section .card .list__wrapper ul li .description {
  font-size: 14px;
}

.album__image-section .album__item {
  position: relative;
  width: 100%;
  height: 12rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: 0.3s all ease-in-out;
  overflow: hidden;
  border-radius: 6px;
}
.album__image-section .album__item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(1, 80, 158, 0.7882352941) 0%, rgba(0, 158, 148, 0.8588235294) 100%);
  opacity: 0;
  transition: 0.3s all ease-in-out;
  z-index: 1;
}
.album__image-section .album__item .album-img__holder {
  width: 100%;
  height: 100%;
}
.album__image-section .album__item .album-img__holder img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: 0.5s all ease-in-out;
}
.album__image-section .album__item .album__title {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  z-index: 2;
  transform: translateY(-20%);
  padding: 10px;
}
.album__image-section .album__item .album__title h5 {
  font-size: 18px;
  color: #ffffff;
}
.album__image-section .album__item:hover {
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  transform: scale(1.1);
}
.album__image-section .album__item:hover .album-img__holder img {
  transform: scale(1.05);
}
.album__image-section .album__item:hover .album__title {
  opacity: 1;
  transform: translateY(0%);
}
.album__image-section .album__item:hover .overlay {
  opacity: 1;
}

/* mission  */

.mission__box{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mission__box  h4{
  color: #fff;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 700;
}
.mission__box  p{
  color: #fff;
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .album__image-section .album__item {
    width: 100%;
    height: 15rem;
  }
  .hero-fixed-wrapper h1{
    font-size: 39px !important;
  }
  .member-section{
    margin-top: -85px;
  }
}

 .member-section{
    margin-top: -85px;
  }

.photo__gallery .gallery__image {
  width: 100%;
  height: 12rem;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: 0.3s all ease-in-out;
}
.photo__gallery .gallery__image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: 0.3s all ease-in-out;
}
.photo__gallery .gallery__image:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.photo__gallery .gallery__image:hover img {
  transform: scale(1.03);
}
@media screen and (max-width: 768px) {
  .photo__gallery .gallery__image {
    height: 15rem;
  }
  .ml-0{
        margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
  }
}

.video__section .featured__video {
  border-bottom: 2px solid #3a50a3;
}
.video__section .featured__video .icon__wrapper {
  background-color: #3a50a3;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
}
.video__section .featured__video .icon__wrapper i {
  color: #ffffff;
  font-size: 20px;
}
.video__section .text__wrapper {
  line-height: 20px;
}
.video__section .text__wrapper h3 {
  color: #3e3c44;
  font-size: 20px;
  font-weight: 700;
  line-clamp: 2;
  height: 3rem;
  overflow: hidden;
}
.video__section .text__wrapper span {
  font-size: 14px;
  line-height: 15px;
}

.who__we-are-section .aboutus__image .about__image-two {
  max-width: 100%;
  height: 100%;
}
.who__we-are-section .aboutus__image .center__info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #3950a3;
  width: 133px;
  height: 133px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 13px;
  box-shadow: 8px 8px 0 0px #ffffff;
}
.who__we-are-section .aboutus__image .center__info h5 {
  color: #ffffff;
  font-weight: 700;
  font-size: 40px;
  margin: 0;
}
.who__we-are-section .aboutus__image .center__info span {
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .who__we-are-section .aboutus__image .center__info {
    display: none;
  }
}
.who__we-are-section .aboutus__description {
  padding: 25px;
}
.who__we-are-section .aboutus__description .top__small {
  position: relative;
  width: 9rem;
  text-align: center;
}
.who__we-are-section .aboutus__description .top__small span {
  font-weight: 700;
  font-size: 14px;
  color: #3a50a3;
}
.who__we-are-section .aboutus__description .top__small::after {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  background: #3a50a3;
  width: 1.8rem;
  height: 2px;
}
.who__we-are-section .aboutus__description .top__small::before {
  position: absolute;
  top: 12px;
  right: 0;
  content: "";
  background: #3a50a3;
  width: 1.8rem;
  height: 2px;
}
.who__we-are-section .aboutus__description .top__big-text {
  width: 100%;
  height: 2.5rem;
  margin-bottom: 35px;
}
.who__we-are-section .aboutus__description .top__big-text h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #9c9a9a;
  margin: 0;
}
.who__we-are-section .aboutus__description .moto {
  color: #3e3c44;
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}
.who__we-are-section .aboutus__description .main__decription p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #3e3c44;
}
.who__we-are-section .vision__section .aboutus__title-holder h3 {
  font-size: 28px;
  font-weight: 700;
  color: #3a50a3;
}
.who__we-are-section .vision__section .aboutus__text-holder p {
  color: #3e3c44 !important;
  font-weight: 500;
}
.who__we-are-section .vision__section .aboutus__text-holder ul li {
  color: #000000 !important;
}

.founder-message .top__msg-container {
  background-color: #3a50a3;
  padding-top: 2rem;
  width: 100%;
  height: 21rem;
}
.founder-message .top__msg-container .customRow {
  transform: translateY(55px);
}
.founder-message .top__msg-container .customRow .message__desc .msg_from h2 {
  color: #ffffff;
  margin: 0;
}
.founder-message .top__msg-container .customRow .message__desc .line {
  filter: brightness(0) invert(1);
}
.founder-message .top__msg-container .customRow .message__desc .msg_name h5 {
  color: #ffffff;
}
.founder-message .top__msg-container .customRow .message__image {
  width: 19rem;
  height: 19rem;
  box-shadow: 0 0 0 5px #ffffff;
}
@media screen and (max-width: 767px) {
  .founder-message .top__msg-container {
    height: auto;
  }
  .founder-message .top__msg-container .customRow {
    flex-direction: column-reverse;
    transform: translateY(0);
  }
  .founder-message .top__msg-container .customRow .message__desc .line img {
    width: 100%;
  }
  .founder-message .top__msg-container .customRow .message__image {
    margin-bottom: 15px;
  }
}
.founder-message .message_wrapper .msg {
  padding: 5rem;
}
.founder-message .message_wrapper .msg p {
  color: #3e3c44;
}
@media screen and (max-width: 992px) {
  .founder-message .message_wrapper .msg {
    padding: 5rem 0;
  }
}
.founder-message .management-team .top--title a h3 {
  transition: 0.3s all ease-in-out;
}
.founder-message .management-team .top--title a h3:hover {
  color: #3a50a3;
}
.founder-message .management-team .swiper {
  width: 100%;
  height: 100%;
}
.founder-message .management-team .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  border: 1px solid rgba(128, 128, 128, 0.1764705882);
  transition: 0.3s all ease-in-out;
}
.founder-message .management-team .swiper-slide .slide_img {
  width: 100%;
  height: 15rem;
  margin-bottom: 10px;
}
.founder-message .management-team .swiper-slide .slide_img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 650px) {
  .founder-message .management-team .swiper-slide .slide_img {
    height: 15rem;
  }
  .founder-message .management-team .swiper-slide .slide_img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.founder-message .management-team .swiper-slide .slider_name h4 {
  color: #3a50a3;
  margin: 0;
  font-size: 16px;
}
.founder-message .management-team .swiper-slide .slider_name h6 {
  font-size: 14px;
}
.founder-message .management-team .swiper-slide:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #f1f1f1;
}

.staff-section .team__list .team-card {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  position: relative;
}
.staff-section .team__list .team-card .team-image {
  width: 100%;
  height: 18.5rem;
  border-top: 10px solid #3950a3;
  border-right: 10px solid #3950a3;
  position: relative;
}
.staff-section .team__list .team-card .team-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.staff-section .team__list .team-card .team-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3950a3;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
@media screen and (max-width: 767px) {
  .staff-section .team__list .team-card .team-image {
    height: auto;
  }
  
}
.staff-section .team__list .team-card .team-detail {
  color: #9c9a9a;
  transition: 0.3s all ease-in-out;
}
.staff-section .team__list .team-card .team-detail h5 {
  color: #3950a3;
  font-weight: 700;
  font-size: 18px;
  transition: 0.3s all ease-in-out;
}
.staff-section .team__list .team-card .team-detail span {
  font-size: 14px;
  color: #9c9a9a;
  transition: 0.3s all ease-in-out;
}
.staff-section .team__list .team-card:hover .team-image::before {
  opacity: 0.4;
}
.staff-section .team__list .team-card:hover .social_icons {
  top: 70%;
}
.staff-section .team__list .team-card:hover .social_icons a {
  opacity: 1;
}
.staff-section .team__list .team-card:hover .team-detail {
  background-color: #3950a3;
}
.staff-section .team__list .team-card:hover .team-detail h5 {
  color: #ffffff;
}
.staff-section .team__list .team-card:hover .team-detail span {
  color: #ffffff;
}

.executive-section .staff__members .card {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.executive-section .staff__members .card .card-img {
  width: 100%;
  height: 20rem;
}
.executive-section .staff__members .card .card-img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.executive-section .staff__members .card .staff_details {
  background-color: #3950a3;
  padding: 15px 0;
}
.executive-section .staff__members .card .staff_details h4,
.executive-section .staff__members .card .staff_details p {
  color: #ffffff;
  margin: 0;
}
.executive-section .staff__members .card .staff_details h4 {
  font-weight: 700;
  font-size: 18px;
}

.cart-section .cart__table-header {
  margin-bottom: 5px;
  padding: 10px;
}
.cart-section .cart__table-header .cart__item-select h4 {
  padding-left: 3px;
  font-size: 19px;
  margin-bottom: 0;
}
.cart-section .cart__table-header .cart__item-delete {
  color: #b92b27;
  cursor: pointer;
}
.cart-section .cart__table-header .cart__item-delete p {
  margin-bottom: 0px;
}
.cart-section .cart__table-header .cart__item-delete:hover {
  color: #3a50a3;
}
.cart-section .form-check-input:focus {
  box-shadow: none;
}
.cart-section .form-check-input:checked {
  background-color: #3a50a3;
  border-color: #3a50a3;
}
.cart-section .cart__item-list ul {
  border: 1px solid #ced4da;
  border-radius: 5px;
  list-style: none;
  padding: 10px;
  margin: 0;
  margin-bottom: 20px;
}
.cart-section .cart__item-list ul .cart__company-list .form-check-input {
  margin-right: 3px;
  margin-top: 2px;
}
.cart-section .cart__item-list ul .cart__company-list .cart__company-info .cart__company-name {
  padding-left: 10px;
}
.cart-section .cart__item-list ul .cart__company-list .cart__company-info .cart__company-name h6 {
  margin-bottom: 0;
}
.cart-section .cart__item-list ul .cart__company-list .cart__company-info .cart__company-name span {
  font-size: 12px;
  color: #000000;
}
.cart-section .cart__item-list ul .cart__company-list .cart__delivery-date span {
  color: #000000;
}
.cart-section .cart__item-list ul li .cart__check-box .form-check-input:checked {
  filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
  background-color: rgba(255, 187, 0, 0.337254902);
  border-color: #3a50a3;
}
.cart-section .cart__item-list ul li .cart__image img {
  width: 100%;
  height: 80px;
  padding-left: 10px;
}
.cart-section .cart__item-list ul li .cart__title h6 {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.cart-section .cart__item-list ul li .cart__title p {
  font-size: 13px;
  font-weight: 400;
}
.cart-section .cart__item-list ul li .cart__item-price h5 {
  color: #000000;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 18px;
}
.cart-section .cart__item-list ul li .cart__item-price del {
  font-weight: 400;
  color: #b92b27;
  font-size: 14px;
}
.cart-section .cart__item-list ul li .cart__item-price p {
  color: #3a50a3;
  font-weight: 400;
  margin: 0;
}
.cart-section .cart__item-list ul li .cart__item-price .cart__icons a {
  margin-left: 10px;
  color: #ffffff;
  font-size: 14px;
}
.cart-section .cart__item-list ul li .product-count .input-group {
  width: 100%;
}
.cart-section .cart__item-list ul li .product-count .input-group .btn {
  padding: 5px;
  background: #eee;
  width: 30px;
  color: #888888;
  border-radius: 0;
  height: 35px !important;
  z-index: 0;
}
.cart-section .cart__item-list ul li .product-count .input-group .btn:focus {
  box-shadow: none;
}
.cart-section .cart__item-list ul li .product-count .input-group .btn:hover {
  background-color: #3a50a3;
  border-color: #eee;
}
.cart-section .cart__item-list ul li .product-count .input-group #decrease {
  border-radius: 0;
  background-color: #ededed;
}
.cart-section .cart__item-list ul li .product-count .input-group #increase {
  border-radius: 0;
  background-color: #e7e9f7;
}
.cart-section .cart__item-list ul li .product-count .input-group .count {
  text-align: center;
  width: 28px !important;
  height: 35px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none;
}
.cart-section .cart__item-list ul li .product-count .input-group .count:focus {
  border: none;
}

.summary {
  background-color: #ededed;
  border: none;
}

@media screen and (max-width: 992px) {
  #cart__container .cart__item-list .product-count .count {
    width: 20px !important;
  }
  #cart__container .cart__item-list .product-count .btn {
    width: 25px;
  }
}
#product__display-section {
  width: 100% !important;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#product__display-section .product__description .flash__sale-timer {
  position: relative;
}
#product__display-section .product__description .flash__sale-timer .endDayCounter {
  color: #3a50a3;
}
#product__display-section .product__description .flash__sale-timer .endDayCounter span {
  font-size: 14px;
}
#product__display-section .product__description .flash__sale-timer .endDayCounter .offer {
  color: #000000;
}
#product__display-section .product__description .flash__sale-timer .items__sold {
  position: absolute;
  right: 28%;
}
#product__display-section .product__description .flash__sale-timer .items__sold strong {
  color: #000000;
}
#product__display-section .product__description .flash__sale-timer .progress {
  max-height: 0.5rem;
  background-color: rgba(255, 166, 0, 0.2588235294);
}
#product__display-section .product__description .flash__sale-timer .progress-bar {
  background-color: #3a50a3;
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
}
#product__display-section .product__description .product__brand ul {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
}
#product__display-section .product__description .product__brand ul li {
  border-right: 1px solid #9c9a9a;
  list-style: none;
  padding: 0 5px;
  margin: 0;
}
#product__display-section .product__description .product__brand ul li a {
  color: #9c9a9a;
}
#product__display-section .product__description h3 {
  color: #000000;
  font-weight: 500;
  font-size: 1.8rem;
}
#product__display-section .product__description .product__description-rating {
  /***** CSS Magic to Highlight Stars on Hover *****/
  /* hover previous stars in list */
}
#product__display-section .product__description .product__description-rating .rating {
  border: none;
  float: left;
}
#product__display-section .product__description .product__description-rating .rating > input {
  display: none;
}
#product__display-section .product__description .product__description-rating .rating > label:before {
  margin: 2px;
  font-size: 1em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
#product__display-section .product__description .product__description-rating .rating > .half:before {
  content: "\f089";
  position: absolute;
}
#product__display-section .product__description .product__description-rating .rating > label {
  color: #ddd;
  float: right;
}
#product__display-section .product__description .product__description-rating .rating > input:checked ~ label,
#product__display-section .product__description .product__description-rating .rating:not(:checked) > label:hover,
#product__display-section .product__description .product__description-rating .rating:not(:checked) > label:hover ~ label {
  color: #ffd700;
}
#product__display-section .product__description .product__description-rating .rating > input:checked + label:hover,
#product__display-section .product__description .product__description-rating .rating > input:checked ~ label:hover,
#product__display-section .product__description .product__description-rating .rating > label:hover ~ input:checked ~ label,
#product__display-section .product__description .product__description-rating .rating > input:checked ~ label:hover ~ label {
  color: #ffed85;
}
#product__display-section .product__description .review-section {
  margin-left: 8em;
}
#product__display-section .product__description .review-section .wishlist-section {
  font-size: 18px;
}
#product__display-section .product__description .review-section .wishlist-section a {
  color: #9c9a9a;
}
#product__display-section .product__description .review-section .wishlist-section a:focus {
  color: red;
}
#product__display-section .product__description .product-price h4 {
  color: #3a50a3;
  margin-bottom: 0;
  font-weight: 500;
}
#product__display-section .product__description .product-price span {
  color: #000000;
  font-weight: 500;
}
#product__display-section .product__description .product-price span del {
  color: #9c9a9a;
  padding: 0 10px 0 0;
  font-size: 16px;
}
#product__display-section .product__description .product-size-selector p {
  margin: 15px 0;
}
#product__display-section .product__description .product-size-selector p span {
  font-weight: 600;
  font-size: 14px;
}
#product__display-section .product__description .product-size-selector ul {
  padding: 0;
  margin: 10px 0;
}
#product__display-section .product__description .product-size-selector ul a {
  color: #9c9a9a;
}
#product__display-section .product__description .product-size-selector ul a li {
  list-style: none;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  margin-right: 10px;
  padding: 4px 9px;
  border: 1px solid #9c9a9a;
  border-radius: 50%;
}
#product__display-section .product__description .product-size-selector ul a li.active {
  background-color: #9c9a9a;
  color: #ffffff;
}
#product__display-section .product__description .product-color-selector h6 {
  font-weight: 600;
  font-size: 14px;
  margin: 15px 0;
}
#product__display-section .product__description .product-color-selector .color_wrap ul {
  position: absolute;
  margin: 0;
  padding: 0;
}
#product__display-section .product__description .product-color-selector .color_wrap ul li {
  list-style: none;
  border-radius: 50%;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  transition: all 0.2s ease;
}
#product__display-section .product__description .product-color-selector .color_wrap ul li.active {
  width: 30px;
  height: 30px;
}
#product__display-section .product__description .item-stock {
  margin-top: 55px;
}
#product__display-section .product__description .item-stock p {
  margin: 15px 0;
}
#product__display-section .product__description .item-stock p span {
  font-weight: 600;
  font-size: 14px;
}
#product__display-section .product__description .product-count span {
  font-weight: 600;
  margin: 5px 10px 10px 0;
}
#product__display-section .product__description .product-count .btn {
  padding: 5px;
  background: #eee;
  width: 30px;
  color: #000000;
  border: 1px solid #ddd;
  border-radius: 0;
  height: 35px !important;
  z-index: 0;
}
#product__display-section .product__description .product-count .btn:focus {
  box-shadow: none;
}
#product__display-section .product__description .product-count .btn:hover {
  background-color: #3a50a3;
  border-color: #3a50a3;
  color: #ffffff;
}
#product__display-section .product__description .product-count #decrease {
  border-radius: 8px 0 0 8px;
}
#product__display-section .product__description .product-count #increase {
  border-radius: 0 8px 8px 0;
}
#product__display-section .product__description .product-count .count {
  text-align: center;
  width: 50px !important;
  height: 35px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#product__display-section .product__description .product-count .count:focus {
  border: none;
}
#product__display-section .product__description .butnow-addtocart-btn {
  margin-top: 15px;
}
#product__display-section .product__description .butnow-addtocart-btn .btn {
  width: 100%;
  height: 45px;
  border-radius: 0;
  font-weight: 600;
  border-radius: 3px;
}
#product__display-section .product__description .butnow-addtocart-btn #cart {
  background: #3a50a3;
  border-color: #3a50a3;
}
#product__display-section .product__description .butnow-addtocart-btn #cart:hover {
  background: #3a50a3;
}
#product__display-section .product__image-container {
  position: relative;
}
#product__display-section .product__image-container .exzoom {
  width: 100% !important;
  position: relative;
}
#product__display-section .product__image-container .exzoom .exzoom_nav {
  overflow: hidden !important;
}
#product__display-section .product__image-container .exzoom .exzoom_nav .exzoom_nav_inner {
  width: 100%;
}
#product__display-section .product__image-container .exzoom .exzoom_zoom_outer {
  width: 100% !important;
}
#product__display-section .product__image-container .exzoom .exzoom_img_box {
  width: 100% !important;
  height: 400px !important;
}
#product__display-section .product__image-container .exzoom .exzoom_img_box .exzoom_img_ul_outer {
  width: 100% !important;
  height: 400px !important;
}
#product__display-section .product__image-container .exzoom .exzoom_img_box .exzoom_img_ul_outer .exzoom_img_ul {
  width: -moz-max-content;
  width: max-content;
}
#product__display-section .product__image-container .exzoom .exzoom_img_box .exzoom_img_ul_outer .exzoom_img_ul li img {
  width: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
#product__display-section .product__image-container .exzoom .exzoom_img_box span {
  cursor: zoom-in;
}

.delivery__options-main {
  background-color: #ededed;
  padding: 15px;
}
.delivery__options-main .delivery__options {
  border-bottom: 1px solid #ffffff;
}
.delivery__options-main .delivery__options:last-child {
  border-bottom: 1px solid transparent;
}
.delivery__options-main .delivery__options .title {
  font-size: 0.75rem;
  color: #9c9a9a;
  font-weight: 600;
  margin-bottom: 1.2rem !important;
}
.delivery__options-main .delivery__options .widget-title h6,
.delivery__options-main .delivery__options .widget-title p {
  color: #000000;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
  font-weight: 600;
}
.delivery__options-main .delivery__options .widget-title h6 span,
.delivery__options-main .delivery__options .widget-title p span {
  color: #9c9a9a;
}
.delivery__options-main .delivery__options .widget-title span {
  font-size: 12px;
  font-weight: 500;
}
.delivery__options-main .delivery__options .delivery__options-content {
  margin-bottom: 1rem;
}
.delivery__options-main .delivery__options .delivery__options-content i {
  font-size: 0.875rem;
}
.delivery__options-main .delivery__options .delivery__options-services {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
}
.delivery__options-main .delivery__options .delivery__options-services li {
  display: flex;
  align-items: center;
  margin-bottom: 0.875rem;
}
.delivery__options-main .delivery__options .delivery__options-solder .solder-title .title {
  margin-bottom: 5px !important;
}
.delivery__options-main .delivery__options .delivery__options-solder .solder-title span {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
}
.delivery__options-main .delivery__options .delivery__options-solder button {
  border: none !important;
}
.delivery__options-main .delivery__options .delivery__options-solder button i {
  color: #3a50a3;
}
.delivery__options-main .delivery__options .delivery__options-solder button i:hover {
  color: #3a50a3 !important;
}
.delivery__options-main .delivery__options .seller__nature ul {
  display: flex;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
  justify-content: space-between;
  margin-top: 10px;
}
.delivery__options-main .delivery__options .seller__nature ul li {
  border: 1px solid #ffffff;
  width: 90px;
  padding: 0;
}
.delivery__options-main .delivery__options .seller__nature ul li img {
  width: 100%;
  height: 90px;
}
.delivery__options-main .delivery__options .seller__nature ul li .seller__nature-body p {
  font-size: 2rem;
  color: #000000;
  text-align: center;
}
.delivery__options-main .delivery__options .store-button a {
  color: #9c9a9a;
}

#product__info .nav-tabs {
  background-color: #ededed;
}
#product__info .nav-tabs .nav-link {
  color: #000000;
  border-radius: 0;
}
#product__info .nav-tabs .nav-link:hover {
  background-color: #3a50a3;
  color: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
#product__info .nav-tabs .nav-link.active {
  background-color: #3a50a3;
  color: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
#product__info .tab-pane {
  border: 1px solid #ededed;
  height: 100%;
}
#product__info .reviews .r-ratting .reviews-left-wrapper {
  width: 100%;
}
#product__info .reviews .r-ratting .reviews-left-wrapper .reviews-left .r-cover {
  display: inline-flex;
  align-items: center;
}
#product__info .reviews .r-ratting .reviews-left-wrapper .reviews-left .r-cover .small-font-r {
  padding: 0 10px;
  width: 70px;
  font-size: 18px;
  line-height: 18px;
}
#product__info .reviews .r-ratting .reviews-left-wrapper .reviews-left .r-cover .rating-cover {
  align-items: center;
}
#product__info .reviews .r-ratting .reviews-left-wrapper .reviews-left .ratting-c span {
  font-size: 12px;
  font-weight: 500;
}
#product__info .reviews .r-ratting .reviews-left-wrapper .reviews-left .ratting-c .r-review {
  cursor: pointer;
  color: #3a50a3;
}
#product__info .reviews .r-ratting .reviews-bottom-wrapper {
  display: inline-grid;
  grid-template-columns: 50px 250px 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
#product__info .reviews .r-ratting .reviews-bottom-wrapper p {
  padding: 0;
  margin: 0;
}
#product__info .reviews .r-ratting .reviews-bottom-wrapper .product-progressbar-star p {
  margin-bottom: 4px;
}
#product__info .reviews .r-ratting .reviews-bottom-wrapper .product-progressbar-number {
  margin-top: 2px;
}
#product__info .reviews .r-ratting .reviews-bottom-wrapper .product-progressbar-number p {
  margin-bottom: 4px;
}
@media screen and (max-width: 412px) {
  #product__info .reviews .r-ratting .reviews-bottom-wrapper {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media screen and (max-width: 365px) {
  #product__info .reviews .r-ratting .reviews-bottom-wrapper {
    grid-template-columns: 50px 130px 10px;
  }
}
#product__info .reviews .r-ratting .product_right-info {
  width: 100%;
}
#product__info ul li {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
#product__info .brand-container h5 {
  margin-bottom: 0;
  font-size: 14px;
}
#product__info .brand-container p {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
#product__info .product__info-des ul {
  list-style: square !important;
}
#product__info .product__info-des ul li {
  color: #9c9a9a;
  font-weight: 400;
}
#product__info .product__info-des ul li::marker {
  color: #000000;
}
#product__info .product__warranty-info .product__warranty-heading {
  background-color: #ededed;
  padding: 10px;
}
#product__info .product__warranty-info .product__warranty-heading h6 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}
#product__info .product__warranty-info .product__warranty-desc p {
  padding: 10px;
  text-align: justify;
  color: #000000;
}
#product__info .product__warranty-info .product__warranty-img img {
  width: 100%;
  height: auto;
}

.product__info-title {
  background: #ededed !important;
  padding: 10px;
}
.product__info-title h5 {
  color: #000000;
  font-size: 1rem;
  margin-bottom: 0px;
}

.related-product-item .product-item {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  transition: 0.3s all ease-in-out;
}
.related-product-item .product-item .product_img {
  width: 100%;
  height: 12rem;
}
.related-product-item .product-item .product_img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.related-product-item .product-item .product_des {
  padding: 10px;
}
.related-product-item .product-item .product_des h4 {
  font-size: 16px;
  margin-bottom: 3px;
}
.related-product-item .product-item .product_des .price {
  line-height: 15px;
  margin-bottom: 10px;
}
.related-product-item .product-item .product_des .price span {
  font-size: 18px;
  color: #3a50a3;
}
.related-product-item .product-item .product_des .price .discount del {
  font-size: 14px;
  font-weight: 400;
  color: #9c9a9a;
}
.related-product-item .product-item .product_des .price .discount span {
  font-size: 14px;
  color: #000000;
}
.related-product-item .product-item:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.case-section .case__desc {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  border-radius: 6px;
  padding: 1.5rem;
}
.case-section .case__desc h5 {
  color: #3950a3;
  font-weight: 600;
  text-decoration: underline;
}
.case-section .case__desc p {
  font-size: 14px;
  margin-bottom: 0;
}
.case-section .case__desc ul li {
  font-weight: 600;
  font-size: 14px;
}
.case-section .case__desc span {
  font-size: 14px;
}

.working__area-section .nav .nav-link {
  border-radius: 0;
  border: 1px solid #ced4da;
  color: #000000;
  font-size: 18px;
}
.working__area-section .nav .nav-link.active {
  color: #ffffff;
  background-color: #3a50a3;
}
.working__area-section .tab-content {
  margin-bottom: 5px;
}
.working__area-section .tab-content .number__wrapper {
  width: 100%;
  border: none;
  background-color: #f8f9fa;
  padding: 10px;
}
.working__area-section .tab-content .number__wrapper h4 {
  font-size: 32px;
  color: #3950a3;
  width: 100%;
  height: 2.5rem;
}
.working__area-section .tab-content .number__wrapper p {
  padding-top: 10px;
  border-top: 2px solid #9c9a9a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.working__area-section .tab-content .number__wrapper p i {
  margin-left: 10px;
  color: #3950a3;
  font-size: 18px;
  border: 1px solid #3950a3;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.working__area-section .img__wrapper {
  width: 100%;
  height: 15rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.working__area-section .img__wrapper img {
  -o-object-fit: contain;
     object-fit: contain;
}

.member-section .member__list ul {
  list-style: decimal;
}
.member-section .member__list ul li a {
  color: #000000;
  transition: 0.3s all ease-in-out;
}
.member-section .member__list ul li a:hover {
  color: #3a50a3;
}
.member-section .facebook_iframe_wrapper {
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 6px;
}

.impact-section .project_card {
  background-color: #f8f9fa;
  transition: 0.3s all ease-in-out;
}
.impact-section .project_card .img__wrapper {
  position: relative;
  width: 50%;
  height: 18rem;
}
.impact-section .project_card .img__wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}
.impact-section .project_card .img__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(64, 64, 64, 0.2823529412);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.impact-section .project_card .project_desc {
  width: 50%;
  padding: 1rem;
}
.impact-section .project_card .project_desc a {
  font-size: 20px;
  color: #000000;
  line-height: 15px;
  transition: 0.3s all ease-in-out;
}
.impact-section .project_card:hover {
  background-color: #3950a3;
}
.impact-section .project_card:hover .img__wrapper::before {
  opacity: 1;
}
.impact-section .project_card:hover .project_desc a {
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .impact-section .project_card .img__wrapper {
    height: 15rem;
  }
}
@media screen and (max-width: 600px) {
  .impact-section .project_card .img__wrapper {
    height: 13rem;
  }
}
@media screen and (max-width: 426px) {
  .impact-section .project_card .img__wrapper {
    height: 10rem;
  }
  .impact-section .project_card .project_desc {
    padding: 6px;
  }
  .impact-section .project_card .project_desc a {
    font-size: 16px;
  }
}

.impact-detail__section .impact__card {
  background-color: #f8f9fa;
  margin-bottom: 2rem;
  height: auto;
}
.impact-detail__section .impact__card .img__wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}
.impact-detail__section .impact__card .impact__details {
  padding: 2rem;
}
.impact-detail__section .impact__card .impact__details ul {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
  line-height: 35px;
}

.publiaction__section .publication__card {
  margin-bottom: 2rem;
}
.publiaction__section .publication__card .public_img {
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}
.publiaction__section .publication__card .public_img img {
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.publiaction__section .publication__card .public__details h5 {
  font-size: 18px;
  font-weight: 600;
}
.publiaction__section .publication__card .public__details p {
  font-size: 14px;
  margin-bottom: 3px;
}
.publiaction__section .publication__card .public__details a {
  color: #3a50a3;
}

.fixed-top {
  width: 100% !important;
  background: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  transition: transform 300ms ease, background 300ms ease;
}
.fixed-top .navbar {
  border-radius: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}
.fixed-top .navbar::before {
  opacity: 0;
}

.fixed_sub {
  transform: translateY(0) !important;
}

.top__header {
  position: fixed;
  left: 0;
  top: 0px;
  transition: 0.3s all ease-in-out;
  transform: translateY(-100px);
  background: var(--main-color);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  padding: 6px 0;
  color: #ffffff;
  font-size: 14px;
  z-index: 999;
}
.top__header .link__wrapper .ribbon_contact ul {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.top__header .link__wrapper .ribbon_contact ul li {
  position: relative;
}
.top__header .link__wrapper .ribbon_contact ul li span,
.top__header .link__wrapper .ribbon_contact ul li a {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 11px;
  margin-right: 15px;
  cursor: pointer;
}
.top__header .link__wrapper .ribbon_contact ul li span i,
.top__header .link__wrapper .ribbon_contact ul li a i {
  background-color: #ffffff;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.top__header .link__wrapper .ribbon_contact ul li .dropdown_no {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transform: translateY(55px);
  z-index: 999;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.top__header .link__wrapper .ribbon_contact ul li .dropdown_no ul {
  display: flex;
  flex-direction: column;
}
.top__header .link__wrapper .ribbon_contact ul li .dropdown_no ul li {
  padding: 0 10px;
  border-bottom: 1px solid #ced4da;
}
.top__header .link__wrapper .ribbon_contact ul li .dropdown_no ul li a {
  white-space: nowrap;
  color: #000000;
  font-size: 14px;
}
.top__header .link__wrapper .ribbon_contact ul li .visible-dd {
  opacity: 1;
  transform: translateY(45px);
}
.top__header .link__wrapper .page_link a {
  color: #ffffff;
  padding: 0 5px;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
 
  .top__header .link__wrapper .left__text{
    display: none;
  }
  .top__header .link__wrapper .left__text .ribbon_contact li:first-child {
    margin-bottom: 5px;
  }
  /* .top__header .link__wrapper .right__text {
    display: none;
  } */
}

#nav-bar {
  position: fixed !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 99;
  width: 95%;
  height: auto;
  transition: 0.3s all ease-in-out;
}
#nav-bar .navbar {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px, rgba(0, 0, 0, 0.35) 0px -50px 36px -43px inset;
  position: relative;
  border-radius: 8px;
  transition: 0.3s all ease-in-out;
}
#nav-bar .navbar .logo {
  float: left;
  width: 14rem;
  height: 100%;
  z-index: 1;
}
#nav-bar .navbar .sitenavigation ul li .navbar__links.active {
  color: #ffffff;
  background-color: #3a50a3;
}
#nav-bar .navbar .sitenavigation ul li ul li .sub__links:hover {
  background-color: var(--main-color);
  color: #ffffff;
}
#nav-bar .navbar .sitenavigation ul li ul li .sub__links.active {
  color: #ffffff;
  background-color: #3a50a3;
}
#nav-bar .navbar .mobile-btn {
  display: none;
}
#nav-bar .navbar::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  /* background-image: url("../images/block.png"); */
  background-size: contain;
  background-repeat: no-repeat;
  width: 38px;
  height: 100%;
  transition: 0.3s all ease-in-out;
}
@media (min-width: 992px) {
  #nav-bar header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #nav-bar .navbar {
    width: 100%;
    background-color: #ffffff;
    border: thin solid #ededed;
    height: auto;
    padding: 0;
  }
  #nav-bar .navbar .sitenavigation ul li a {
    position: relative;
    z-index: 1;
  }
  #nav-bar .navbar .sitenavigation ul li ul {
    padding-top: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  }
  #nav-bar .navbar .sitenavigation ul li ul li {
    border-bottom: 1px solid #e7e7e7;
  }
  #nav-bar .navbar .sitenavigation ul li ul li a {
    padding: 7px 15px;
  }
}
#nav-bar #hamburger {
  width: 30px;
  position: relative;
  margin: auto;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-bar #hamburger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #333;
  border-radius: 9px;
  opacity: 1;
  left: 7px;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#nav-bar #hamburger span:nth-child(1) {
  top: 0px;
}
#nav-bar #hamburger span:nth-child(2) {
  top: 11px;
}
#nav-bar #hamburger span:nth-child(3) {
  top: 22px;
}
#nav-bar #hamburger.open span:nth-child(1) {
  top: 11px;
  transform: rotate(135deg);
}
#nav-bar #hamburger.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}
#nav-bar #hamburger.open span:nth-child(3) {
  top: 11px;
  transform: rotate(-135deg);
}
#nav-bar .sitenavigation ul {
  margin: 0;
  padding: 0;
  float: right;
}
#nav-bar .sitenavigation li {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-left: -4px;
  line-height: 20px;
}
#nav-bar .sitenavigation li a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 28px 10px;
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  #nav-bar .sitenavigation li a {
    justify-content: start !important;
  }
  #nav-bar .sitenavigation li a i {
    display: none;
  }
}
#nav-bar .sitenavigation li a.nav-path-selected {
  color: #ffffff;
}
#nav-bar .sitenavigation li a.linkclicked {
  color: #ffffff;
}
#nav-bar .sitenavigation li a.nav-selected {
  color: #3a50a3;
}
#nav-bar .sitenavigation li ul {
  display: none;
  position: absolute;
  min-width: 200px;
  max-width: 300px;
  padding: 0;
  margin: 0;
  transition: all 0s;
}
#nav-bar .sitenavigation li ul a {
  font-size: 14px;
}
#nav-bar .sitenavigation li ul li {
  float: none;
  display: block;
  margin: 0;
  background-color: #ffffff;
}
#nav-bar .sitenavigation li ul ul {
  left: 100%;
  margin-top: -40px;
  max-height: 17rem;
  overflow-y: auto;
}
#nav-bar .sitenavigation li ul ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
#nav-bar .sitenavigation li ul ul::-webkit-scrollbar {
  width: 7px;
  background-color: #ffffff;
}
#nav-bar .sitenavigation li ul ul::-webkit-scrollbar-thumb {
  background-color: #3a50a3;
}
#nav-bar .sitenavigation li ul ul a {
  background-color: #ffffff;
}
#nav-bar .sitenavigation li.clicked > ul {
  display: block;
}
#nav-bar .sitenavigation .nav-dropdown:hover > a {
  background-color: transparent;
}
#nav-bar .sitenavigation .nav-dropdown.clicked > a {
  background-color: #ececec;
}
#nav-bar .sitenavigation .bg-hover {
  position: relative;
}
#nav-bar .sitenavigation .bg-hover::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -11px;
  background: url("../images/nav.png");
  width: 112%;
  height: 118%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: none;
}
#nav-bar .sitenavigation .bg-hover:hover .navbar__links {
  color: #ffffff !important;
}
#nav-bar .sitenavigation .bg-hover:hover::before {
  display: block;
}
#nav-bar .sitenavigation .bg-hover.active .navbar__links {
  color: #ffffff !important;
}
#nav-bar .sitenavigation .bg-hover.active::before {
  display: block;
}
@media screen and (max-width: 991px) {
  #nav-bar .sitenavigation .bg-hover::before {
    display: none !important;
  }
  #nav-bar .sitenavigation .bg-hover:hover .navbar__links {
    color: #ffffff !important;
    background-color: #3a50a3;
  }
  #nav-bar .sitenavigation .bg-hover.active .navbar__links {
    background-color: #ffffff !important;
    color: #3a50a3 !important;
  }
  #nav-bar .sitenavigation .bg-hover.active::before {
    display: none !important;
  }
}
#nav-bar .no-js .sitenavigation li:hover > ul {
  display: block !important;
}
#nav-bar .menu-icon {
  display: none;
}
@media screen and (max-width: 1200px) {
  #nav-bar .navbar .logo {
    width: 12rem;
  }
}
@media screen and (max-width: 1025px) {
  #nav-bar .navbar .logo {
    width: 12rem;
  }
  #nav-bar .navbar::before {
    display: none;
  }
}
@media (max-width: 991px) {
  #nav-bar .navbar {
    width: 100%;
    background-color: #f9f9f9;
    border: thin solid #ededed;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
  }
  #nav-bar .navbar .logo {
    float: right;
    font-weight: 800;
    padding: 5px;
    margin: 10px;
  }
  #nav-bar .navbar .menu-icon {
    width: 30px;
    height: 25px;
    padding-top: 0;
    margin-top: 7px;
    display: block;
    -webkit-tap-highlight-color: transparent;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 10px;
  }
  #nav-bar .navbar .mobile-btn {
    display: block;
  }
  #nav-bar .navbar .sitenavigation ul {
    display: none;
    max-width: none !important;
  }
  #nav-bar .navbar .sitenavigation li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul {
    display: block;
    position: absolute;
    margin: 0;
    background-color: #fff;
    right: 0;
    left: 0;
    z-index: 100;
    padding: 0;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul a {
    width: 100%;
    margin: 0;
    /* background-color: #ececec; */
    display: block;
    font-size: 1.1875em;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    color: #000;
    float: none;
    border: none !important;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul a:hover {
    background-color: #3a50a3;
    color: #ffffff;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul li {
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: solid 1px #b9b9b9;
    -webkit-tap-highlight-color: transparent;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul li li {
    background-color: #fff;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul ul {
    display: none;
    width: 100%;
    z-index: 200;
    border: none;
    margin-left: 0;
    padding: 0;
    position: relative !important;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul ul ul {
    clear: both;
    left: 0;
    margin-top: 0;
    max-height: 15rem;
    overflow: auto;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul ul li {
    border-bottom: solid 1px #f9f9f9;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul ul li li a {
    background-color: #f9f9f9;
    padding-left: 30px;
    font-size: 14px;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul ul a {
    background-color: #dfdfdf;
    font-size: 14px;
    padding-left: 20px;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul ul a:before {
    content: "- ";
    display: inline-block;
    margin-right: 8px;
    color: #000;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul li.nav-dropdown {
    cursor: pointer;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {
    width: 80%;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    color: #000;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -40px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul li.expanded:after {
    display: none;
  }
  #nav-bar .navbar .sitenavigation.is-tapped > ul li.expanded li:first-child:before {
    content: "\f106";
    font-family: FontAwesome;
    position: absolute;
    color: black;
    padding: 0;
    display: block;
    width: 20%;
    right: 0;
    margin-top: -40px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #nav-bar .navbar .btns_wrapper {
    padding: 10px 0 5px 20px;
  }
  #nav-bar .navbar .btns_wrapper a {
    width: auto !important;
    height: 100% !important;
  }
  #nav-bar .navbar .btns_wrapper a i {
    display: block !important;
  }
  #nav-bar .navbar .btns_wrapper .bottomBar__cart a {
    padding: 12px !important;
  }
}


.hero-fixed-wrapper{
  position: relative;
  top: -70px;
}

.hero-fixed-wrapper .hero-fixed{
  position: absolute;
  top: 59%;
  left: 5%;
}
.hero-fixed-wrapper .btn-box{
  display: flex;
  margin-top: 30px;
  align-items: center;
  gap: 10px;
}

 
.hero-fixed-wrapper .handwritten-box .button {
  position: relative;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  padding-block: 1rem;
  padding-inline: 1.5rem;
  background-color: var(--secondary-color);
  border-radius: 10px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  gap: 10px;
  font-weight: bold;
  outline: none;
  overflow: hidden;
  font-size: 18px;
  cursor: pointer;
}

.hero-fixed-wrapper .handwritten-box .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}

.hero-fixed-wrapper .handwritten-box .button:hover {
  transform: scale(1.05);
  border-color: #fff9;
  background-color: var(--main-color);
}

.hero-fixed-wrapper .handwritten-box .button:hover .icon {
  transform: translate(4px);
}

.hero-fixed-wrapper .handwritten-box .button:hover::before {
  animation: shine 1.5s ease-out infinite;
}

.hero-fixed-wrapper .handwritten-box .button::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0) 70%
  );
  top: 0;
  left: -100px;
  opacity: 0.6;
}

.hero-fixed-wrapper .handwritten-box1 .button {
  position: relative;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  padding-block: 1rem;
  padding-inline: 1.5rem;
  background-color: var(--main-color);
  text-decoration: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffff;
  gap: 10px;
  width: 18rem;
  font-weight: bold;
  border: 3px solid #ffffff4d;
  outline: none;
  overflow: hidden;
  font-size: 18px;
  cursor: pointer;
}

.hero-fixed-wrapper .handwritten-box1 .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}

.hero-fixed-wrapper .handwritten-box1 .button:hover {
  transform: scale(1.05);
  border-color: #fff9;
}

.hero-fixed-wrapper .handwritten-box1 .button:hover .icon {
  transform: translate(4px);
}

.hero-fixed-wrapper .handwritten-box1 .button:hover::before {
  animation: shine 1.5s ease-out infinite;
}

.hero-fixed-wrapper .handwritten-box1 .button::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0) 70%
  );
  top: 0;
  left: -100px;
  opacity: 0.6;
}
.hero-fixed-wrapper h1{
  font-size: 60px;
  line-height:78px;
  color: #fff;
  font-weight: normal;
} 

@keyframes shine {
  0% {
    left: -100px;
  }

  60% {
    left: 100%;
  }

  to {
    left: 100%;
  }
}


.slider-wrapper .main__slider {
  z-index: 0;
}
.slider-wrapper .main__slider .wrap {
  max-width: 100%;
}
.slider-wrapper .main__slider .wrap .slider {
  width: 100%;
  position: relative;
}
.slider-wrapper .main__slider .wrap .slider .slide {
  width: 100%;
  height: 100vh;
}
.slider-wrapper .main__slider .wrap .slider .slide__inner {
  position: relative;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.slider-wrapper .main__slider .wrap .slider .slide .slide__text-wrap {
  position: relative;
  top: 75%;
  left: 7.5%;
}
.slider-wrapper .main__slider .wrap .slider .slide__text {
  font-weight: 500;
  font-size: 3vw;
  color: #ffffff;
  text-shadow: 2px 2px 5px rgba(42, 42, 42, 0.9058823529);
}
@media screen and (max-width: 1024px) {
  .slider-wrapper .main__slider .wrap .slider .slide {
    height: 35rem;
  }
}
@media screen and (max-width: 768px) {
  .slider-wrapper .main__slider .wrap .slider .slide {
    height: 28rem;
  }
}
.slider-wrapper .main__slider .wrap .slick-dots {
  position: absolute;
  bottom: -3%;
  right: 43%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.slider-wrapper .main__slider .wrap .slick-dots li {
  margin: 0 0.25rem;
}
.slider-wrapper .main__slider .wrap .slick-dots button {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #9c9a9a;
  text-indent: -9999px;
}
.slider-wrapper .main__slider .wrap .slick-dots li.slick-active button {
  background-color: #ffffff;
}

.volunter-section .volunter__holder {
  position: relative;
  width: 100%;
  height: 25rem;
}
.volunter-section .volunter__holder .volunter_description {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: auto;
  background-color: #3e3c44;
  z-index: 1;
  padding: 60px;
  transform: translateY(-50px);
}
.volunter-section .volunter__holder .volunter_description h5,
.volunter-section .volunter__holder .volunter_description h1,
.volunter-section .volunter__holder .volunter_description p {
  color: #ffffff;
}
.volunter-section .volunter__holder .volunter_description h5 {
  margin-bottom: 1.3rem;
  font-weight: 400;
  font-size: 22px;
  color: #9a8e5e;
}
.volunter-section .volunter__holder .volunter_description h1 {
  font-size: 42px;
  margin-bottom: 1rem;
}
.volunter-section .volunter__holder .volunter_description p {
  font-size: 14px;
  color: #9c9a9a;
  margin-bottom: 7px;
}
.volunter-section .volunter__holder .volunter_img {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
}
.volunter-section .volunter__holder .volunter_img img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .volunter-section .volunter__holder .volunter_description h1 {
    font-size: 34px;
  }
}
@media screen and (max-width: 992px) {
  .volunter-section .volunter__holder {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .volunter-section .volunter__holder .volunter_description {
    position: relative;
    width: 100%;
    padding: 20px;
    transform: translateY(0px);
    margin-top: 2rem;
  }
  .volunter-section .volunter__holder .volunter_description h5 {
    font-size: 20px;
    margin-bottom: 1rem;
  }
  .volunter-section .volunter__holder .volunter_description h1 {
    font-size: 32px;
  }
  .volunter-section .volunter__holder .volunter_img {
    position: relative;
    width: 100%;
    height: auto;
  }
}

.vission__content {
  padding: 1.5rem 0rem;
  text-align: center;
  }
.vission__content h1 {
  color: var(--main-color);
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
  position: relative;
}
/* .vission__content h1::after {
  content: " ";
  position: absolute;
  left: -1.5rem;
  top: 50%;
  background-color: var(--main-color);
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 3px;
}
.vission__content h1::before {
  content: " ";
  position: absolute;
  right: -2.5rem;
  top: 50%;
  background-color: var(--main-color);
  transform: translate(0%, -50%);
  width: 2rem;
  height: 3px;
} */
.impact__box h2{
 color: #fff;
} 

.impact__box p{
 color: #fff;
} 

/* .who-section .who_image{
  border-radius: 50%;
  overflow: hidden;
  height: 200px;
  width: 200px;
  margin: 0 auto 10px auto;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} */
.who_image img {
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.who_image img {
  transition: 0.3s all ease-in-out;
}
.who_image:hover img {
  transform: scale(1.1);
  transition: 0.3s all ease-in-out;
}
@media screen and (max-width: 992px) {
  .vission__content {
    padding: 1.5rem 0rem;
  }
  .pr-0{
     padding-left: calc(var(--bs-gutter-x) * .5) !important;
  }
}

/* what we do  */

.what-do .img__holder {
  width: auto;
  height: auto;
  background-color: #000000;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.what-do .img__holder img {
  object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.what-do .img__holder:hover img {
  transform: translate(7%, -7%);
}

/* where er work  */


      .maps-of-nepal .cover-title {
        font-size: 3.5rem;
        font-weight: bold;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
      }
      .maps-of-nepal .cover-subtitle {
        font-size: 1.3rem;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
      }


      /* Title */
     .maps-of-nepal .title {
        font-size: 2.5rem;
        font-weight: bold;
        margin-bottom: 1rem;
      }
     .maps-of-nepal .title span {
        color: #a0a0a0;
        display: inline-block;
      }
      .maps-of-nepal .letter {
        display: inline-block;
        opacity: 0;
        transform: translateX(-10px);
      }

      /* Subtitle */
      .maps-of-nepal .subtitle {
        font-size: 1.1rem;
        color: #666;
        max-width: 600px;
        margin: 0 auto 3rem;
        line-height: 1.6;
      }

      /* Map Container */
      .maps-of-nepal .map-container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        overflow: visible;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 12px;
        min-height: 500px;
        opacity: 0.9;
      }
      .maps-of-nepal svg {
        width: 100%;
        height: 100%;
        min-height: 600px;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
      }

      /* Connection Dots */
      .maps-of-nepal .dot {
        fill: var(--main-color);
        stroke: var(--secondary-color);
        stroke-width: 2;
        r: 6;
        filter: drop-shadow(0 0 8px rgba(219, 16, 16, 0.6));
        cursor: pointer;
        pointer-events: all;
        transition: r 0.2s;
      }
      .maps-of-nepal .dot:hover {
        r: 10;
      }
      .dot.pulse {
        animation: pulse 2s infinite;
      }
      @keyframes pulse {
        0% {
          r: 6;
          opacity: 1;
        }
        70% {
          r: 12;
          opacity: 0.6;
        }
        100% {
          r: 6;
          opacity: 1;
        }
      }

      /* Curved Connection Lines */
      .maps-of-nepal .connection {
        stroke: var(--main-color);
        stroke-width: 3;
        fill: none;
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: draw 3s forwards ease-in-out;
        filter: drop-shadow(0 0 6px rgba(221, 15, 15, 0.585));
      }
      @keyframes draw {
        to {
          stroke-dashoffset: 0;
        }
      }

      /* Responsive */
      @media (max-width: 768px) {
        .cover-title {
          font-size: 2.5rem;
        }
        .cover-subtitle {
          font-size: 1.1rem;
        }
        .title {
          font-size: 2rem;
        }
        .subtitle {
          font-size: 1rem;
        }
        
        .maps-of-nepal .map-container {
          min-height: 250px;
        }
        .maps-of-nepal svg {
          min-height: 250px;
        }
       .hero-fixed-wrapper{
        top: 0;
       }
        /* .hero-fixed-wrapper .btn-box{
          flex-direction: column;
          gap: 10px;
        } */

         .hero-fixed-wrapper .handwritten-box .button{
          font-size: 16px;
          width: 300px;
        }

        .hero-fixed-wrapper .handwritten-box1 .button{
          display: none;
        }
       
      }

.area__impact-section .small__title {
  margin-bottom: 2rem;
}
.area__impact-section .impact-grid {
  display: grid;
  -moz-column-gap: 2rem;
    column-gap: 2rem;
  grid-template-columns: repeat(4, 1fr);
}

.area__impact-section .impact-grid .grid__item{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 8px;
  overflow: hidden;
}
.area__impact-section .impact-grid .grid__item span {
  font-family: "Anton", sans-serif;
}
.area__impact-section .impact-grid .grid__item:hover span {
  color: var(--main-color) !important;
  font-weight: 400;
  font-family: "Anton", sans-serif;
}
.area__impact-section .impact-grid .grid__item a .img__holder {
  width: auto;
  height: 13rem;
  background-color: #000000;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.area__impact-section .impact-grid .grid__item a .img__holder img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s all ease-in-out;
}
.area__impact-section .impact-grid .grid__item a .img__holder:hover img {
  transform: translate(7%, -7%);
}
.area__impact-section .impact-grid .grid__item a .title{
  padding: 0.8rem;
  text-align: justify;
}
.area__impact-section .impact-grid .grid__item a .title span {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  transition: 0.3s all ease-in-out;
}
.area__impact-section .impact-grid .grid__item a .title p{
  font-size: 14px;
  line-height: 1.2rem;
  color: #666666;
  text-align: justify;
  padding: 0 12px 12px 12px;
  margin-top: 8px;
}
.area__impact-section .impact-grid .grid__item a .title span:hover {
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .area__impact-section .impact-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .area__impact-section .impact-grid .grid__item .img__holder {
    width: 9rem;
    height: 9rem;
  }
}
@media screen and (max-width: 992px) {
  .area__impact-section .impact-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .area__impact-section .impact-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 500px) {
  .area__impact-section .impact-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .area__impact-section .impact-grid .img__holder {
    width: 100% !important;
    height: auto;
  }
}

.organization__section {
  position: relative;
  background-color: #ededed;
  padding-top: 4rem;
  padding-bottom: 1rem;
}
.organization__section .organization_image {
  position: relative;
  z-index: 1;
}
.organization__section .organization_image img {
  border: 2px solid #ededed;
  height: 20rem;
}
.organization__section h2 {
  border-bottom: 2px solid var(--main-color);
  font-size: 22px;
  font-weight: 600;
  color: var(--main-color);
  text-transform: uppercase;
}
.organization__section .donation__wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--main-color);
  width: 100%;
  height: auto;
  z-index: 0;
}
.organization__section .donation__wrapper .donation-grid {
  padding: 25px 0;
}
.organization__section .donation__wrapper .donation-grid .thankyou {
  width: 20rem;
  text-align: end;
  padding: 10px;
}
.organization__section .donation__wrapper .donation-grid .thankyou a,
.organization__section .donation__wrapper .donation-grid .thankyou p,
.organization__section .donation__wrapper .donation-grid .thankyou h3 {
  color: #ffffff;
  margin: 0;
}
.organization__section .donation__wrapper .donation-grid .thankyou a {
  display: flex;
  align-items: center;
  justify-content: end;
}
.organization__section .donation__wrapper .donation-grid .thankyou a i {
  font-size: 48px;
  margin-right: 10px;
}
.organization__section .donation__wrapper .donation-grid .thankyou a span {
  font-size: 30px;
  font-weight: 600;
}
.organization__section .donation__wrapper .donation-grid .thankyou h3 {
  font-weight: 600;
}
.organization__section .donation__wrapper .donation-grid .donate_text_button {
  width: 20rem;
  height: auto;
  display: flex;
  justify-content: end;
}
.organization__section .donation__wrapper .donation-grid .donate_text_button a {
  background-color: #3e3c44;
  color: #ffffff;
  font-size: 20px;
  padding: 20px;
  position: relative;
  z-index: 1;
}
.organization__section .donation__wrapper .donation-grid .donate_text_button a::before {
  content: "";
  position: absolute;
  top: 35%;
  left: -8px;
  background-color: #3e3c44;
  width: 1.5rem;
  height: 1.5rem;
  z-index: -1;
  transform: rotate(45deg);
}
@media screen and (max-width: 992px) {
  .organization__section .donation__wrapper {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .organization__section .donation__wrapper {
    position: relative;
  }
  .organization__section .donation__wrapper .donation-grid {
    justify-content: center !important;
    flex-wrap: wrap;
  }
  .organization__section .donation__wrapper .donation-grid .thankyou {
    text-align: center;
  }
  .organization__section .donation__wrapper .donation-grid .thankyou a {
    justify-content: center;
  }
  .organization__section .donation__wrapper .donation-grid .donate_text_button {
    justify-content: center;
  }
}

.news-section .testimonial {
  background-color: #f8f9fa;
  position: relative;
  height: 45rem;
}
.news-section .testimonial .image__wrapper {
  position: relative;
  width: 100%;
  height: 40rem;
}
.news-section .testimonial .image__wrapper .image__one {
  position: absolute;
  top: 0;
  left: 0;
  width: 25rem;
  height: 35rem;
}
.news-section .testimonial .image__wrapper .image__one img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 22px;
}
.news-section .testimonial .image__wrapper .image__two {
  position: absolute;
  width: 20rem;
  height: 25rem;
  right: 0;
  bottom: 0;
}
.news-section .testimonial .image__wrapper .image__two img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 22px;
}
@media screen and (max-width: 1024px) {
  .news-section .testimonial .image__wrapper .image__one {
    width: 20rem;
    height: 30rem;
  }
  .news-section .testimonial .image__wrapper .image__two {
    width: 15rem;
    height: 20rem;
  }
}
@media screen and (max-width: 992px) {
  .news-section .testimonial .image__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
  }
  .news-section .testimonial .image__wrapper .image__one {
    position: relative;
    width: 20rem;
    height: 25rem;
    padding: 5px;
  }
  .news-section .testimonial .image__wrapper .image__two {
    position: relative;
    width: 20rem;
    height: 25rem;
    padding: 5px;
  }
}
.news-section .testimonial .title__holder {
  position: relative;
}
.news-section .testimonial .title__holder h1 {
  font-weight: 600;
  line-height: 35px;
}
.news-section .testimonial .title__holder h1 span {
  color: var(--main-color);
}
@media screen and (max-width: 767px) {
  .news-section .testimonial .title__holder {
    padding: 0 !important;
  }
}
.news-section .testimonial .testi__slider .swiper {
  position: relative;
  margin: 50px auto;
  width: 100%;
  height: 17rem;
}
.news-section .testimonial .testi__slider .swiper-slide {
  background-color: #ffffff;
  padding: 3rem 2.5rem 2rem 2.5rem;
  border-radius: 22px;
  border: 1px solid rgba(167, 167, 167, 0.337254902);
  color: #9c9a9a;
  font-weight: 500;
  font-size: 15px;
}
.news-section .testimonial .testi__slider .swiper-slide .user__wrapper .img {
  width: 5.3rem;
  height: 5.3rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}
.news-section .testimonial .testi__slider .swiper-slide .user__wrapper .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.news-section .testimonial .testi__slider .swiper-slide .user__wrapper .name p {
  margin-bottom: 0;
}
.news-section .testimonial .testi__slider .swiper-slide .user__wrapper .name span {
  color: #9c9a9a;
  font-size: 12px;
}
@media screen and (max-width: 510px) {
  .news-section .testimonial .testi__slider .swiper-slide {
    padding: 2rem;
  }
  .news-section .testimonial .testi__slider .swiper-slide .user__wrapper .img {
    width: 4rem;
    height: 4rem;
  }
}
.news-section .testimonial .testi__slider .swiper-button-prev {
  position: absolute;
  top: 65%;
  left: auto !important;
  right: 6rem !important;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
}
.news-section .testimonial .testi__slider .swiper-button-prev i {
  color: #9c9a9a;
}
.news-section .testimonial .testi__slider .swiper-button-prev::after {
  content: "" !important;
}
.news-section .testimonial .testi__slider .swiper-button-prev:hover {
  background-color: #3a50a3;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.news-section .testimonial .testi__slider .swiper-button-prev:hover i {
  color: #ffffff;
}
@media screen and (max-width: 510px) {
  .news-section .testimonial .testi__slider .swiper-button-prev {
    display: none;
  }
}
.news-section .testimonial .testi__slider .swiper-button-next {
  position: absolute;
  top: 65%;
  right: 2rem !important;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
}
.news-section .testimonial .testi__slider .swiper-button-next i {
  color: #9c9a9a;
}
.news-section .testimonial .testi__slider .swiper-button-next::after {
  content: "" !important;
}
.news-section .testimonial .testi__slider .swiper-button-next:hover {
  background-color: #3a50a3;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.news-section .testimonial .testi__slider .swiper-button-next:hover i {
  color: #ffffff;
}
@media screen and (max-width: 510px) {
  .news-section .testimonial .testi__slider .swiper-button-next {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .news-section .testimonial .testi__slider {
    padding: 0 !important;
  }
}
.news-section .testimonial .elementor-shape-top {
  position: absolute;
  overflow: hidden;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
}
.news-section .testimonial .elementor-shape-top svg {
  display: block;
  width: calc(100% + 1.3px);
  height: 320px;
  position: relative;
  left: 50%;
  transform: translateX(-50%) rotateY(180deg);
  color: #ffffff;
  fill: #fff;
}
.news-section .testimonial .elementor-shape-bottom {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
}
.news-section .testimonial .elementor-shape-bottom svg {
  display: block;
  width: calc(100% + 1.3px);
  height: 50px;
  position: relative;
  left: 50%;
  transform: translateX(-50%) rotateY(180deg);
  color: #ffffff;
  fill: #fff;
}
@media screen and (max-width: 992px) {
  .news-section .testimonial {
    height: 55rem;
  }
}
@media screen and (max-width: 664px) {
  .news-section .testimonial {
    height: auto;
  }
}

.product__section .card_shop-wrapper {
  padding: 0px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border-radius: 6px;
  transition: 0.3s all ease-in-out;
}
.product__section .card_shop-wrapper .product__img {
  width: 100%;
  height: 15rem;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}
.product__section .card_shop-wrapper .product__img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.product__section .card_shop-wrapper .shop_list_caption {
  padding: 20px 12px 8px 12px;
}
.product__section .card_shop-wrapper .shop_list_caption h4 {
  color: #3950a3;
  font-size: 18px;
  margin: 0;
}
.product__section .card_shop-wrapper .shop_list_caption .price__wrapper {
  margin-bottom: 15px;
}
.product__section .card_shop-wrapper .shop_list_caption .price__wrapper .price_cart {
  font-size: 14px;
}
.product__section .card_shop-wrapper .shop_list_caption .review_rating .star {
  border: none;
  background-color: unset;
  color: goldenrod;
  font-size: 20px;
  padding: 0;
}
.product__section .card_shop-wrapper:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.combination__section {
  position: relative;
}
.combination__section .our_patners .carousel_slider a img {
  width: 6rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.combination__section .facebook_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.combination__section .facebook_wrapper .feed_wrapper {
  position: absolute;
  top: 0;
  padding: 10px;
  background-color: #ffffff;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .combination__section .facebook_wrapper .feed_wrapper {
    position: relative;
  }
  .combination__section .facebook_wrapper .feed_wrapper iframe {
    width: 330px !important;
  }
}
@media screen and (max-width: 600px) {
  .combination__section .facebook_wrapper .feed_wrapper {
    position: relative;
  }
  .combination__section .facebook_wrapper .feed_wrapper iframe {
    width: 280px !important;
  }
}

.footer__section {
  width: 100%;
  background-color: var(--secondary-color);
  background-size: 100% 100%;
}
.footer__section a{
  text-decoration: none;
}

.footer__section .footer__logo {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  /* background-color: #ffffff; */
  padding: 8px;
  border-radius: 8px;
}
.footer__section .footer__description {
  position: relative;
}
.footer__section .footer__description p {
  font-size: 12px;
  color: #ffffff;
}
.footer__section .social__media {
  margin-top: 2rem;
  position: relative;
}
.footer__section .social__media ul {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
}
.footer__section .social__media ul a{
  text-decoration: none;
}
.footer__section .social__media ul a li {
  color: #000000;
  background-color: #ffffff;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 10px;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all ease-in-out;
}
.footer__section .social__media ul a:hover li {
  background-color: var(--main-color) !important;
  color: #ffffff;
}
.footer__section .contact__details ul {
  margin-left: 0px;
}
.footer__section .contact__details ul li {
  color: #ffffff;
  line-height: 25px;
  margin-bottom: 0.8rem;
}
.footer__section .contact__details ul li h6 {
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  margin: 0;
}
.footer__section .contact__details ul li span {
  font-size: 12px;
  color: #bbbbbb;
}
.footer__section h2 {
  position: relative;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  font-size: 20px;
}
.footer__section h2 span {
  color: var(--main-color);
}
.footer__section h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 3rem;
  height: 3px;
  background-color: #ffffff;
}
.footer__section h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 7rem;
  height: 1px;
  background-color: var(--main-color);
}
.footer__section .quick-links {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
}
.footer__section .quick-links li {
  width: 10rem;
  margin-bottom: 10px;
}
.footer__section .quick-links li a {
  color: #ffffff;
  position: relative;
}
.footer__section .quick-links li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 3px;
  background-color: #ffffff;
  transition: 0.3s all ease-out;
}
.footer__section .quick-links li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: var(--main-color);
  transition: 0.3s all ease-out;
}
.footer__section .quick-links li:hover a {
  color: var(--main-color) !important;
}
.footer__section .quick-links li:hover a::after {
  width: 50%;
}
.footer__section .quick-links li:hover a::before {
  width: 100%;
}
.footer__section .gallery_wrapper {
  position: relative;
}
.footer__section .gallery_wrapper img {
  border-radius: 4px;
  width: 100%;
  height: 75px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
}
.footer__section .copyright {
  position: relative;
  background-color: var(--main-color);
  width: 100%;
  height: auto;
  padding: 8px 0;
}
.footer__section .copyright .text-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
}
@media screen and (max-width: 440px) {
  .footer__section .copyright .text-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  .footer__section {
    background-size: cover;
  }
}

.donation__section .form-check .form-check-label {
  line-height: 15px;
}
.donation__section .form-check .form-check-label span {
  font-size: 14px;
}

.card-wrapper .card p {
  margin: 0;
}
.card-wrapper .card p strong {
  color: #3950a3;
}


/*# sourceMappingURL=index.css.map */

.project {
    /* margin-bottom: 30px; */
    vertical-align: top;
    /* margin-right: 30px; */
    float: left;
    cursor: pointer;
    width:100%;
}

.project figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    /* width: 283px; */
    -moz-box-shadow: 0 3px 0 #e2e2e2,transparent 0 0 0;
    -webkit-box-shadow: 0 3px 0 #e2e2e2,transparent 0 0 0;
    box-shadow: 0 3px 0 #e2e2e2,transparent 0 0 0;
    -webkit-box-shadow: 0 3px 0 #e2e2e2;
    -moz-box-shadow: 0 3px 0 #e2e2e2;
    box-shadow: 0 3px 0 #e2e2e2;
}

.project figure figcaption {
    position: relative;
    z-index: 10;
    padding: 8px 18px 11px;
    background: #fff;
    -ms-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: left;
    color: #555;
}

.project figure:hover .actions {
    opacity: 1;
}

.project figure .actions {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(29,29,29,.7);
    -ms-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.project figure img {
    border: 0;
    width: 100%;
}
.btn-warning bnt-action{
    margin: 0% 0% auto;    
}

figcaption .project-details {
    display: block;
    font-size: 16px;
    line-height: 33px;
    color: var(--main-color);
    height: 27px;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}

figcaption .project-price {
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 22px;
    text-align: right;
    margin-top: 8px;
    letter-spacing: -1px;
    -webkit-font-smoothing: antialiased;
}

figcaption .project-creator {
    font-size: 13px;
    color: #545454;
    display: block;
}

figcaption .project-creator {
    font-size: 13px;
    color: #545454;
    display: block;
}

.project figure .actions button {
    padding: 13px 20px;
    font-size: 16px;
    top: 32%;
    position: absolute;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    line-height: 18px;
    letter-spacing: 1px;
}

/* Equal height for all project boxes */
.project-section .row {
    display: flex;
    flex-wrap: wrap;
}

.project-section .col-md-3 {
    display: flex;
    /* margin-bottom: 30px; */
}

.project {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.project figure {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.project figure figcaption {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.project-creator {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Need your support  */
.need-support .card-support {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 8px;
    transition: 0.3s all ease-in-out;
    height: 100%;
   
}
/* .need-support .card-support:hover {
    transform: translateY(-5px) translateX(5px);
    transition: 0.3s all ease-in-out;
} */
 .need-support .card-support h4 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 8px;
    color: #000000;
    text-align: center;
  
  }

  .need-support .card-support p {
     font-size: 14px;
     line-height: 1.3rem;
     color: #666666;
     text-align: justify;
     padding: 0 12px 12px 12px;
  }


.img-thumbnail1 {
    padding: .25rem;
    overflow: hidden;
    background-color: var(--secondary-color);
    border: 1px solid #dee2e6;
    transition: 0.3s all ease-in-out;
    border-radius:  50%;
    max-width: 100%;
    height: 160px;
    object-fit: cover;
    width: 160px;
}

.need-support .card-support:hover .img-thumbnail1 {
    transform: scale(1.1);
     background-color: var(--main-color);
    transition: 0.3s all ease-in-out;
}

/* impact  */
 @media (min-width: 768px) {
          .contained-width {
            padding-left: 2.5rem;
            padding-right: 2.5rem;
          }
          .grid--3-col {
            grid-template-columns: repeat(2, 1fr);
          }
        }

        .contained-width {
          margin-left: auto;
          margin-right: auto;
          max-width: 81rem;
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
        @media (min-width: 1024px) {
          .stats-block__content {
            padding: 4rem 3rem;
          }
        }

        .stats-block__content li {
          list-style: none;
        }
        .stats-block__content {
          --tw-bg-opacity: 1;
          text-align: center;
        }
        .grid--3-col,
        .grid--4-col {
          display: grid;
          gap: 2rem;
        }

        .grid--3-col {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          grid-gap: 2rem;
        }
        .stats-block__stat {
          display: inline-block;
          font-size: 3.125rem;
          line-height: 3.5rem;
          position: relative;
        }
        .stats-block__stat:before {
          bottom: 0;
          left: 0;
          position: absolute;
          width: 100%;
          z-index: 0;
          --tw-bg-opacity: 1;
          background-color: var(--main-color);
          content: "";
          height: 1.6875rem;
        }
        .stats-block__stat-content {
          position: relative;
          z-index: 10;
        }

        .stats-block__stat1 {
          display: inline-block;
          font-size: 3.125rem;
          line-height: 3.5rem;
          position: relative;
        }
        .stats-block__stat1:before {
          bottom: 0;
          left: 0;
          position: absolute;
          width: 100%;
          z-index: 0;
          --tw-bg-opacity: 1;
          background-color: var(--secondary-color);
          content: "";
          height: 1.6875rem;
        }
        .stats-block__stat2 {
          display: inline-block;
          font-size: 3.125rem;
          line-height: 3.5rem;
          position: relative;
        }
        .stats-block__stat2:before {
          bottom: 0;
          left: 0;
          position: absolute;
          width: 100%;
          z-index: 0;
          background-color: var(--main-color);
          content: "";
          height: 1.6875rem;
        }

.floating-icon {
  background-color: var(--main-color);
  padding: 15px 20px;
  border-radius: 5px 5px 0 0;
  position: fixed;
  color: #fff;
  top: 70%;
  right: -45px;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  rotate: -90deg;
  gap: 10px;
  display: flex;
  align-items: center;
}
.floating-icon span{
  
  animation: blink 2s linear infinite;

}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}