.wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn { padding: 10px 28px !important;}
.header-s2 .wpo-site-header #navbar > ul > li > a, .header-s3 .wpo-site-header #navbar > ul > li > a { padding: 24px 6px;}
.wpo-site-header .navbar-header .navbar-brand img { max-width: 232px; }
.header-s2 .wpo-site-header .header-right > div:last-child::before, .header-s3 .wpo-site-header .header-right > div:last-child::before {    left: -29px;background:rgb(112 116 128 / 23%);}
.wpo-site-header #navbar {        justify-content: flex-end;}
.wpo-hero-slider-s2 .slide-inner .slide-content {padding-left: 350px;}
.blog-section-s2 { margin-top: 0; padding: 70px 0;}
.wpo-site-footer-s2 .wpo-upper-footer {    padding-top: 100px;}
.wpo-site-footer-s2 {
    background: url(../imgs/footer_bg.jpg) center / cover no-repeat;
}
.wpo-hero-slider .slide-inner, .wpo-hero-slider .hero-inner, .static-hero .slide-inner, .static-hero .hero-inner, .wpo-hero-slider-s2 .slide-inner, .wpo-hero-slider-s2 .hero-inner {background-size: unset;}
.about-section-s2 .right-content h3, .about-section-s3 .right-content h3, .about-section-s4 .right-content h3 {line-height: 25px;    font-size: 25px;}
.about-section-s2 .right-content h3 span::before, .about-section-s3 .right-content h3 span::before, .about-section-s4 .right-content h3 span::before {bottom: -38px;    left: 0px;}
.wpo-hero-slider .slide-sub-title h1, .static-hero .slide-sub-title h1, .wpo-hero-slider-s2 .slide-sub-title h1 { color: #fff; font-size: 42px; line-height: 52px; text-transform: unset;}
.wpo-hero-slider-s2 .slide-inner .slide-content .slide-sub-title h2 .text::before {    bottom: -60px;}
.preloader { background-color: #ffffffa1;}
.become_volunteer .shape {bottom: -40px;}
.become_volunteer .left-content {background: url('../imgs/become-a-volunteer.jpg') no-repeat;}
.become_volunteer .right-content {background: url('../imgs/make-a-donation.jpg') no-repeat;}
.wpo-site-footer-s2 .newsletter .terms label, .wpo-site-header #navbar > ul > li .sub-menu a { font-size: 13px;}
.slide-content .slide-title span img {
    margin-top: -10px;
}
.wpo-site-footer-s2 .link-widget ul li a::before {}
.volunteer-contact-form label { line-height: 50px; font-weight: 400; font-size: 14px;}
.volunteer-contact-form input, .volunteer-contact-form select, .volunteer-contact-form label, .volunteer-contact-form textarea {    border: 1px solid #d0d4df;
    padding-left: 15px;
    height: 50px;
    width: 100%;}
.slide-content .slide-sub-title h2 .text::before {
    position: absolute;
    left: 0;
    bottom: -100px;
    content: "";
    background: url(../images/service/liine.svg) no-repeat;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.breadcumb-area { background: url(../imgs/about-bg.jpg) no-repeat center center;     min-height: 300px; margin-top: -124px; }
.project-card .content {  padding: 22px 8px; }
.project-card .content span { font-size: 14px; }
.project-card .content h2 a { font-size: 18px;}

.breadcumb-area .breadcumb-wrap {    padding-top: 100px;}
.contact-left .map iframe {    height: revert-layer;}
.contact-left .map {
    max-width: unset;
    height: auto;
}
.contact-left {    max-width: 600px; width: 100%;}
.contact-right {
    max-width: 550px;
     width: 100%;
}
.service-single-wrap p, .case-details-left p {    margin-bottom: 10px;}
.breadcumb-area .breadcumb-wrap h3 {font-size: 50px; line-height: 60px; }
.GetQuate-section .left-wrap h3 {font-size: 33px;line-height: 40px;}
.GetQuate-section .left-wrap h3 span::before {    bottom: -42px;}
.donation-from .progress-wrap { padding-bottom: 18px;}
.donation-from .donate-amount { padding-top: 10px; margin: 0px;}
.donation-from .donate-amount .amount-btn {    margin: 0px;padding: 6px 14px;    font-size: 13px;}
.wpo-site-footer-s2::after { background: rgb(27 35 36 / 59%); }
.carousel-caption {text-align: left; padding: 0px 20px; bottom: 0px;    left: unset; top: 36%;}
.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition: opacity 1.2s ease-in-out; /* Smooth and slow */
  transform: none; /* Prevent default slide motion */
}
.carousel-fade .carousel-inner .carousel-item.active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .carousel-inner .carousel-item-next,
.carousel-fade .carousel-inner .carousel-item-prev,
.carousel-fade .carousel-inner .carousel-item.active.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item.active.carousel-item-right {
  z-index: 0;
  opacity: 0;
}
.fixed-carousel {
  height: 700px;
  overflow: hidden;
}
.header-s2 .wpo-site-header .header-right .close-form .theme-btn, .header-s2 .wpo-site-header .header-right .close-form .view-cart-btn, .header-s3 .wpo-site-header .header-right .close-form .theme-btn, .header-s3 .wpo-site-header .header-right .close-form .view-cart-btn {font-family: "Lexend", sans-serif;}
.d-slide-none {display: none;}
.donation-from .addAmount-value { text-align: left; max-width: unset;}
.GetQuate-section .left-wrap p {    font-size: 20px;}
.project-card .content .icon {top: 30px;}
#google_translate_element img {
    display: none !important;
}
.case-details-area .form-section .item {
    width: 100%;
}
.case-details-area .form-section .item:nth-child(2) {margin-right: 0;}
.case-details-area .form-section .item:nth-child(3) {
    width: 50%;
}
.case-details-area .form-section .item:nth-child(4) {
    width: 50%;
}
.goog-te-gadget { font-family: "Nunito", sans-serif;}
#google_translate_element .skiptranslate  div{border-radius: 24px !important; padding: 4px 10px !important;}
#google_translate_element .skiptranslate  div span a { gap: 6px; display: flex; font-family: "Nunito", sans-serif;}
#google_translate_element {    padding: 0px 6px;}
.wpo-site-footer-s2 .newsletter {    padding: 35px 14px 35px 14px;}
.wpo-site-footer-s2 .wpo-lower-footer .row {    padding: 10px 0;}
.section-title h2, .section-title h2 span { font-size: 40px; line-height: 42px;}
.wpo-hero-slider-s2 { height: 582px; }
.causes-section-s2, .causes-section-s3 { margin-top: 0px; padding: 100px 0 300px 0px;}
.causes-section-s2 .causes-slider-s2, .causes-section-s3 .causes-slider-s2 {top: 48%;}
.office-info .office-info-item {padding: 20px;}
.cart-area .cart-wrap th {padding: 16px 0; height: auto;}
.cart-area .cart-wrap td {padding: 10px 20px;}
.cart-area .cart-wrap td, .cart-area .cart-wrap th { width: 5%;}
.cart-area .cart-wrap .action a {width: auto; height: auto; padding: 3px 12px; font-size: 14px;}
.vol-card .text {padding: 14px 0;}
.vol-card {margin-bottom: 10px;}
.vol-card .image img {border-radius: 14px;}
.wpo-site-footer .widget-title h3, .wpo-site-footer-s2 .widget-title h3, .wpo-site-footer-s3 .widget-title h3 {line-height: normal;}
.causes-section-s2 .causes-slider-s2 .owl-nav, .causes-section-s3 .causes-slider-s2 .owl-nav { bottom: -40px; left: -18%; top: auto;}
@media (max-width: 1399px) {
    .causes-card .text h2 a { font-size: 21px;}
    .causes-section-s2 {    height: 580px;}
    .wpo-site-footer .link-widget ul li a, .wpo-site-footer-s2 .link-widget ul li a, .wpo-site-footer-s3 .link-widget ul li a {    font-size: 14px;}
    .causes-section-s2 .causes-slider-s2 {top:0; margin-top: 0px; position: relative; transform: translateY(-100%);}
    .section-title h2, .section-title h2 span {font-size: 34px; line-height: 34px; }
    .section-title span {    font-size: 16px;}
    .causes-section-s2 .causes-slider-s2 .owl-nav button { width: 50px; height: 50px; line-height: 50px;}
    .wpo-site-footer-s2 .wpo-lower-footer .copyright {font-size: 14px;}
    .wpo-site-footer-s2 .link-widget ul li + li {    margin-top: 14px;}
    .wpo-site-header #navbar > ul > li > a {
        font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .about-section-s2 .right-content h3, .about-section-s3 .right-content h3, .about-section-s4 .right-content h3 {
      line-height: 25px;
  }
  .header-s2 .wpo-site-header #navbar > ul > li > a, .header-s3 .wpo-site-header #navbar > ul > li > a {
      padding: 24px 6px;
  }
  .wpo-site-header #navbar > ul > li > a {
        padding: 30px 10px;
        font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
    .wpo-site-header #navbar > ul > li .sub-menu a {  padding: 6px 14px;}
    .wpo-site-header #navbar > ul .sub-menu { padding: 10px 0;}
}
@media (max-width: 767px) {
    .wpo-hero-slider-s2 {
        height: 406px;
    }
    .causes-section-s2 .causes-slider-s2 {
        top: 0;
        margin-top: 0px;
        position: relative;
        transform: unset;
        right: 0;
    }
    .wpo-hero-slider-s2 {
        margin-top: -131px;
    }
    .causes-section-s2 {
        height: 100%;
        padding: 0px;
        margin-top: 0px;}
    .carousel-caption {right: 8%;padding: 0px 2px;left: 41%;}
    .wpo-hero-slider-s2 .slide-inner .slide-content {padding-left: 50px;}
    .wpo-hero-slider .slide-title span, .static-hero .slide-title span, .wpo-hero-slider-s2 .slide-title span {    font-size: 11px;}
    .wpo-hero-slider .slide-sub-title h1, .static-hero .slide-sub-title h1, .wpo-hero-slider-s2 .slide-sub-title h1 {font-size: 17px; line-height: 21px;}
    .wpo-hero-slider .slide-sub-title h1, .static-hero .slide-sub-title h1, .wpo-hero-slider-s2 .slide-sub-title h1 {margin-top: 0px; margin-bottom: 12px;}
    .wpo-hero-slider .slide-btns .theme-btn, .wpo-hero-slider .slide-btns .view-cart-btn, .static-hero .slide-btns .theme-btn, .static-hero .slide-btns .view-cart-btn, .wpo-hero-slider-s2 .slide-btns .theme-btn, .wpo-hero-slider-s2 .slide-btns .view-cart-btn { font-size: 12px; padding: 6px 18px;}
    .wpo-hero-slider .call .icon, .static-hero .call .icon, .wpo-hero-slider-s2 .call .icon {width: 32px; height: 32px; line-height: 34px; margin-right: 8px;}
    .wpo-hero-slider .call .text h3, .static-hero .call .text h3, .wpo-hero-slider-s2 .call .text h3 {    font-size: 12px; margin-bottom: 0px;}
    .wpo-hero-slider .call .text span, .static-hero .call .text span, .wpo-hero-slider-s2 .call .text span {    font-size: 15px;}
    .wpo-hero-slider .call, .static-hero .call, .wpo-hero-slider-s2 .call {  margin-top: 0px;}
    .wpo-hero-slider .slide-sub-title, .static-hero .slide-sub-title, .wpo-hero-slider-s2 .slide-sub-title {margin-top: 0px;margin-bottom: 12px;}
    .section-padding { padding: 46px 0;}
    .donation-from .addAmount-value {    max-width: unset;}
    .m-slide-none {display: none;}
    .d-slide-none {display: block;}
    .m-none, .contact-info {display:none;}
    .topbar .contact-into {    justify-content: space-between !important; padding:10px 0;}
    .header-s2 .wpo-site-header #navbar > ul > li > a, .header-s3 .wpo-site-header #navbar > ul > li > a {    padding: 8px 14px;}
    .wpo-site-header .menu-close { margin-top: 20px; margin-right: 30px; margin-bottom: 10px;}
    .wpo-site-footer-s2 .newsletter .terms label, .wpo-site-header #navbar > ul > li .sub-menu a { font-size: 12px; font-weight: 300;}
    .breadcumb-area .breadcumb-wrap h3 {font-size: 36px;  line-height: 38px;}
}

/* 3-7-25 */
.wpo-site-header .header-right .close-form .theme-btn{padding: 10px 24px !important;}