@import url('./assets//fonts/american/stylesheet.css');
@import url('./assets//fonts/gellix/stylesheet.css'); 


.container{
    max-width: 1400px !important;
}

section.annousment-bar {
    background: #FFF7F0 !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

.annousment-bar-main.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.phone-inn {
    display: flex;
    align-items: center;
    gap: 15px;
}

.phone-inn p {
    margin: 0;
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    color: #000000;
}
.email-inn {
    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
}
nav.navbar .collapse.navbar-collapse {
    gap: 67px;
    margin:0 auto;
    justify-content: center;
}
.search-bar {
    position: fixed;
    background: #fff;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 100vh;
}
span.close-btn {
    font-size: 33px;
    position: absolute;
    right: 64px;
    top: 47px;
    cursor:pointer;
}
.search-bar form {
    width: 600px;
    margin: 0 auto;
}

.search-bar form input[type="text"] {
    width: 100%;
    height: 52px;
    padding-left: 12px;
    font-family: 'Gellix';
    letter-spacing: 0;
    color: #000;
}
.search-bar h2.search-title {
    text-align: center;
    font-weight: 500;
    font-family: 'Americana XBdCn BT';
    padding-top: 12rem;
}
.annousment-bar-social {
    display: flex;
    gap: 28px;
    align-items: center;
}

.email-inn a {
    margin: 0;
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    color: #000000;
    text-decoration: none;
    position: relative;
    top: -1px;
}

.button-header {
    display: flex;
    align-items: center;
    gap: 4px;
}
.input-button {
    display: flex;
    align-items: center;
    position: relative;
}

.input-button button.btn.btn-outline-success {
    position: absolute;
    right: 4px;
    border: 0;
    background: transparent !important;
}

.button-header a button.button-donate {
    background: #8CC540;
    width: 208px;
    height: 55px;
    border: 0;
    border-radius: 36px;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
     transition: 0.3s;
}
ul.navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 33px;
}
.my-account.mobile-view-acc {
    display: none !important;
}
.navbar-menu.container {
    display: flex;
    justify-content: center;
}

ul.navbar-nav a.nav-link {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}

.dropdown-toggle::after {
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 0 !important;
    border-left: 0px !important;
    background-image: url(./assets/img/arrow.png);
    width: 14px;
    height: 20px;
    background-repeat: no-repeat;
    top: 16px;
    position: relative;
    right: 3px;
}
nav.navbar.navbar-expand-lg {
    border-bottom: 1px solid #E2E2E2;
}
.button-header a button.button-donate:hover {
    background: #F58620 !important;
    transition: 0.3s;
}
input.header-search {
    width: 467px;
    border: 1px solid #F58620;
    height: 55px;
    padding-left: 19px;
    border-radius: 39px;
    font-family: Gellix;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    color: #000;
}


/*   .carousel-inner {
      height: 100vh;
    }*/

    .carousel-item {
      position: relative;
      background-size: cover;
      background-position: center;
      color: white;
    }

.carousel-caption {
    position: absolute;
    top: 39%;
    left: 6%;
    text-align: left;
    transform: translateY(-39%);
}
    section.banner-section h1 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 60px;
    line-height: 66px;
    letter-spacing: 0px;
}

  .carousel-caption p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0px;
    width: 527px;
}
    .carousel-caption .btn {
      margin-top: 1.5rem;
      background-color: #f26522;
      border: none;
      padding: 0.6rem 1.5rem;
      font-weight: bold;
    }

.carousel-caption {
    position: absolute;
    top: 35%;
    left: 6%;
    text-align: left;
    transform: translateY(-35%);
}
    .custom-indicators button {
      background: none;
      border: none;
      color: white;
      font-weight: bold;
      opacity: 0.6;
      font-size: 1rem;
    }

    .custom-indicators .active {
      opacity: 1;
      border-bottom: 2px solid white;
    }

.carousel-control-next-icon {
    background-color: #F58620 !important;
    padding: 1rem;
    border-radius: 50%;
}

 .carousel-control-prev-icon {
     background-color: #8CC540 !important;
    padding: 1rem;
    border-radius: 50%;
 }

    section.banner-section img {
    width: 100%;
}

button.carousel-control-prev {
    position: absolute;
    right: 60px;
    width: 66px;
    justify-content: end;
    bottom: 0px;
    align-items: end;
    opacity: 1;
    left: inherit !important;
}
button.carousel-control-next {
    align-items: end;
    position: absolute;
    bottom: 0px;
    opacity: 1;
    justify-content: end;
    right: 1px;
}

span.carousel-control-prev-icon {width: 60px;height: 60px;border-radius: 0px;background-size: 67%;background-position: center !important;}


span.carousel-control-next-icon {
    width: 60px;
    height: 60px;
    border-radius: 0px;
    background-size: 67%;
    background-position: center !important;
}
.banner-three-img {
    display: flex;
    gap: 21px;
    margin-top: 58px;
}

.banner-three-img img {
    width: auto !important;
}

a.donate-btn {
    width: 208px;
    height: 55px;
    border-radius: 45px;
    background: #F58620;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 39px;
}
a button.button-join:hover {
    background: #8CC540 !IMPORTANT;
    transition: 0.3s;
}
section.Current-project h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0%;
    color: #2A2B28;
}
a button.donate-btn {
    width: 208px;
    height: 55px;
    border-radius: 45px;
    background: #F58620;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    border: 0;
}
section.foooter-section .container {
    position: relative;
    z-index: 999999 !important;
}
.Udheya p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #2A2B28;
    text-align: right;
}
.table-year table {
    width: 50%;
}
.table-year table th {
    font-family: Americana XBdCn BT;
    font-weight: 400 !important;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #2A2B28;
}

.table-year table td {
    color: #2A2B28;
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}
section.Current-project button.donate-btn {
    margin-top: 35px !important;
}
section.banner-blog-section .aboutus-text2.col-md-5 h2 {
    position: relative !important;
}
.aboutus-text2.col-md-5 {
    position: absolute;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
}
section.Current-project h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 31px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #2A2B28;
    margin-top: 0px;
}
.left-side-project p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}
.Project-main {
    display: flex;
    background: #FAF4EE;
    border-radius: 30px;
    padding: 52px;
    gap: 118px;
    margin-bottom: 57px;
}
.left-side-project {
    width: 43%;
}
.right-side-project {
    width: 51% !important;
}
.right-innr {
    display: flex;
    margin-bottom: 24px;
}

.right-side-project h4 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 33px;
    letter-spacing: 0px;
    color: #2A2B28 !important;
    margin-top: 28px;
}
a button.donate-btn:hover {
    background: #8CC540 !important;
    transition: 0.3s;
}
.country-image img {
    width: 100%;
}
.country-image {
    display: flex;
    padding-bottom: 4rem;
}
img.country-img {
    position: relative;
    top: 93px;
}
table, th, td {
    border: 1px solid #999999;
    padding: 6px;
}

.table-year {
    display: flex;
    gap: 8px;
}
.carousel-indicators [data-bs-target] {
    font-size: 16px;
    color: #fff;
    text-indent: 0;
    border: 0;
    width: 0px;
    margin: 16px;
    position: relative;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.carousel-indicators button.active::after {
    border-bottom: 2px solid #fff !important;
    width: 106px !important;
    height: 2px !important;
    position: absolute;
    content: "";
    top: 18px;
    right: -128px;
}
.carousel-indicators {
    bottom: 17px !important;
}

.carousel-indicators button.active {
    margin-right: 117px !important;
    position: relative;
}


.main-boxes {
    display: flex;
    gap: 31px;
    margin-top: 15px;
     margin-bottom: 59px;
}

.main-boxes .first-box img {
    display: flex;
    margin: 0 auto;
    margin-bottom: 19px;
}
.main-join img {
    width: 100%;
}
.main-join {
    display: flex;
}
.first-box h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 28px;
    line-height: 32.8px;
    letter-spacing: 0px;
    text-align: center;
    width: 227px;
    margin: 0 auto;
    margin-bottom: 11px;
}

.main-boxes .first-box:nth-child(2) h3 {
    width: 100%;
}
.join-text.first-joi-text {
    bottom: 79px;
}
.main-boxes .first-box p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #000;
}

.main-boxes .first-box {
    border: 1px solid #8CC540;
    border-radius: 30px;
    padding: 35px;
    width: 30%;
}

.first-join {
    position: relative;
}

.join-text {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.join-text span {
    font-family: Gellix;
    font-size: 38px;
    line-height: 66px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.join-text h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.first-join h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 34px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #fff;
    text-align: center;
    margin-top: 12px;
}

section.Join-HAF-section h1 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 40px;
    line-height: 66px;
    letter-spacing: 0px;
    text-align: center;
    color: #2A2B28;
}
.carousel-item img {
    position: relative;
    right: 1px;
}
a button.button-join {
    width: 208px;
    height: 55px;
    background: #F58620;
    border: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45px;
    text-decoration: none !important;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
}

section.Join-HAF-section {
    padding-bottom: 64px;
}
a{
    text-decoration: none;
}
.first-grid img.image.wp-image-1117.attachment-full.size-full {
    width: 123px !IMPORTANT;
}
.join-text p {
    font-family: Gellix;
    font-weight: 500;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    padding: 0px 41px !important;
}

.main-project-slider {
   /* overflow: hidden !important;*/
    padding-left: 98px;
}

.slick-prev:before {
    content: '' !important;
}

.slick-next:before {
    content: '' !important;
}
section.Welfare-Projects {
    overflow: hidden;
}
section.Welfare-Projects button.slick-prev.slick-arrow {
    background: #F58620 !important;
    position: absolute;
    right: 154px !important;
    width: 72px;
    height: 72px;
    left: inherit;
    z-index: 9;
    border-radius: 100%;
    top: -74px;
}
section.Welfare-Projects button.slick-arrow:hover {
    background: #8CC540 !important;
    transition: 0.3s;
}

section.Welfare-Projects button.slick-next.slick-arrow {
    background: #F58620;
    position: absolute;
    right: 66px !important;
    width: 72px;
    height: 72px;
    left: inherit;
    z-index: 9;
    border-radius: 100%;
    top: -75px;
}
section.background-sec img {
    width: 100%;
}

section.history-section img {
    width: 100%;
}
.first-walfare img {
    border-radius: 30px;
    width: 100%;
    object-fit: cover !important;
    height:auto !important;
    height:430px !important;
        object-position: top;
}
.impact-item img {
    width: 77px !important;
    height: 77px !important;
}
.main-project-slider .slick-slide {
    margin-right: 29px;
}

.main-project-slider .slick-list.draggable {
    padding-left: 0% !important;
}

section.Welfare-Projects h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-align: center;
    color: #000;
    margin-bottom: 42px;
    margin-top: 21px;
}


.text-walfare h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 25.79px;
    letter-spacing: 0px;
    color: #fff;
}

.first-walfare {
    position: relative;
}

.text-walfare {
    position: absolute;
    bottom: 25px;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    padding: 0px 32px;
}

.testimonail-inner {
    background: #fff;
    border-radius: 16px;
    margin: 19px;
    padding: 22px 33px 16px 33px;
    height: 243px;
    position: relative;
}
img.top-img {
    margin-top: -188px;
}

img.top-img-sec {
    margin-top: 10px;
}
.testimonail-inner::after {
    position: absolute;
    content: "";
    background-image: url(https://harariamanafoundation.suffescom.dev/wp-content/uploads/2025/07/Group-2.png);
    width: 37px;
    height: 27px;
    top: 25px;
    z-index: 1;
    right: 29px;
}

.main-gallery {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.star-img {
    display: flex;
    gap: 2px;
}
.test-inn {
    display: flex;
    gap: 20px;
    align-items: center;
}

section.testimonail-section {
    background: #FAF4EE;
    margin-top: 62px;
    padding-top: 51px;
    padding-bottom: 40px;
}
.main-test h4 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 8px;
    margin-bottom: 9px;
}
#user-registration.vertical .user-registration-MyAccount-content__body p a, #user-registration.horizontal .user-registration-MyAccount-content__body p a {
    color: #8cc540 !important;
}
form.user-registration-EditAccountForm.edit-password input.user-registration-Button.button {
    background: #f58620 !important;
    border: 0 !important;
    font-family: 'Gellix' !important;
}
div#user-registration {
    max-width: 693px !important;
}
nav.user-registration-MyAccount-navigation a {
    font-family: 'Gellix' !important;
    font-weight: 500 !important;
    color: #000 !important;
}
.user-registration-MyAccount-content__body {
    font-family: 'Gellix' !important;
    font-weight: 500 !important;
    color: #000 !important;
}
#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    background: #f58620 !important;
    color: #fff !important;
    font-family: 'Gellix' !IMPORTANT;
    font-weight: 500 !important;
    border-bottom: 2px solid #8cc540;
}
div#user-registration-form-778 .ur-button-container {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
/*section.single-blog img {
    width: 50% !important;
}*/
form.user-registration-ResetPassword.ur_lost_reset_password p.user-registration-form-row.form-row {
    display: flex;
}
body.user-registration-page input.user-registration-Button.button.ur-reset-password-btn:hover {
    background: #8cc540 !important;
}
div#user-registration a:hover {
    color: #f58620 !important;
}
button.user-registration-Button.button:hover {
    background: #8cc540 !important;
}
div#user-registration a {
    text-decoration: underline;
}
.blog-cont a {
    color: #000;
}
.testimonail-inner p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
    font-style: italic !important;
}
section.testimonail-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 2rem;
}

section.testimonail-section  button.slick-prev.slick-arrow {
    background: #F58620;
    position: absolute;
    width: 72px;
    height: 72px;
    left: -80px;
    z-index: 9;
    border-radius: 100%;
    top: 50%;
}

section.testimonail-section  button.slick-next.slick-arrow {
    background: #F58620;
    position: absolute;
    right: -79px;
    width: 72px;
    height: 72px;
    left: inherit;
    z-index: 9;
    border-radius: 100%;
    top: 50%;
}

section.testimonail-section button.slick-arrow:hover {
    background: #8CC540;
    transition: 0.3s;
}

section.gallery-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0%;
    text-align: center;
    color: #2A2B28;
    margin-top: 49px;
    margin-bottom: 42px;
}

section.gallery-section {
    padding-bottom: 52px;
}

section.blog-section {
    background: #FAF4EE;
    padding-top: 46px;
    padding-bottom: 47px;
}
a button.view-btn:hover {
    background: #8CC540 !important;
    transition: 0.3s;
}
.main-blog-inner {
    display: flex;
    gap: 23px;
}
.main-blog {
    border: 1px solid #999999;
    border-radius: 20px;
    background:#fff;
}

.blog-cont {
    background: #fff;
    border-radius: 0px 0px 20px 20px;
    padding: 17px 22px 27px 17px;
}

.blog-cont span {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}

.blog-cont h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 25.79px;
    letter-spacing: 0px;
    margin-top: 6px;
    margin-bottom: 11px;
    height: 48px;
}
section.foooter-section .tnp-field label {
    display: none !important;
}

.blog-cont p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-cont a button {
    background: transparent;
    border: 0;
    padding: 0;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 20.82px;
    letter-spacing: 0%;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
}
section.blog-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-align: center;
    color: #2A2B28;
    margin-bottom: 38px;
}

a button.view-btn {
    background: #F58620;
    border: 0;
    width: 208px;
    height: 55px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    ALIGN-ITEMS: CENTER;
    border-radius: 46px;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
    margin-top: 48px;
}


section.foooter-section {
    background: #000000;
    padding-top: 49px;
    padding-bottom: 7px;
}

section.foooter-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}
.main-join-inn {
    width: 50%;
}

.footer-input input::placeholder {
    color: #CFCFCF;
}
.copy-right p {
    text-align: center;
}
.footer-input input {
    background: transparent;
    border: 1px solid #999999;
    height: 70px;
    width: 100%;
    padding-left: 24px;
    border-radius: 49px;
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #CFCFCF;
}

.footer-line {
    border-bottom: 1px solid #999999;
    margin-top: 52px;
    margin-bottom: 49px;
}
button.Subscribe-btn {
    background: #F58620;
    width: 221px;
    height: 70px;
    position: absolute;
    right: 0px;
    border-radius: 48px;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
}
.footer-input {
    display: flex;
    width: 600px;
    margin: 0 auto;
    margin-top: 36px;
    position: relative;
}

button.Subscribe-btn:hover {
    background: #8CC540 !important;
    transition: 0.3s;
}

.first-grid p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #fff;
    margin: 0 !important;
}

.first-grid img {
    margin-bottom: 22px;
}

section.foooter-section h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #fff;
    /* margin-top: 39px; */
    margin-bottom: 18px;
    text-transform: uppercase;
    width: 100%;
}
.first-grid h3 {
    margin-top: 46px;
}
.fisrt-link {
    display: flex;
    align-items: center;
    gap: 12px;
}

.email-link {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 24px;
    margin-top: 21px;
}

.phone-link {
    display: flex;
    gap: 13px;
    align-items: center;
}
.footer-social-icon {
    display: flex;
    gap: 26px;
}

section.foooter-section a {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
}

section.foooter-section p {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
     line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
}
.first-grid {
    padding-right: 62px;
}
.left-side {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #999999;
    padding: 21px 19px 19px 19px;
    gap: 15px;
    flex-shrink: 0 !IMPORTANT;
    width: 50%;
    flex-wrap: wrap;
}
.third-grid {
    padding-left: 3rem;
}
a.dropdown-item {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.82px;
    letter-spacing: 0px;
    color: #000;
}
section.foooter-section li a:hover {
    color: #8CC540 !important;
    transition: 0.3s;
}
a.nav-link:hover {
    color: #8CC540 !important;
    transition: 0.3s;
}
.left-inner {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-top: -14px;
}
.copy-right {
    border-top: 1px solid #999999;
    padding-top: 20px !important;
}
.left-side svg {
    flex-shrink: 0;
}
.HAF-Canada {
    display: flex;
    margin-top: 39px;
}

.left-side:nth-child(1) {
    border-right: 1px solid #999999;
    padding-left: 0px;
}
.sec-grid ul li {
    margin-bottom: 13px;
}
.sec-grid ul {
    padding: 0;
    list-style: none;
}
section.foooter-section li a {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #fff;
}
a.donate-btn:hover {
    background: #8cc540 !important;
    transition: 0.3s;
}
.progress-bar-wrapper {
    width: 461px;
    background-color: #fdf7f3;
}

.progress-bar {
    width: 100%;
    height: 40px;
    background-color: #e9e5df;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    margin-top: 47px;
}
span.progress-text {
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.progress-fill {
  height: 100%;
  background-color: #8dc63f; /* Green color */
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: white;
  font-weight: bold;
  font-size: 14px;
  transition: width 0.4s ease;
}

.progress-text {
  position: relative;
  z-index: 1;
}


/*Blog page css*/

section.banner-blog-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 60px;
    line-height: 66px;
    letter-spacing: 0px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*color: #fff;*/
    /*transform: translateY(-50%);*/
}

section.banner-blog-section .aboutus-text1.col-md-5 p {
    font-family: 'Gellix';
    letter-spacing: 0;
    font-size: 18px;
}
section.banner-blog-section .aboutus-text1.col-md-5 {
    position: absolute;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
}

section.banner-blog-section img {
    width: 100%;
}
section.banner-blog-section {
    position: relative;
}

.main-blog-inner.second-row {
    margin-top: 36px;
}
body.blog-page .main-blog-inner {
    display: flex;
    gap: 28px;
}
body.blog-page  section.blog-section {
    background: #FAF4EE;
    padding-top: 56px;
    padding-bottom: 61px;
}
/*Blog page css*/

.aboutus-text.col-md-5 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.aboutus-text.col-md-5 h1 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 60px;
    line-height: 66px;
    letter-spacing: 0px;
    color: #fff;
}

.aboutus-text p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 14px;
    width: 500px;
}
section.Amana-Foundation {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

section.Amana-Foundation img {
    width: 100%;
}

section.Amana-Foundation .col-md-6.col-lg-6.col-sm-12.about-right {
    background: #FAF4EE;
    padding: 78px !important;
    display: flex;
    align-items: center;
    border-radius: 0px 20px 20px 0px;
}

.aboutus-found h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: capitalize;
    color: #2A2B28;
    margin-bottom: 20px;
}
section.story-section .row {
    align-items: center;
}
section.story-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #000000;
}
.col-lg-6.col-md-6.co-sm-12.story-right {
    padding-right: 54px;
}
.col-lg-6.col-md-6.co-sm-12.our-mision {
    padding-left: 4rem;
}
section.story-section.mission-sec {
    padding-top: 4rem;
    padding-bottom: 4rem !important;
}
section.story-section p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}
.aboutus-found p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 27px;
}
section.Amana-Foundation .col-md-6.col-lg-6.col-sm-12 {
    padding: 0;
}

section.background-sec .back-text.col-md-10 {
    position: absolute;
    top: 52%;
    transform: translateY(-48%);
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 900px;
}
section.background-sec {
    position: relative;
}
.back-text.col-md-10 h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    margin-bottom: 21px;
}
.back-text p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
}
section.history-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
section.history-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #000000;
}
section.history-section ul {
    padding-left: 16px;
}
section.history-section ul li {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}

.tnp-field label {display: none;}

.col-lg-6.col-md-6.co-sm-12.our-history {
    padding-right: 4rem;
}
section.history-section .row {
    align-items: center;
}
section.focus-section img {
    width: 100%;
}
section.focus-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #000;
}
.col-lg-6.col-md-6.co-sm-12.our-focus {
    display: flex;
    align-items: center;
    padding: 0;
}
.focus-inner li {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #000;
    margin-bottom: 11px;
}
section.focus-section .col-lg-6.col-md-6.co-sm-12 {
    padding: 0;
}
.focus-inner {
    background: #FAF4EE;
    padding: 45px 52px 38px 61px;
    border-radius: 20px;
    margin-left: -77px;
}
section.focus-section {
    padding-bottom: 4rem;
}
.focus-inner ul {
    padding-left: 18px;
}
.col-lg-5.col-md-5.co-sm-12.our-focus {
    display: flex;
    align-items: center;
}
section.history-section p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}
section.contact-information .container {
    display: flex;
}

section.contact-information .left-contact {
    width: 50%;
}

section.contact-information .right-contact {
    width: 50%;
    padding-left: 4rem;
    padding-top: 48px;
    padding-bottom: 5rem;
}

section.contact-information h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}
button.submit-btn {
    width: 208px;
    height: 55px;
    background: #F58620;
    border: 0;
    border-radius: 39px;
    color: #fff;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 19px;
}

button.submit-btn:hover {
    background: #000;
    transition: 0.3s;
}
section.contact-information p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0px;
    color: #000;
}

.left-contact {
    background: #FAF4EE;
}

section.contact-information {
    position: relative;
}

section.contact-information::after {
    position: absolute;
    content: "";
    background: #faf4ee;
    width: 50%;
    height: 100%;
    left: 0;
    z-index: -1;
    top: 0px;
}
.leeft-cont p {
    margin: 0 !important;
}
.address.last-add {
    align-items: center !important;
}
.address {
    display: flex;
    gap: 13px;
    margin-bottom: 5px;
    align-items: flex-start !important;
}

.address h4 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin: 0;
    color: #000;
}

.address-inner p a {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000;
}
.HAF-Canada-contact {
    display: flex;
    gap: 46px;
    margin-top: 0px;
    padding-left: 4rem;
    margin-bottom: 42px;
}
.address:nth-child(3) {
    margin-top: 27px !important;
}
.input-inner p {
    margin-bottom: 5px;
    margin-top: 12px;
}
.HAF-Canada-contact h4 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #000;
}

.leeft-cont {
    width: 37%;
}

.contact-input {
    display: flex;
    gap: 15px;
}
.phone-link p {
    margin: 0 !important;
}
.contact-input input {
    width: 100% !important;
    background: #F2F2F2;
    height: 60px;
    border: 0;
    padding-left: 14px;
    border-radius: 8px;
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;

}

textarea.text-area {
    width: 100% !important;
    background: #F2F2F2;
    height: 106px;
    border: 0;
    padding-left: 14px;
    border-radius: 8px;
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    padding-top: 15px;
}

.address:nth-child(6) {
    display: flex;
    align-items: center;
}
.input-inner {
    width: 100%;
}
.HAF-Canada-contact h4 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #000;
}
.left-cont-inner {
    padding-top: 3rem;
    padding-bottom: 4rem;
}
/*Contact page css*/



/*testimonial page css*/

section.testimonial-section {
    background: #FAF4EE;
    padding-top: 33px;
    padding-bottom: 33px;
}
section.testimonial-section .col-lg-6.col-md-6.col-sm-12 {
    padding: 0;
}

button.submit-button {
    width: 225px;
    height: 50px;
    border: 0;
    background: #F58620;
    border-radius: 31px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Gellix';
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 34px;
    margin-bottom: 2rem;
}
/*testimonial page css*/
.tab-content img {
    width: 100%;
}

section.tabs-section ul.nav.nav-tabs {
    justify-content: center;
    gap: 40px;
}

section.tabs-section ul.nav.nav-tabs button.nav-link {
    font-family: Gellix;
    font-weight: 700;
    font-size: 18px;
    line-height: 45px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #000;
    padding-bottom: 17px;
    background: #faf4ee;
}
section.tabs-section .col-md-7 {
    padding-left: 4rem;
}
section.HAF-Canada-Team h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 38px;
    letter-spacing: 0px;
    color: #000000;
    margin: 0 !important;
}
section.HAF-Canada-Team p {
    font-family: Gellix;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 7px;
}

section.HAF-Canada-Team {
    padding-bottom: 4rem;
}



section.HAF-Canada-Team span {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #565656;
}
.tab-content {
    padding-top: 40px;
}
section.tabs-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #000000;
}
section.tabs-section p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}
section.tabs-section p strong {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 33px;
    letter-spacing: 0px;
    color: #000000;
}
.nav-tabs .nav-link {
    border: 0 !important;
    padding: 5px 38px 5px;
}
section.tabs-section button.nav-link.active {
    color: #F58620 !important;
    border: 0;
    border-bottom: 3px solid #F58620 !important;
}
section.tabs-section.py-5 {
    background: #FAF4EE;
    padding-top: 26px !important;
}
section.HAF-Canada-Team h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
}
section.HAF-Canada-Team h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    margin-top: 47px;
    margin-bottom: 47px;
}
/*Team page css*/


/*Single blog page css*/

section.single-blog time {
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #000;
}
section.single-blog p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}
section.banner-blog-section h2 {
    width: 533px;
}
section.single-blog h4 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 25.79px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 33px;
}
section.single-blog p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
    margin-top: 20px;
}
section.single-blog {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.single-blog-images img {
    width: 100%;
}
.share-text {
    display: flex;
    gap: 13px;
    align-items: center;
    margin-top: 54px;
    padding-top: 19px;
    border-top: 1px solid #0000002e;
    border-bottom: 1px solid #0000002e;
    padding-bottom: 18px;
}

.share-btn {
    display: flex;
    justify-content: space-between;
    margin-top: 33px;
}
.share-text h5 {
    font-family: Gellix;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #000;
}
.share-btn button.donate-btn {
    gap: 22px;
}
.blog-share-icon {
    display: flex;
    gap: 11px;
}
.single-blog-images {
    display: flex;
    flex-wrap: wrap; /* Allows the images to wrap to the next line */
    gap: 18px;
    margin-bottom: 12px;
}

.single-blog-images img {
    width: calc(33.33% - 12px) !important; /* 3 images in a row, minus gap */
}

/*Single blog page css*/


/*FAQ section css*/
section.faq-section {
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.faq-title {
    font-family: Americana XBdCn BT;
    font-weight: 400 !important;
    font-size: 50px !important;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #2A2B28;
    margin-bottom: 6px !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: unset !important;
}
section.faq-section button.accordion-button {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #000 !IMPORTANT;
    background: transparent !important;
    padding-top: 25px;
    padding-bottom: 27px !important;
    border-top: 1px solid #000000;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border: 0 !IMPORTANT;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom: 1px solid #000;
    border-radius: 0px !IMPORTANT;
}
.accordion-item:last-of-type>.accordion-collapse {
    border-bottom: 1px solid #000;
    border-radius: 0px !IMPORTANT;
}
.accordion-body {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
    padding-top: 0px !IMPORTANT;
}
.accordion-item [aria-expanded="true"] {
    padding-bottom: 16px !important;
}
.accordion-button:focus {
    box-shadow: unset !important;
}
.accordion-button:not(.collapsed) {
    box-shadow: unset !important;
}
    .accordion-button::after {
      content: '+';
      font-size: 1.2rem;
      font-weight: bold;
      background-image: none;
      transform: none;
    }
    .accordion-button.collapsed::after {
    content: '' !IMPORTANT;
    background-image: url(https://harariamanafoundation.suffescom.dev/wp-content/uploads/2025/06/Group-130.png);
    width: 30px;
    height: 30px;
    top: 0px;
    position: absolute;
    right: 11px;
    top: 24px;
}
   .accordion-button:not(.collapsed)::after {
    content: '' !important;
    position: absolute;
    border-bottom: 2px solid #000;
    height: 2px;
    width: 26px;
    right: 19px;
}
    .accordion-button {
      background: transparent;
      font-weight: 600;
      padding-left: 0;
    }
    .accordion-item {
      border: none;
      border-bottom: 1px solid #ddd;
      background-color: transparent;
    }
    .accordion-body {
      padding-left: 0;
    }
    .faq-text {
      font-size: 0.9rem;
      color: #555;
    }
    .faq-img {
      width: 100%;
      max-width: 633px;
      height: auto;
      object-fit: cover;
    }

 section.faq-section img {
    width: 100%;
    height: 808px;
    object-fit: cover;
    border-radius: 30px 0px 0px 30px;
}
section.faq-section .col-md-6 {
    padding: 0;
    margin: 0;
}

section.faq-section .row {
    background: #FAF4EE;
    border-radius: 20px;
}

.col-md-6.faq-section {
    padding-left: 3rem !important;
    padding-top: 3rem !important;
    padding-right: 3rem !important;
    width: 56%;
}

.col-md-6.Faq-image {
    WIDTH: 44%;
}

/*FAQ section css*/

section.foooter-section input {
    width: 100% !important;
    background: transparent !important;
    border: 1px solid #999999 !important;
    height: 70px;
    padding-left: 24px !important;
    border-radius: 49px;
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 100%;
    letter-spacing: 0px;
    color: #CFCFCF !important;
}

section.foooter-section input {
    width: 100% !important;
    background: transparent !important;
    border: 1px solid #999999 !important;
    height: 70px;
    padding-left: 24px !important;
    border-radius: 49px;
    font-family: Gellix;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 100%;
    letter-spacing: 0px;
    color: #CFCFCF !important;
}

section.foooter-section .tnp-field input[type="submit"] {
    top: 0px;
    background: #F58620 !important;
    width: 221px !important;
    height: 72px;
    position: absolute;
    right: -2px;
    border-radius: 48px;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 36.82px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff !important;
}
section.contact-information .right-contact input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #F58620;
    width: 208px;
    height: 60px;
    border-radius: 48px;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    margin-top: 20px;
}
section.foooter-section .tnp.tnp-subscription {
    position: relative;
    max-width: 663px;
}
body.body-no-scroll {
    overflow: hidden !important;
}

article#post-413 {
    max-width: 1400px !important;
    margin: 0 auto;
    padding-top: 25px !important;
    padding-bottom: 45px !important;
    color: #000 !important;
    padding: 37px 22px !important;
}

article#post-413 a {
    color: #000;
    font-family: 'Gellix';
}

section.HAF-Canada-Team img {
    width: 100% !important;
    margin-bottom: 13px;
}

ul.navbar-nav [aria-current="page"] {
    color: #f58620 !important;
}
.impact-section {
    text-align: center;
    max-width: 1400px !important;
    margin: 0 auto;
}
.impact-item {
    flex: 1 1 193px !important;
    margin: 11px !important;
}
.entry-content {
    border: solid 0px grey !important;
}

header.header-main.container img {
    width: 200px !important;
}
@media(min-width:1500px) and (max-width:1700px){
section.testimonail-section  button.slick-next.slick-arrow {
    right: -49px;
    width: 60px;
    height: 60px;
}
section.testimonail-section  button.slick-prev.slick-arrow {
    width: 60px;
    height: 60px;
    left: -49px;
}

}

@media(max-width:1500px){
    ul.navbar-nav {
    gap: 10px !important;
}
    .gallery-item:nth-child(4) img {
    top: -100px !important;
}
.gallery-item:nth-child(6) img {
    top: -100px !important;
}
 .container {
    max-width: 1371px !important;
}
.main-blog img {
    width: 100%;
}
section.testimonail-section  button.slick-prev.slick-arrow {
    width: 60px;
    height: 60px;
    left: -25px;
}
section.testimonail-section  button.slick-next.slick-arrow {
    right: -37px;
    width: 60px;
    height: 60px;
}
.carousel-caption {
    left: 4% !important;
}
.banner-three-img {
    margin-top: 25px !important;
}   
}


@media(max-width:767px){
    .donation-form-dropdown {
    width: 100% !important;
    margin: 0 auto;
}
    section.gallery-section {
    padding-top: 0rem !important;
}
section.testimonail-section {
    margin-top: 6px;
    padding-top: 20px;
    padding-bottom: 25px;
}
    ul.navbar-nav.mega-menu {
    padding-top: 46px;
}
    nav.navbar.navbar-expand-lg {
    padding: 0 !important;
}
body .join-text.first-joi-text {
    bottom: 0px !important;
}
    .main-class article img {
    width: 100%;
    height: auto !important;
}
.main-class article img {
    height: auto !important;
}
body.search header.entry-header a {
    margin-bottom: 16px !important;
    font-size: 21px !important;
}
body.search header.page-header h1 {
    margin-bottom: 16px;
    font-size: 23px !important;
}
    .main-class article {
    width: 100% !important;
}
    .impact-item {
    flex: 1 1 147px !important;
    margin: 6px !important;
}
.impact-label {
    font-size: 12px;
}
    section.HAF-Canada-Team .col-md-4.col-xl-4.col-lg-4.col-sm-12 {
    margin-bottom: 20px;
}
    section.HAF-Canada-Team h2 {
    font-size: 34px;
    line-height: 47px;
    margin-top: 30px;
    margin-bottom: 23px;
}
section.HAF-Canada-Team span {
    font-size: 14px;
    line-height: 26px;
}
section.HAF-Canada-Team p {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 2px;
}
section.HAF-Canada-Team h3 {
    font-size: 22px;
    line-height: 34px;
}
    section.tabs-section .col-md-7 {
    padding-left: 1rem;
    padding-top: 2rem;
}
section.tabs-section p {
    font-size: 14px;
    line-height: 22px;
}
section.tabs-section p strong {
    font-size: 20px;
    line-height: 26px;
}
section.tabs-section h2 {
    font-size: 30px;
    line-height: 27px;
}
    section.tabs-section ul.nav.nav-tabs {
    gap: 3px !important;
}
section.tabs-section ul.nav.nav-tabs button.nav-link {
    font-size: 18px;
    line-height: 38px;
    padding-bottom: 0px;
}
    body.page-template-team .aboutus-text.col-md-5 {
    position: relative;
    top: 0PX;
    transform: translateY(0%);
    padding: 26px 16px;
}
    div#user-registration {
    max-width: 100% !IMPORTANT;
}
#user-registration p a {
    font-size: 14px !important;
}
div#user-registration {
    margin-top: 0px !IMPORTANT;
    margin-bottom: 2px !IMPORTANT;
    padding: 10px !IMPORTANT;
}
span.user-registration-login-title {
    font-size: 33px !important;
    line-height: 30px !IMPORTANT;
    margin-bottom: 17px !important;
}
.ur-frontend-form .ur-form-row {
    display: block !important;
}
.ur-frontend-form.login {
    padding: 17px !important;
}
    .share-btn button.donate-btn {
    width: 140px;
}
    section.single-blog img {
    width: 100% !important;
}
body.single.single-blog_post section.banner-blog-section h2 {
    line-height: 30px;
    top: 54px;
    font-size: 24px;
}
.main-related-blog img {
    width: 100% !important;
}

.main-related-blog {
    width: 100% !important;
    margin-bottom: 20px;
}
    .testimonail-inner::after {
    width: 23px;
    height: 23px;
    top: 21px;
    right: 29px;
    background-size: 100%;
    background-repeat: no-repeat;
}
    .testimonail-inner::after {
    width: 28px;
    height: 28px;
    top: 19px;
    right: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
}
section.gallery-section {
    padding-top: 4rem !important;
}
    .text-walfare h3 {
    font-size: 23px;
    line-height: 25.79px;
}
.accordion-button.collapsed::after {
    top: 16px !important;
}
    .annousment-bar-main.container {
    justify-content: flex-start !important;
    position:relative;
}
.third-grid {
    margin-top: 14px;
}
.entry-content {
    width: 100% !important;
}
.annousment-bar-social {
    gap: 19px;
    position: absolute;
    right: 27px;
}
.email-inn {
    margin-right: 33px !important;
}
  body  .first-walfare img {
    height: auto !important;
}
body .impact-section h2 {
    font-size: 30px !important;
    line-height: 55px;
    margin: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
    section.event-tabs .container {
    display: block !important;
}
.gallery-item:nth-child(6) img {
    top: 0px !IMPORTANT;
}
.gallery-item {
    width: 100%;
}
.gallery-item:nth-child(4) img {
    top: 0px !important;
}
.gallery-item:nth-child(3) img {
    height: auto !important;
}
section.event-tabs h2 {
    font-size: 30px !important;
    line-height: 30px !important;
    margin-bottom: 23px !important;
}
section.event-tabs .content {
    padding: 19px !important;
    padding-left: 1rem !important;
    padding-top: 34px !important;
    width: 100% !important;
}
section.event-tabs .tabs {
    width: 100% !important;
}
    section.project-single img {
    border-radius: 0px 0px 0px 0px !important;
}
  body  section.project-single .col-lg-6.col-md-6.col-xl-6.col-sm-12.sec-list-welcome {
    padding-left: 1rem !important;
    background: #FAF4EE;
    border-radius: 0px 0px 0px 0px !important;
    display: flex;
    align-items: center;
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
    padding-right: 1rem !important;
}
    .first-event h4 {
    font-size: 22px  !important;
    line-height: 31px  !important;
    margin-top: 16px;
    margin-bottom: 17px;
}
.first-event {
    margin-bottom: 25px;
}
.date p {
    font-size: 15px;
    line-height: 26px;
}
    section.event-section img {
    height: auto !IMPORTANT;
}
    .main-pro {
    width: 100% !important;
}
    body.page-template-faq .accordion-button.collapsed::after {
    width: 26px !important;
    height: 26px !important;
    right: 20px !important;
    top: 23px !important;
}
body.page-template-faq .accordion-collapse .accordion-body p {
    padding-left: 21px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    padding-bottom: 8px !important;
    padding-top: 0px !IMPORTANT;
}
body.page-template-faq .accordion-item [aria-expanded="true"] {
    font-size: 16px !important;
    padding-right: 70px !IMPORTANT;
}
body.page-template-faq button.accordion-button.collapsed {
    padding-left: 16px !important;
    font-size: 16px !important;
    line-height: 19px !important;
    height: 73px !important;
    margin-bottom: 10px !IMPORTANT;
    padding-right: 60px !important;
}
div#user-registration-form-778 {
    margin: 0 auto;
    margin-top: 54px !important;
    margin-bottom: 50px !important;
    width: 91% !important;
    padding: 26px 21px 37px;
}
    .main-blog {
    width: 100% !important;
}


    section.contact-information .container {
    display: block !important;
}
.address {
    align-items: center;
}
.leeft-cont {
    width: 100%;
}
section.contact-information::after {
    width: 100%;
    height: 100%;
}
.left-cont-inner {
    padding-bottom: 1rem;
}
.address-inner p a {
    font-size: 14px;
    line-height: 18px;
}
.contact-input input {
    width: 100% !important;
    height: 45px;
    padding-left: 14px;
    font-size: 16px;
}
section.contact-information p {
    font-size: 15px;
    line-height: 24px;
}
section.contact-information h2 {
    font-size: 30px;
    line-height: 33px;
}
section.contact-information .right-contact {
    width: 100%;
    padding-left: 0rem;
    padding-top: 13px;
    padding-bottom: 2rem;
}
section.contact-information iframe {
    width: 100%;
}
.HAF-Canada-contact {
    padding-left: 0rem;
    margin-bottom: 27px;
        gap: 28px;
}
section.contact-information .left-contact {
    width: 100% !important;
}
    section.banner-blog-section h2 {
    width: 86% !important;
    font-size: 30px;
}
    section.banner-blog-section h2 {
    width: 100%;
    font-size: 30px;
}
section.banner-blog-section h2 {
    width: 84% !important;
    font-size: 30px;
    padding-left: 12px;
    top: 57%;
}
    section.Welfare-Projects {
    padding: 0px 13px;
}
section.Amana-Foundation .col-md-6.col-lg-6.col-sm-12.about-right {
    padding: 32px !important;
}
section.history-section h2 {
    font-size: 36px;
    line-height: 47px;
}
section.history-section p {
    font-size: 15px;
    line-height: 22px;
}
.col-lg-6.col-md-6.co-sm-12.our-history {
    padding-right: 1rem;
}
.back-text.col-md-10 h2 {
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 2px;
     color: #000;
    margin-top: 20px;
}
section.history-section {
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.back-text p {
    font-size: 15px;
    line-height: 23px;
   
    color: #000;
}
section.background-sec .back-text.col-md-10 {
    position: relative;
    top: 0px;
    transform: translateY(-0%);
    width: 100%;
}
.col-lg-6.col-md-6.co-sm-12.story-right {
    padding-right: 22px;
    padding-bottom: 11px;
}
section.story-section.mission-sec {
    padding-top: 2rem;
    padding-bottom: 2rem !important;
}
section.story-section p {
    font-size: 15px;
    line-height: 22px;
}
section.story-section h2 {
    font-size: 37px;
    line-height: 42px;
}
section.Amana-Foundation {
    padding-bottom: 2rem;
}
.aboutus-found h2 {
    font-size: 37px;
    line-height: 38px;
    margin-bottom: 20px;
    text-align: left;
}
.aboutus-text p {
    font-size: 15px;
    line-height: 22px;
    width: 100%;
    margin: 0 !important;
    color:#000;
}
.aboutus-text.col-md-5 h1 {
    font-size: 30px;
     color:#000;
   line-height: 38px;
}
.aboutus-text.col-md-5 {
    position: relative;
    top: 29px;
    transform: translateY(0%);
}
section.focus-section h2 {
    font-size: 37px;
    line-height: 55px;
}
.focus-inner {
    padding: 21px 28px 24px 23px;
    margin-left: 0px;
    border-radius: 0px;
    margin-top: -6px;
}
.first-grid {
    padding-right: 22px;
}
section.history-section img {
    width: 100%;
}
.col-lg-6.col-md-6.co-sm-12.our-mision {
    padding-left: 1rem;
    padding-top: 23px;
}
section.background-sec img {
    width: 100%;
}
section.story-section img {
    width: 100%;
}
    button.btn.btn-outline-success.desktop-view-search {
    display: none;
}
.my-account.desktop-view-acc {
    display: none;
}
.my-account {
    left: 0px !important;
}
button.button-donate.desktop-view-btn {
    display: none;
}
.main-boxes {
    display: block !important;
        margin-top: 0px;
    margin-bottom: 37px;
}
section.faq-section button.accordion-button {
    font-size: 17px;
    line-height: 22px;
    padding-top: 14px;
    padding-bottom: 14px !important;
    padding-right: 62px !important;
}
.carousel-indicators {
    bottom: -31px !important;
}
.carousel-indicators [data-bs-target] {
    color: #000;
}
a button.button-join {
    width: 158px;
    height: 48px;
    font-size: 14px;
    line-height: 33.82px;
    margin-bottom: 24px;
}
.first-join h3 {
    font-size: 27px;
    line-height: 29px;
    margin-top: 12px;
}
.right-side-project {
    width: 100% !important;
}
section.Join-HAF-section {
    padding-bottom: 16px;
}
.join-text p {
    font-size: 16px;
    line-height: 22px;
}
.carousel-indicators button.active::after {
    border-bottom: 2px solid #000!important;
}
section.Join-HAF-section h1 {
    font-size: 26px;
    line-height: 55px;
}
section.faq-section img {
    height: auto !important;
}
.faq-title {
    font-size: 30px !important;
    line-height: 38px;
    margin-bottom: 6px !important;
}
.accordion-button:not(.collapsed)::after {
    width: 20px !important;
    right: 20px !important;
}
.accordion-body {
    font-size: 14px;
    line-height: 21px;
    padding-top: 0px !IMPORTANT;
    padding-bottom: 17px;
}
.annousment-bar-main.container a {
    font-size: 0px;
}
.first-box h3 {
    font-size: 21px;
    line-height: 23.8px;
    margin-bottom: 11px;
}
section.faq-section .container.py-5 {
    padding-bottom: 1rem !important;
}
.annousment-bar-main.container p {
    font-size: 0px;
}
.carousel-caption {
    position: relative !important;
    top: 0px !important;
    left: 1% !important;
    transform: translateY(0%) !important;
}
.right-qrrow {
    display: none;
}
.banner-three-img img {
    width: 27% !important;
}
.banner-three-img {
    display: flex!important;
    gap: 4px!important;
    margin-top: 16px!important;
}
section.banner-section h1 {
    font-size: 30px !important;
    line-height: 41px !important;
     color: #000;
}
.carousel-caption p {
    font-size: 16px !important;
    line-height: 23px !important;
    width: 100% !important;
    color: #000;
}
.Project-main {
    display: block !important;
    padding: 25px;
    margin-bottom: 25px;
}
.main-blog img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
}
.left-inner img {
    width: 15px;
}
section.foooter-section h3 {
    font-size: 15px;
    line-height: 13px;
    width: 100%;
}
section.foooter-section input {
    width: 100% !important;
    height: 53px;
    padding-left: 24px !important;
    font-size: 16px !important;
}
section.foooter-section .tnp-field input[type="submit"] {
    width: 129px !important;
    height: 53px;
    font-size: 14px !important;
    line-height: 23.82px;
    padding: 0 !important;
}
section.testimonail-section button.slick-arrow svg {
    width: 17px;
}
section.testimonail-section button.slick-next.slick-arrow {
    right: 0px;
    width: 40px;
    height: 40px;
}
section.Welfare-Projects h2 {
    font-size: 30px;
    line-height: 43px;
    margin-bottom: 29px;
       margin-top: 57px;
}
section.testimonail-section  button.slick-prev.slick-arrow {
    width: 40px;
    height: 40px;
    left: 0px;
}
section.Welfare-Projects button.slick-arrow svg {
    width: 20px;
}
section.Welfare-Projects button.slick-next.slick-arrow {
    right: 33px !important;
    width: 40px;
    height: 40px;
    top: -101px;
}
section.Welfare-Projects button.slick-prev.slick-arrow {
    right: 83px !important;
    width: 40px;
    height: 40px;
    top: -101px;
}
a button.view-btn {
    width: 158px;
    height: 48px;
    font-size: 14px;
    line-height: 33.82px;
    margin-top: 34px;
}
.blog-cont a button {
    font-size: 14px;
    line-height: 20.82px;
}
.main-blog {
    margin-top: 16px;
}
a.donate-btn {
    width: 161px;
    height: 47px;
    font-size: 13px;
    line-height: 33.82px;
    margin-top: 24px;
}
a.navbar-brand {
    width: 50%;
}
nav.navbar.navbar-expand-lg img {
    width: 100%;
}
ul.navbar-nav {
    display: block;
}
.blog-cont p {
    font-size: 14px;
    line-height: 20px;
}
.blog-cont h3 {
    font-size: 20px;
    line-height: 23.79px;
    margin-top: 6px;
    margin-bottom: 11px;
    height: 42px;
}
section.blog-section h2 {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 24px;
}
section.blog-section {
    padding-top: 29px;
    padding-bottom: 35px;
}
section.gallery-section {
    padding-bottom: 31px;
}
section.gallery-section h2 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 38px;
    margin-bottom: 28px;
}
.main-project-slider .slick-slide {
    margin-right: 11px;
    margin-left: 11px;
}
.main-project-slider {
    /* overflow: hidden !important; */
    padding-left: 0px;
}
section.testimonail-section h2 {
    font-size: 30px;
    line-height: 51px;
    margin-bottom: 0rem;
}
section.foooter-section h2 {
    font-size: 30px;
    line-height: 37px;
}
.footer-social-icon {
    gap: 11px;
}
.third-grid {
    padding-left: 0rem;
}
section.foooter-section p {
    font-size: 13px;
    line-height: 19px;
}
section.foooter-section a {
    font-size: 13px;
}
.col-md-6.faq-section {
    padding-left: 1rem !important;
    padding-top: 2rem !important;
    padding-right: 1rem !important;
    width: 100%;
}
.main-project-slider .slick-list.draggable {
    padding-left: 0% !important;
}
.main-blog-inner {
    display: block;
}
.testimonail-inner p {
    font-size: 14px;
    line-height: 23px;
}
section.testimonail-section {
    margin-top: 6px;
    padding-top: 20px;
    padding-bottom: 0px;
}
.testimonail-inner {
    margin: 13px;
    padding: 22px 22px 16px 22px;
    height: auto !important;
}

.table-year table th {
    font-size: 16px;
}
.table-year table td {
    font-size: 15px;
}
.left-side-project {
    width: 100%;
    margin-bottom: 32px;
}
.Udheya p {
    font-size: 18px;
    line-height: 16px;
}
.country-image img {
    width: 25%;
}
.country-image {
    padding-bottom: 3rem;
}
img.country-img {
    top: 41px;
}
.right-side-project h4 {
    font-size: 20px;
    line-height: 27px;
    margin-top: 28px;
    width: 100% !important;
}
.right-innr img {
    width: 65px;
    height: 65px;
}
.main-join {
    display: block;
}
.col-md-6.Faq-image {
    WIDTH: 100%;
}
section.faq-section .row.g-4.align-items-start {
    display: block !important;
}
section.Current-project h2 {
    font-size: 22px;
    line-height: 27px;
}
.progress-bar-wrapper {
    width: 100%;
}
.main-join-inn {
    width: 100%;
}
a button.donate-btn {
    width: 181px;
    height: 46px;
    font-size: 14px;
    line-height: 33.82px;
}
section.Current-project h3 {
    font-size: 30px;
    line-height: 50px;
    margin-top: 39px;
}
.join-text h2 {
    font-size: 30px;
    line-height: 17px;
}
.main-boxes .first-box {
    padding: 12px;
    margin-top: 14px;
    width:100% !important;
}
.join-text span {
    font-size: 23px;
    line-height: 41px;
    padding: 0px 20px !important;
    margin-bottom: 22px !important;
}
.left-side-project p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000;
}
}


/* Mobile Navigation */
@media (min-width: 993px) {
.navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}
}
@media (max-width: 991px) {
svg.bi.bi-x-lg.close-btn {
    opacity: 0;
    position: absolute;
    left: 10px;
    right: 13px;
    margin: auto;
    width: 30px;
    height: 30px;
    transition: 0.5s;
    margin-right: 0px;
}

[aria-expanded="true"] span {
    opacity: 0;
    transition: 0.5s;
}

[aria-expanded="true"] svg.bi.bi-x-lg.close-btn {
    opacity: 1;
}
    .navbar-collapse {
    position: fixed;
    left: -100%;
    background: #fff;
    top: 0;
    height: 135vh;
    padding: 20px 10px;
    transition: 0.5s;
    z-index:2;
    width:80%;
}

nav.navbar.navbar-expand-lg.navmenu {
    display: inline;
}

.navbar-collapse li {
    list-style: none;
}

ul.header-menu {
    margin: 0;
    padding: 0;
}

ul.navbar-nav {
    margin: 0;
}


.navbar-collapse.collapse.show {
    left: 0;
}

button.navbar-toggler.collapsed {
    border: none;
}
}
@media (max-width: 1199px) {
    
.navbar-collapse.collapse.show {
    left: 0;
}

button.navbar-toggler.collapsed {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: 0px 0px !IMPORTANT;
}

button.navbar-toggler {
    border: none !important;
    padding-right: 0px;
}
  .mobile-nav-toggle {
    color: var(--nav-color);
    font-size: 28px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
  }

}


@media(min-width: 768px) and (max-width: 991px){
    .main-class article {
    width: 48% !important;
}
body.search header.entry-header a {
    font-size: 23px !important;
}
    .join-text.first-joi-text {
    bottom: 45PX;
}
    section.tabs-section .col-md-7 {
    padding-left: 2rem !important;
}
section.tabs-section h2 {
    font-size: 37px !important;
}
body.user-registration-page .entry-content {
    width: 69% !important;
}
    .ur-frontend-form.login {
    padding: 25px !important;
}
    button.user-registration-Button.button {
    width: 158px !important;
    height: 47px !important;
}
    .accordion-button:not(.collapsed)::after {
    width: 21px !important;
}
.testimonail-inner::after {
    width: 28px;
    height: 22px;
    top: 9px;
    right: 10px;
    background-size: 100%;
}
    .main-related-blog img {
    width: 100%  !important;
}
section.single-blog img {
    width: 100% !important;
}
      body  .first-walfare img {
    height: auto !important;
}
    .gallery-item {
    width: 32% !important;
}
.gallery-item:nth-child(5) img {
    top: -75px !important;
    position: relative;
}
section.event-tabs .tabs ul li a {
    font-size: 16px !important;
    width: 206px !important;
    margin: 0 auto;
}
.gallery-item:nth-child(6) img {
    top: 0px !important;
}
.gallery-item:nth-child(4) img {
    position: relative;
    top: 0px !important;
}
section.event-tabs h2 {
    font-size: 32px !important;
    line-height: 35px !important;
}
section.event-tabs h3 {
    font-size: 35px !important;
    line-height: 55px;
    margin-bottom: 14px;
    padding-left: 24px !important;
    padding-top: 27px;
}
   body section.project-single .col-lg-6.col-md-6.col-xl-6.col-sm-12.sec-list-welcome {
    padding-left: 3rem !important;
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
    padding-right: 3rem !important;
}
    .date p {
    font-size: 15px !important;
    line-height: 23px !important;
}
    .first-event h4 {
    font-size: 22px !important;
    line-height: 27px !important;
}
    .aboutus-text.col-md-5 h1 {
    font-size: 38px;
    line-height: 45px;
}
    .main-project-sec .text-walfare h3 {
    font-size: 20px;
}
    .main-pro {
    width: 30% !important;
}
    body.page-template-faq [aria-expanded="true"] {
    font-size: 23px !important;
    padding-left: 19px;
    height: 80px;
}
    body.page-template-faq button.accordion-button.collapsed {
    padding-left: 24px !important;
    font-size: 22px !important;
    height: 80px !important;
    border-radius: 10px !important;
    margin-bottom: 15px !IMPORTANT;
}
    ul.navbar-nav {
    padding-top: 4rem !important;
}
    .banner-three-img {
    display: none;
}
    section.contact-information h2 {
    font-size: 41px;
    line-height: 43px;
}
.left-cont-inner iframe {
    width: 100%;
}
section.contact-information .right-contact {
    width: 100%;
    padding-left: 1rem;
    padding-top: 0px;
    padding-bottom: 3rem;
}
section.contact-information::after {
    width: 100%;
    height: 100%;
}
section.contact-information .left-contact {
    width: 100% !important;
}
section.contact-information .container {
    display: block !important;
}
    .main-blog-inner .main-blog img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
}
    .aboutus-found h2 {
    font-size: 37px;
    line-height: 38px;
    margin-bottom: 20px;
}
section.story-section.mission-sec img {
    width: 100%;
}
section.history-section img {
    width: 100%;
}
section.story-section img {
    width: 100%;
}
section.story-section img {
    width: 100%;
}
section.background-sec img {
    width: 100%;
}
section.story-section.mission-sec img {
    width: 100%;
}
.col-lg-6.col-md-6.co-sm-12.our-history {
    padding-right: 0rem;
}
section.focus-section h2 {
    font-size: 42px;
    line-height: 55px;
}
.focus-inner {
    padding: 21px 28px 24px 23px;
    margin-left: 0px;
    border-radius: 0px;
    margin-top: -6px;
}
section.story-section img {
    width: 100%;
}
section.history-section img {
    width: 100%;
}
.back-text.col-md-10 h2 {
    font-size: 35px;
    line-height: 33px;
    margin-bottom: 18px;
}
.back-text p {
    font-size: 14px;
    line-height: 19px;
}
section.background-sec .back-text.col-md-10 {
    width: 642px;
}
section.background-sec img {
    width: 100%;
}
section.story-section h2 {
    font-size: 40px;
    line-height: 43px;
}
.col-lg-6.col-md-6.co-sm-12.our-mision {
    padding-left: 2rem;
    padding-right: 2rem;
}
section.story-section.mission-sec img {
    width: 100%;
}
.col-lg-6.col-md-6.co-sm-12.story-right {
    padding-right: 35px;
}
section.Amana-Foundation .col-md-6.col-lg-6.col-sm-12.about-right {
    padding: 43px !important;
}
    .third-grid {
    padding-left: 0rem;
}
.first-box h3 {
    font-size: 24px;
    line-height: 27.8px;
    width: 227px;
    margin-bottom: 11px;
}


ul.navbar-nav {
    display: block;
}
.email-inn a {
    font-size: 12px;
    line-height: 33.82px;
    padding-right: 20px;
}
.phone-inn p {
    font-size: 12px;
    line-height: 19.82px;
}
.phone-inn {
    gap: 9px;
}
.carousel-caption {
    top: 29%;
    left: 6%;
    transform: translateY(-29%);
}
.annousment-bar-social {
    gap: 15px;
}
section.banner-section h1 {
    font-size: 39px;
    line-height: 45px;
}
.carousel-caption p {
    font-size: 17px;
    line-height: 26px;
    width: 397px;
}
.faq-title {
    font-size: 39px !important;
    line-height: 51px;
    margin-bottom: 6px !important;
}
.table-year table td {
    font-size: 19px;
}
.table-year table th {
    font-size: 19px;
}
.footer-social-icon {
    gap: 9px;
} 
section.Current-project h3 {
    font-size: 33px;
    line-height: 55px;
    margin-top: 39px;
}
section.foooter-section h3 {
    font-size: 18px;
    line-height: 28px;
}
section.foooter-section p {
    font-size: 14px;
    line-height: 19px;
}

section.Welfare-Projects button.slick-next.slick-arrow {
    right: 24px !important;
    width: 50px;
    height: 50px;
    top: -54px;
}
.first-grid {
    padding-right: 40px;
}
section.blog-section h2 {
    font-size: 42px;
    line-height: 55px;
    margin-bottom: 34px;
}
section.gallery-section h2 {
    font-size: 41px;
    line-height: 55px;
    margin-top: 40px;
    margin-bottom: 32px;
}
.main-project-slider {
    padding-left: 21px;
}
.main-project-slider .slick-slide {
    margin-right: 19px;
}
a.project-link svg {
    width: 20px;
}
.text-walfare h3 {
    font-size: 16px;
    line-height: 18.79px;
}
.text-walfare {
    padding: 0px 9px;
}
section.Welfare-Projects h2 {
    font-size: 38px;
    line-height: 47px;
    margin-bottom: 33px;
    margin-top: 6px;
}
section.Welfare-Projects button.slick-prev.slick-arrow {
    right: 83px !important;
    width: 50px;
    top: -54px;
    height: 50px;
}
section.Welfare-Projects button.slick-arrow svg {
    width: 20px;
}
    section.testimonail-section button.slick-arrow svg {
    width: 20px !important;
}
.test-inn {
    gap: 8px;
}
.testimonail-inner p {
    font-size: 15px;
    line-height: 21px;
}
section.testimonail-section h2 {
    font-size: 39px;
    line-height: 38px;
    margin-bottom: 2rem;
}
.testimonail-inner {
    margin: 12px;
    padding: 12px 18px 16px 19px;
    height: 278px;
}
.main-test h4 {
    font-size: 17px;
    margin-top: 8px;
    margin-bottom: 9px;
}
section.faq-section button.accordion-button {
    font-size: 18px;
    padding-top: 21px;
    padding-bottom: 17px !important;
}
section.Join-HAF-section h1 {
    font-size: 30px;
    line-height: 66px;
}
.join-text p {
    font-size: 16px;
    line-height: 23px;
}
.first-join h3 {
    font-size: 29px;
    line-height: 32px;
    margin-top: 12px;
}
.join-text h2 {
    font-size: 35px;
    line-height: 21px;
}
.join-text span {
    font-size: 24px;
}
.test-inn img {
    width: 64px !important;
}
.star-img img {
    width: 15px !important;
}
section.testimonail-section  button.slick-prev.slick-arrow {
    width: 50px;
    height: 50px;
    left: 0;
}
section.testimonail-section button.slick-next.slick-arrow {
    background: #F58620;
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    z-index: 9;
    border-radius: 100%;
    top: 50%;
}
    .main-boxes {
    gap: 14px;
    flex-wrap: wrap;
}
.main-boxes .first-box {
    padding: 25px;
    width: 49%;
}
.main-blog-inner {
    gap: 13px !important;
}
.main-blog-inner .main-blog {
    width: 30% !important;
    /*height: 607px;*/
    background: #fff;
}
section.foooter-section h2 {
    font-size: 40px;
    line-height: 55px;
}
.blog-cont h3 {
    font-size: 20px;
    line-height: 25.79px;
    margin-top: 4px;
    margin-bottom: 7px;
    height: 75px;
}
.main-blog-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.main-blog-inner .main-blog img {
    width: 100%;
}
.progress-bar-wrapper {
    width: 349px;
}
.country-image img {
    width: 25% !important;
}
.right-side-project h4 {
    font-size: 22px;
    line-height: 29px;
    margin-top: 28px;
}
.Project-main {
    padding: 35px;
    gap: 61px;
    margin-bottom: 57px;
}
section.Current-project h2 {
    font-size: 28px;
    line-height: 34px;
}
.main-boxes {
    gap: 14px;
    margin-top: 0px;
    margin-bottom: 47px;
    flex-wrap: wrap;
}
        button.btn.btn-outline-success.desktop-view-search {
    display: none;
}
.my-account.desktop-view-acc {
    display: none;
}
.my-account {
    left: 0px !important;
}
button.button-donate.desktop-view-btn {
    display: none;
}
}

@media(min-width:992px) and (max-width:1024px){
    .first-walfare img {
    height: 316px !important;
}
.main-blog-inner {
    gap: 11px;
}
    section.testimonail-section {
    margin-top: 0px !important;
}
    section.faq-section .accordion-item p {
    padding-right: 3rem !important;
}
        .gallery-item {
    width: 32% !important;
}
.gallery-item:nth-child(5) img {
    top: -39px !important;
    position: relative;
}
section.event-tabs .tabs ul li a {
    font-size: 16px !important;
    width: 206px !important;
    margin: 0 auto;
}
.gallery-item:nth-child(6) img {
    top: 0px !important;
}
.gallery-item:nth-child(4) img {
    position: relative;
    top: 0px !important;
}
section.event-tabs h2 {
    font-size: 32px !important;
    line-height: 35px !important;
}
section.event-tabs h3 {
    font-size: 35px !important;
    line-height: 55px;
    margin-bottom: 14px;
    padding-left: 24px !important;
    padding-top: 27px;
}
    section.testimonail-section  button.slick-prev.slick-arrow {
    width: 51px;
    height: 50px;
    left: -22px;
}
.testimonail-inner::after {
    width: 26px;
    height: 22px;
    top: 20px;
    right: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
}
    .main-pro {
    width: 31% !important;
}
    .container {
    max-width: 900px !important;
}
    section.contact-information .left-contact iframe {
    width: 100% !important;
}
    body.page-template-testimonials .testimonail-inner {
    height: 257px;
}
    section.story-section.mission-sec img {
    width: 100%;
}
section.history-section img {
    width: 100%;
}
section.story-section img {
    width: 100%;
}
section.story-section img {
    width: 100%;
}
section.background-sec img {
    width: 100%;
}
section.story-section.mission-sec img {
    width: 100%;
}
    ul.navbar-nav {
    gap: 3px;
}
section.banner-section h1 {
    font-size: 50px;
    line-height: 61px;
}
a.navbar-brand {
     width: 16% !important;
    margin: 0px !important;
}

.main-blog-inner img {
    width: 100%;
    height: 251px;
}
.Project-main {
    padding: 52px;
    gap: 66px;
    margin-bottom: 57px;
}
section.Current-project h2 {
    font-size: 38px;
    line-height: 46px;
}
.star-img img {
    width: 17px !important;
}
.country-image img {
    width: 23% !important;
}
.test-inn img {
    width: 71px;
}
.blog-cont h3 {
    font-size: 26px;
    line-height: 25.79px;
    height: 76px;
}
.testimonail-inner {
    margin: 10px;
    padding: 22px 27px 16px 20px;
    height: 331px;
}
section.testimonail-section button.slick-arrow svg {
    width: 20px;
}
section.testimonail-section button.slick-next.slick-arrow {
    right: 0px;
    width: 50px;
    height: 50px;
}
.button-header a button.button-donate {
    width: 141px;
    height: 49px;
    font-size: 14px;
    line-height: 33.82px;
}
.phone-inn p {
    font-size: 14px;
    line-height: 33.82px;
}
ul.navbar-nav a.nav-link {
    font-size: 11px;
    line-height: 33.82px;
}
nav.navbar .collapse.navbar-collapse {
    justify-content: flex-start !important;
}
a.navbar-brand img {
    width: 70% !important;
}
.main-boxes {
    flex-wrap: wrap !important;
}
.main-boxes .first-box {
    padding: 22px;
    width: 48%;
}
.faq-title {
    font-size: 41px !important;
    line-height: 55px;
    margin-bottom: 6px !important;
}
section.faq-section button.accordion-button {
    font-size: 19px;
    padding-top: 25px;
    padding-bottom: 27px;
}
.text-walfare {
    bottom: 19px;
    padding: 0px 18px;
}
.text-walfare h3 {
    font-size: 21px;
    line-height: 21.79px;
}
section.testimonail-section h2 {
    font-size: 44px;
    line-height: 55px;
}
a.project-link svg {
    width: 20px;
}
.main-boxes {
    margin-top: 0px;
    margin-bottom: 59px;
}

section.Welfare-Projects h2 {
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 42px;
    margin-top: 21px;
}
section.Welfare-Projects button.slick-prev.slick-arrow {
    right: 137px !important;
    width: 57px;
    height: 57px;
}
.main-project-slider {
    padding-left: 50px;
}
section.Welfare-Projects button.slick-next.slick-arrow {
    right: 66px !important;
    width: 57px;
    height: 57px;
}
.my-account.desktop-view-acc {
    display: none;
}
.carousel-caption {
    top: 23%;
    transform: translateY(-30%);
}
.carousel-caption p {
    font-size: 20px;
    line-height: 27px;
}
.join-text h2 {
    font-size: 42px;
    line-height: 38px;
}
a.donate-btn {
    width: 176px;
    height: 50px;
    font-size: 16px;
    margin-top: 24px;
}
.banner-three-img {
    margin-top: 28px;
}
.banner-three-img img {
    width: 10% !important;
}
.join-text span {
    font-size: 31px;
    line-height: 66px;
}
.join-text h2 {
    font-size: 38px;
    line-height: 33px;
}
.first-join h3 {
    font-size: 31px;
    line-height: 30px;
    margin-top: 12px;
}
section.Join-HAF-section {
    padding-bottom: 44px;
}
}


@media(min-width:1025px) and (max-width:1199px){
       .first-walfare img {
    height: 316px !important;
}
.testimonail-inner::after {
    width: 27px;
    height: 27px;
    top: 20px;
    right: 29px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.main-blog-inner {
    gap: 11px;
}
    section.testimonail-section {
    margin-top: 0px !important;
}
    section.single-blog img {
    width: 100% !important;
}
    section.foooter-section p {
    font-size: 14px;
    line-height: 20px;
}
.HAF-Canada .left-side:nth-child(2) {
    gap: 0px !important;
}
            .gallery-item {
    width: 32% !important;
}
.gallery-item:nth-child(5) img {
    top: -26px !important;
    position: relative;
}
section.event-tabs .tabs ul li a {
    font-size: 16px !important;
    width: 206px !important;
    margin: 0 auto;
}
.gallery-item:nth-child(6) img {
    top: 0px !important;
}
.gallery-item:nth-child(4) img {
    position: relative;
    top: 0px !important;
}
section.event-tabs h2 {
    font-size: 32px !important;
    line-height: 35px !important;
}
section.event-tabs h3 {
    font-size: 35px !important;
    line-height: 55px;
    margin-bottom: 14px;
    padding-left: 24px !important;
    padding-top: 27px;
}
    .main-pro {
    position: relative;
    width: 31% !important;
}
    .container {
    max-width: 950px !important;
}
.my-account a {
    font-size: 15px !important;
}
.aboutus-text.col-md-5 h1 {
    font-size: 43px !important;
    line-height: 45px !important;
}
.my-account {
    left: -58px !important;
        top: -1px !important;
}
    section.contact-information .left-contact iframe {
    width: 100%;
}
    section.story-section.mission-sec img {
    width: 100% !important;
}
section.history-section img {
    width: 100% !important;
}
section.story-section img {
    width: 100% !important;
}
section.story-section img {
    width: 100% !important;
}
section.background-sec img {
    width: 100% !important;
}
section.story-section.mission-sec img {
    width: 100% !important;
}
    .carousel-caption {
    top: 23%;
    transform: translateY(-30%);
}
section.testimonail-section  button.slick-prev.slick-arrow {
    width: 50px;
    height: 50px;
    left: 0px;
}
.carousel-caption p {
    font-size: 20px;
    line-height: 27px;
}
.join-text h2 {
    font-size: 42px;
    line-height: 38px;
}
a.donate-btn {
    width: 176px;
    height: 50px;
    font-size: 16px;
    margin-top: 24px;
}
.banner-three-img {
    margin-top: 28px;
}
.banner-three-img img {
    width: 10% !important;
}
.join-text span {
    font-size: 31px;
    line-height: 66px;
}
.join-text h2 {
    font-size: 38px;
    line-height: 33px;
}
.first-join h3 {
    font-size: 31px;
    line-height: 30px;
    margin-top: 12px;
}
section.Join-HAF-section {
    padding-bottom: 44px;
}
ul.navbar-nav {
    gap: 3px !important;
}
section.banner-section h1 {
    font-size: 50px;
    line-height: 61px;
}
a.navbar-brand {
    width: 26% !important;
    margin: 0px !important;
}
a.navbar-brand {
    width: 26% !important;
}
.main-blog-inner img {
    width: 100%;
    height: 251px;
}
.Project-main {
    padding: 52px;
    gap: 66px;
    margin-bottom: 57px;
}
section.Current-project h2 {
    font-size: 38px;
    line-height: 46px;
}
.star-img img {
    width: 17px !important;
}
.country-image img {
    width: 23% !important;
}
.test-inn img {
    width: 71px;
}
.blog-cont h3 {
    font-size: 26px;
    line-height: 25.79px;
    height: 76px;
}
.testimonail-inner {
    margin: 13px;
    padding: 22px 33px 16px 33px;
    height: 331px;
}
section.testimonail-section button.slick-arrow svg {
    width: 20px;
}
section.testimonail-section button.slick-next.slick-arrow {
    right: 0px;
    width: 50px;
    height: 50px;
}
.button-header a button.button-donate {
    width: 141px;
    height: 49px;
    font-size: 14px;
    line-height: 33.82px;
}
.phone-inn p {
    font-size: 14px;
    line-height: 33.82px;
}
ul.navbar-nav a.nav-link {
    font-size: 11px;
    line-height: 33.82px;
    padding: 0px 7px !important;
}
nav.navbar .collapse.navbar-collapse {
    justify-content: flex-start !important;
}
a.navbar-brand img {
    width: 70% !important;
}
.main-boxes {
    flex-wrap: wrap !important;
}
.main-boxes .first-box {
    padding: 22px;
    width: 48%;
}
.faq-title {
    font-size: 41px !important;
    line-height: 55px;
    margin-bottom: 6px !important;
}
section.faq-section button.accordion-button {
    font-size: 19px;
    padding-top: 25px;
    padding-bottom: 27px;
}
.text-walfare {
    bottom: 19px;
    padding: 0px 18px;
}
.text-walfare h3 {
    font-size: 21px;
    line-height: 21.79px;
}
section.testimonail-section h2 {
    font-size: 44px;
    line-height: 55px;
}
a.project-link svg {
    width: 20px;
}
.main-boxes {
    margin-top: 0px;
    margin-bottom: 59px;
}

section.Welfare-Projects h2 {
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 42px;
    margin-top: 21px;
}
section.Welfare-Projects button.slick-prev.slick-arrow {
    right: 137px !important;
    width: 57px;
    height: 57px;
}
.main-project-slider {
    padding-left: 50px;
}
section.Welfare-Projects button.slick-next.slick-arrow {
    right: 66px !important;
    width: 57px;
    height: 57px;
}
}

@media(min-width:1200px) and (max-width:1299px){
    .impact-item {
    flex: 1 1 177px !important;
    margin: 9px !important;
}
.join-text.first-joi-text {
    bottom: 53px;
    padding: 0px 27px;
}
        section.foooter-section p {
    font-size: 14px;
    line-height: 20px;
}
.HAF-Canada .left-side:nth-child(2) {
    gap: 0px !important;
}
    .gallery-item {
    width: 32% !important;
}
.gallery-item:nth-child(6) img {
    top: -52px !important;
}
.gallery-item:nth-child(4) img {
    top: -52px !important;
}
    .container {
    max-width: 1230px !important;
}
    .my-account {
    left: -68px;
    top: -2px;
}
        section.story-section.mission-sec img {
    width: 100% !important;
}
section.history-section img {
    width: 100% !important;
}
section.story-section img {
    width: 100% !important;
}
section.story-section img {
    width: 100% !important;
}
section.background-sec img {
    width: 100% !important;
}
section.story-section.mission-sec img {
    width: 100% !important;
}
a.navbar-brand img {
    width: 100%;
}
.main-boxes .first-box {
    padding: 17px;
}
.first-box h3 {
    font-size: 25px;
    line-height: 27.8px;
    width: 227px;
}
.carousel-caption {
    top: 28%;
    transform: translateY(-28%);
    left:3% !important;
}
.text-walfare h3 {
    font-size: 23px;
}
.main-boxes {
    margin-top: 17px;
    margin-bottom: 59px;
}
.main-boxes {
    gap: 16px;
}

.main-blog-inner img {
    width: 100%;
    height: 349px;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
}
section.testimonail-section  button.slick-next.slick-arrow {
    right: 0px;
    width: 45px;
    height: 45px;
}
section.testimonail-section button.slick-next.slick-arrow svg {
    width: 20px !IMPORTANT;
}
section.testimonail-section  button.slick-prev.slick-arrow {
    width: 50px;
    height: 50px;
    left: 0px;
}

section.testimonail-section  button.slick-prev.slick-arrow svg {
    width: 20px !IMPORTANT;
}
.country-image img {
    width: 25%;
}
ul.navbar-nav {
    gap: 6px;
}
.banner-three-img {
    margin-top: 20px;
}
.banner-three-img img {
    width: 9% !important;
}
.button-header a button.button-donate {
    width: 159px;
    height: 50px;
    font-size: 15px;
}
}


@media(min-width:1300px) and (max-width:1399px){
    .impact-item {
    flex: 1 1 177px !important;
    margin: 9px !important;
}
  .join-text.first-joi-text {
    bottom: 53px;
    /*padding: 0px 27px;*/
}
        section.foooter-section p {
    font-size: 14px;
    line-height: 20px;
}
.HAF-Canada .left-side:nth-child(2) {
    gap: 0px !important;
}
        .gallery-item {
    width: 32% !important;
}
.gallery-item:nth-child(6) img {
    top: -52px !important;
}
.gallery-item:nth-child(4) img {
    top: -52px !important;
}
    .container {
    max-width: 1230px !important;
}
        .my-account {
    left: -68px;
    top: -2px;
}
        section.story-section.mission-sec img {
    width: 100% !important;
}
section.history-section img {
    width: 100% !important;
}
section.story-section img {
    width: 100% !important;
}
section.story-section img {
    width: 100% !important;
}
section.background-sec img {
    width: 100% !important;
}
section.story-section.mission-sec img {
    width: 100% !important;
}
a.navbar-brand img {
    width: 100%;
}
.main-boxes .first-box {
    padding: 17px;
}
.main-blog {
    height: 632px;
    background: #fff;
}
.first-box h3 {
    font-size: 25px;
    line-height: 27.8px;
    width: 227px;
}
.carousel-caption {
    top: 28%;
    transform: translateY(-28%);
    left:3% !important;
}
.text-walfare h3 {
    font-size: 23px;
}
.main-boxes {
    margin-top: 17px;
    margin-bottom: 59px;
}
.main-boxes {
    gap: 16px;
}
/*a.navbar-brand {*/
/*    width: 21% !important;*/
/*}*/
.main-blog-inner img {
    width: 100%;
    height: 349px;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
}
section.testimonail-section  button.slick-next.slick-arrow {
    right: 0px;
    width: 45px;
    height: 45px;
}
section.testimonail-section button.slick-next.slick-arrow svg {
    width: 20px !IMPORTANT;
}
section.testimonail-section  button.slick-prev.slick-arrow {
    width: 50px;
    height: 50px;
    left: 0px;
}

section.testimonail-section  button.slick-prev.slick-arrow svg {
    width: 20px !IMPORTANT;
}
.country-image img {
    width: 25%;
}
ul.navbar-nav {
    gap: 22px !important;
}
.banner-three-img {
    margin-top: 20px;
}
.banner-three-img img {
    width: 9% !important;
}
.button-header a button.button-donate {
    width: 159px;
    height: 50px;
    font-size: 15px;
}
}

div#user-registration {
    margin: 0 auto;
    margin-top: 43px !IMPORTANT;
    margin-bottom: 51px !IMPORTANT;
}

span.user-registration-login-title {
    font-family: Americana XBdCn BT;
    font-weight: 400 !important;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #2A2B28;
    margin-bottom: 17px !important;
}

p.user-registration-form-row label {
    font-family: Gellix;
    color: #000;
    font-size: 16px !important;
}
p.user-registration-LostPassword.lost_password a {
    color: #000 !important;
    font-family: 'Gellix' !IMPORTANT;
}
label.user-registration-form__label.user-registration-form__label-for-checkbox.inline span {
    font-family: Gellix;
    color: rgb(0, 0, 0);
    font-size: 16px !important;
}

p.user-registration-login-description {
    font-family: Gellix;
    color: #000;
    font-size: 16px !important;
}

button.user-registration-Button.button {
    width: 208px;
    height: 55px;
    background: #F58620 !important;
    border: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45px !important;
    text-decoration: none !important;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
}

p.user-registration-register.register a {
    font-family: 'Gellix' !important;
    color: #000 !important;
    font-size: 17px !important;
}
p.ur-lost-password-title {
    font-family: 'Americana XBdCn BT';
}
aside#secondary {
    display: none;
}

body.user-registration-page h1.entry-title {
    display: none;
}

/*div#ur-frontend-form p.user-registration-form-row.form-row {*/
/*    display: flex;*/
/*    margin: 0 !important;*/
/*}*/
div#user-registration-form-778 {
    margin: 0 auto;
    margin-top: 54px !important;
    margin-bottom: 50px !important;
}
body.user-registration-page input.user-registration-Button.button.ur-reset-password-btn {
    width: 208px;
    height: 55px;
    background: #F58620 !important;
    border: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45px !important;
    text-decoration: none !important;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
}
div#user-registration-form-778 {
    margin: 0 auto;
    margin-top: 54px !important;
    margin-bottom: 50px !important;
    width: 644px;
}

div#user-registration-form-778 button.btn.button.ur-submit-button.signup-button {
    width: 208px !IMPORTANT;
    height: 55px;
    background: #F58620 !important;
    border: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 45px !important;
    text-decoration: none !important;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 33.82px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
    border: 0 !important;
}

span.user-registration-registration-title {
    font-family: 'Americana XBdCn BT' !IMPORTANT;
}
p.user-registration-registration-description {
    font-family: 'Gellix';
    color: #000;
    font-size: 16px !important;
}
.accordion-item p {
    margin: 0 !important;
}

.my-account {
    width: auto;
    height: 26px;
    position: relative;
    left: -65px;
    top: -2px;
}

.my-account a {
    color: #8CC540;
    font-size: 18px;
    font-family: 'Gellix';
}
.main-blog {
    width: 40%;
}
.main-related-blog {
    width: 32%;
}


/*FAQ page css*/

body.page-template-faq section.accordian-section {
    padding-top: 57px;
    padding-bottom: 57px !important;
}
 body.page-template-faq button.accordion-button.collapsed {
    padding-left: 38px;
    background: #F58620;
    border: 0 !important;
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #fff;
    height: 80px;
    border-radius: 10px !important;
    margin-bottom: 15px !IMPORTANT;
}
body.page-template-faq .accordion-collapse .accordion-body {
    background: #faf4ee;
    padding-left: 0px;
    padding-top: 0px !important;
}

body.page-template-faq .accordion-button.collapsed::after {
    content: '' !IMPORTANT;
    background-image: url(https://harariamanafoundation.suffescom.dev/wp-content/uploads/2025/07/Group-1000002642.png);
    width: 32px;
    height: 43px;
    top: 0px;
    position: absolute;
    right: 20px;
    top: 23px;
    padding: 0 !important;
    background-size: 100% !important;
}
body.page-template-faq .accordion-collapse .accordion-body p {
    padding-left: 21px;
}
body.page-template-faq .accordion-item {
    border: none;
    border-bottom: 0px solid #ddd !important;
    background-color: transparent;
    margin-bottom: 19px;
}
body.page-template-faq .accordion-collapse.collapse{
    background: #faf4ee;
    padding-left: 0px;
    padding-top: 0px !important;
}
body.page-template-faq [aria-expanded="true"] {
    background: #FAF4EE !important;
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #2A2B28 !important;
    padding-left: 19px;
    height: 80px;
    border-radius: 10px 10px 0px 0px !important;
}
body.page-template-faq .accordion-item:last-of-type>.accordion-collapse {
    border-bottom: 0px solid #000;
    border-radius: 0px !IMPORTANT;
}

 body.page-template-faq .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom: 1px solid #000;
    border-radius: 10px !important;
}
/*FAQ page css*/


/*Project page css*/

.main-pro {
    position: relative;
    width: 23%;
}

.main-project-sec {
    display: flex;
    gap: 0px;
    flex-wrap: wrap;
    column-gap: 27px;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 61px;
    row-gap: 27px;
}

.main-project-sec img {
    width: 100%;
}
.main-project-sec .text-walfare {
    padding: 0px 15px;
}
.main-project-sec .text-walfare h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 23px;
    line-height: 25.79px;
    letter-spacing: 0px;
    color: #fff;
}
section.project-single img {
    width: 100%;
    border-radius: 30px 0px 0px 30px;
}
section.project-single  .col-lg-6.col-md-6.col-xl-6.col-sm-12 {
    padding: 0 !important;
}
section.project-single {
    padding-top: 3rem;
    padding-bottom: 4rem;
}
.second-single-cont .container {
    padding: 0 !important;
}

section.project-single .col-lg-6.col-md-6.col-xl-6.col-sm-12.sec-list-welcome {
    padding-left: 5rem !important;
    background: #FAF4EE;
    border-radius: 0px 30px 30px 0px;
    display: flex;
    align-items: center;
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
    padding-right: 4rem !important;
}
.second-single-cont ul {
    padding-left: 36px;
    list-style: none;
}
.second-single-cont ul li {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 33px;
    letter-spacing: 0px;
    color: #000;
}
.second-single-cont p {
    font-family: Gellix;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #000;
}

ul.welcome-list {
    padding-left: 35px;
    list-style: none;
    margin-top: 24px;
}

.second-single-cont li {
    font-family: Gellix;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #000;
    position: relative;
}
section.project-single h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 52px;
    letter-spacing: 0px;
    color: #2A2B28;
    width: 400px;
    margin-bottom: 12px;
}
.second-single-cont li::after {
    position: absolute;
    content: "";
    background-image: url(https://harariamanafoundation.suffescom.dev/wp-content/uploads/2025/07/tick.png);
    width: 30px;
    height: 30px;
    left: -37px;
    top: 5px;
    background-repeat: no-repeat;
}

/*Project page css*/

/*Event page css*/
.first-event h4 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 16px;
    margin-bottom: 17px;
}

.date {
    display: flex;
    gap: 8px;
}

.date p {
    font-family: Gellix;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
}
section.event-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.date p strong {
    font-weight: 500 !important;
    color: #000000 !important;
}

section.event-section img {
    width: 100%;
    height:auto !important;
}

/*Event page css*/

/*Gallery page css*/

section.gallery-section {
    padding-top: 3rem;
}



  /* Hide all content by default */
 section.event-tabs .tab-content {
    display: none;
  }

  /* Show content based on radio checked */
  section.event-tabs #tab1:checked ~ .content #content1,
  section.event-tabs #tab2:checked ~ .content #content2,
  section.event-tabs #tab3:checked ~ .content #content3 {
    display: block;
  }

  /* Hide radio inputs */
  section.event-tabs input[type="radio"] {
    display: none;
  }

  section.event-tabs #tab1:checked ~ .tabs label[for="tab1"],
 section.event-tabs  #tab2:checked ~ .tabs label[for="tab2"],
  section.event-tabs #tab3:checked ~ .tabs label[for="tab3"] {
    background: #F58620;
    font-weight: bold;
    border-bottom: 0px solid white;
  }
.gallery-item {
    width: 33%;
}
section.event-tabs .content {
    border: 0px solid #ccc;
    padding: 20px;
    padding-left: 5rem;
    padding-top: 0px;
    width: 79%;
}
section.event-tabs .container {
    display: flex;
    align-items: flex-start;
}
section.event-tabs .tab-content h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 38px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 26px;
}
section.event-tabs {
    padding-top: 3rem;
    padding-bottom: 0rem;
}
section.event-tabs .tabs {
    display: grid;
    width: 322px;
    background: #FAF4EE;
    padding: 0px;
    border-radius: 20px;
    padding-bottom: 25px;
}
section.event-tabs .tab-content {
    padding: 0 !IMPORTANT;
}
section.event-tabs h3 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0px;
    color: #2A2B28;
    margin-bottom: 14px;
    padding-left: 33px;
    padding-top: 27px;
}

section.event-tabs .tabs label {
    padding: 10px 20px;
    background: transparent;
    border: 0px solid #ccc;
    margin-right: -1px;
    cursor: pointer;
    font-family: Gellix;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
}
section.event-tabs .tabs ul li.active {
    background: #F58620;
    margin-bottom: 8px;
}
/*Gallery page css*/
.acf-gallery img {
    width: 100% !important;
}
.acf-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 23px;
}
.gallery-item:nth-child(6) img {
    position: relative;
    top: -108px;
}
.gallery-item:nth-child(4) img {
    position: relative;
    top: -108px;
}
.gallery-item:nth-child(5) img {
    height: 192px;
    object-fit: cover;
    border-radius: 8px;
}
.gallery-item:nth-child(3) img {
    height: 192px;
    object-fit: cover;
    border-radius: 8px;
}
.gallery-item:nth-child(1) img {
    height: 190px !IMPORTANT;
    object-fit: cover;
    border-radius: 6px;
}
section.event-tabs .tabs ul li a {
    font-family: Gellix;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #000;
    text-align: center;
    display: flex;
    width: 245px;
    margin: 0 auto;
}
section.event-tabs h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 40px;
    line-height: 39px;
    letter-spacing: 0px;
    margin-bottom: 23px;
}
section.event-tabs .tabs ul {
    padding-left: 0px !important;
    list-style: none;
}
.impact-section h2 {
    font-family: Americana XBdCn BT;
    font-weight: 400;
    font-size: 50px !important;
    line-height: 55px;
    letter-spacing: 0%;
    color: #2A2B28 !important;
}
.impact-number {
    color: #2A2B28 !important;
    font-family: 'Gellix';
    letter-spacing: 0;
    font-size: 24px !important;
}
section.foooter-section::after {
    position: absolute;
    content: "";
    background-image: url(https://harariamanafoundation.suffescom.dev/wp-content/uploads/2025/07/Group-34849-1.png);
    width: 100%;
    height: 100%;
    top: 9px;
}
section.foooter-section {
    position: relative;
}

.impact-section {
    padding-top: 45px;
    padding-bottom: 45px;
}
.page-template-donation h2 {
    text-align: center;
    font-family: 'Americana XBdCn BT';
    font-size: 42px;
    padding-top: 3rem;
    padding-bottom: 2rem;
}
 
.donation-forms {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Gellix';
    letter-spacing: 0;
    color: #000;
    padding: 0px 20px;
    margin-bottom: 58px !important;
}

.givewp-fields-radio__option-container {
    width: 179px !important;
}
#give-donor-dashboard {
    max-width: 99%!important;
}
body.search footer.entry-footer {
    margin-top: 23px;
}
body.search header.page-header h1 {
    font-family: 'Gellix';
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 30px;
}
span.comments-link a {
    color: #000;
    font-family: 'Gellix';
}
body.search header.entry-header h2.entry-title {
    margin-bottom: 26px;
}
body.search p {
    font-family: 'Gellix';
    letter-spacing: 0;
    margin-top: 18px;
}
footer.entry-footer span.screen-reader-text {
    font-family: 'Gellix';
    letter-spacing: 0;
    color: #000;
}
a.post-edit-link {
    color: #000;
    font-family: 'Gellix';
}
body.search main.site-main {
    max-width: 1400px !important;
    margin: 0 auto !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    padding: 0px 20px;
}

.main-class {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.main-class article {
    width: 49%;
}

.main-class article img {
    width: 100%;
}
body.search header.entry-header a {
    font-family: 'Gellix';
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 30px;
    color: #000;
}
.first-grid img.image.wp-image-1155.attachment-full.size-full {
    width: 249px !IMPORTANT;
}
.main-blog img {
    width: 100% !important;
}
.join-text.first-joi-text {
    bottom: 50px !important;
}

body.page-template-contactus section.banner-blog-section h2 {
    font-size: 60px;
    line-height: 70px !important;
}

.aboutus-text2.col-md-5 p {
    font-family: 'Gellix';
    letter-spacing: 0;
    position: relative;
    top: -5px;
}

.donation-form-dropdown {
    width: 600px;
    margin: 0 auto;
}

.donation-form-dropdown label {
    width: 100%;
    text-align: center;
    font-family: 'Gellix';
    letter-spacing: 0;
    color: #000;
    margin-bottom: 15px;
    font-size: 19px;
}
select#donation_form {
    width: 71%;
    display: flex;
    margin-bottom: 52px !important;
    height: 44px;
    padding-left: 9px;
    font-family: 'Gellix';
    color: #000;
    padding-right: 12px;
    margin: 0 auto;
}
.page-template-zakat-donation  h2 {
    text-align: center;
    padding-top: 46px;
    font-family: 'Americana XBdCn BT';
    padding-bottom: 14px;
    font-weight: 600;
    font-size: 37px;
}

section.button-section a.btn.btn-primary {
    background: #8CC540;
    width: 200px !important;
    height: 55px;
    border: 0;
    font-family: Gellix;
    font-weight: 700;
    font-size: 16px;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 40px !important;
    padding: 0 !important;
}

section.button-section {
    margin-bottom: 4rem !important;
}

/*section.button-section .btn-group {*/
/*    flex-wrap: inherit !important;*/
/*}*/

section.button-section p {
    font-family: 'Gellix';
    letter-spacing: 0;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 28px;
}