body{
    font-family: var(--secondary-font-family);
    margin: 0;
    padding: 0;
    position: relative;
}

html{
    scroll-behavior: smooth;
}

:root{
    --primary-color: #F74F22;
    --secondary-color: #000000;
    --dark-text-color: #6B6B6B;
    --body-color: #DFDFDF;
    --white-color: #ffffff;
    --gray-color: #C4C4C4;
    --h1-font: 55px;
    --h2-font: 42px;
    --h3-font: 42px;
    --h4-font: 20px;
    --h5-font: 18px;
    --h6-font: 18px;
    --primary-font-family: 'Quicksand';
    --secondary-font-family: 'Poppins';
    --bold-font: bold;
    --semibold-font: 600;
    --medium-font: 500;
    --regular-font: 400;
    --light-font: 300;
    --body-line-height: 24px;
}

.container{
    width: 100%; 
    max-width: 1350px;
}

.theme-button{
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 12px 35px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 16px;
    transition: all 0.3s;
    border: 1px solid var(--primary-color);
    font-weight: var(--medium-font);
    display: inline-block;
    font-family: var(--secondary-font-family);
}

.theme-button:hover{
    background-color: var(--white-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.theme-button-transparent:hover{
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--white-color);
}

.theme-button-transparent:focus{
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.theme-hover{
    transition: all 0.3s;
}

.theme-hover:hover{
    color: var(--primary-color) !important;
}

.cursor{
    cursor: pointer;
}

h1,h2,h3,h4,h5,h6,button{
    font-family: var(--primary-font-family);
}

h1,h2,h3,h4,h5{
    text-transform: capitalize;
}

ul ,ol{
    list-style: none;
}

a{
    text-decoration: none;
}

h1{
    font-size: var(--h1-font);
    line-height: 65px;
    font-weight: var(--bold-font);
}

h2{
    font-size: var(--h2-font);
    font-weight: var(--bold-font);
}

h3{
    font-size: var(--h3-font);   
    font-weight: var(--bold-font);
}

h4{
    font-size: var(--h4-font);
    font-weight: var(--semibold-font);
}

h5{
    font-size: var(--h5-font);
    line-height: 26px;
    font-weight: var(--semibold-font);
}

h6{
    font-size: var(--h6-font);
    font-weight: var(--semibold-font);
}

.sub-heading{
    color: var(--primary-color);
    font-weight: var(--medium-font);
}

.prefix{
    color: var(--primary-color);
    font-weight: var(--medium-font);
    font-family: var(--primary-font-family);
    font-size: 18px;
    padding-bottom: 15px;
}

p{
    font-size: 16px;
    font-weight: var(--light-font);
    line-height: 26px;
}

.p-t-120{
    padding-top: 100px;
}

.p-b-120{
    padding-bottom: 100px;
}

.min-heading{
    font-size: 14px;
    font-family: var(--primary-font-family);
}

.dark-text{
    color: var(--secondary-color);
}

.body-color{
    color: var(--body-color);
}

.dark-text-color{
    color: var(--dark-text-color);
}

.white-color{
    color: var(--white-color);
}

/* header start */

header{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0 12px;
}

header > .container{
    padding: 0 35px;
}

header .container{
    background: #b38e49;
}

header .theme-button{
    margin-left: 30px;
}

header .contact-information{
    z-index: 3;
}

header .details .contact li a{
    color: var(--white-color);
    transition: all 0.3s;
}

header .details .contact li img{
    width: 15px;
}

header .details .contact li:last-child{
    border-left: 1px solid rgb(94, 94, 94);
}

header .details .social-icon li+li{
    padding-left: 20px;
}

header .details .social-icon i{
    font-size: 15px;
    color: var(--white-color);
    cursor: pointer;
    transition: all 0.3s;
}

header .details .contact li a:hover{
    color: var(--primary-color);
}

header .details .social-icon i:hover{
    color: var(--primary-color);
}

header .navbar .container{
    padding: 20px 35px;
}

header .navbar .collapse .donation{
    border-left: 1px solid rgb(212, 212, 212);
}

header .navbar .navbar-nav .nav-item{
    padding: 0;
}

header .navbar-nav .nav-link{
    color: #3F3F3F;
    font-weight: var(--medium-font);
    transition: all 0.3s;
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0 15px;
}

header .navbar li{
    padding: 0px 8px;
}

header .navbar-nav li .nav-link:hover{
    color: var(--primary-color);
}

header .navbar-toggler{
    font-size: 28px;
    color: var(--primary-color);
}

/* header end */

/* hero-banner-wrapper start */

/*.hero-banner-wrapper::before{
    content: url(../images/our_mission_uper_part_black.svg);
    position: absolute;
    bottom: -7px;
}*/

.hero-banner-wrapper{
    position: relative;
    z-index: 1;
    min-height: 930px;
}

.hero-banner-wrapper .title{
    padding: 150px 0;
    max-width: 580px;
}

.hero-banner-wrapper img{
    z-index: -1;
}

.hero-banner-wrapper .prefix{
    font-size: 18px;
}

.hero-banner-wrapper .first-banner{
    animation: zoom-in 3s infinite alternate;
    min-height: 100%;
    min-width: 100%;
}

.hero-banner-wrapper .animated-img{
    animation: zoom-out 3s infinite alternate;
}

@keyframes zoom-out {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(0.96);
        opacity: 0.2;
    }
}

@keyframes zoom-in {
    0%{
        transform: scale(1);
        filter: brightness(60%);
    }
    100%{
        transform: scale(1.04);
        filter: brightness(55%);
    }
}

/* hero-banner-wrapper end */

/* our-mission-wrapper start */

.our-mission-wrapper::before{
    content: url(../images/our_mission_bottom_part_white.svg);
    position: absolute;
    bottom: -8px;
    left: 0;
    transform: scaleX(-1);
}

.our-mission-wrapper .container .row{
    padding-top: 40px;
}

.our-mission-wrapper{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 60px;
    padding-bottom: 160px;
    /* transform: translateY(10px);
    z-index: 1; */
}

.our-mission-wrapper .title{
    max-width: 660px;
}

.our-mission-wrapper .main-box .img-box , .charity .img-box{
    position: relative;
    margin-top: 10px;
}

.our-mission-wrapper .main-box .img-box::before , .charity .img-box::before{
    content: '';
    background-color: var(--primary-color);
    opacity: 0.15;
    left: -7px;
    top: -10px;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 0 0 70px 0;
}

.charity .img-box::before{
    opacity: 0.05;
}

/* our-mission-wrapper end */

/* make-your-goal-wrapper start */

.make-your-goal-wrapper{
    padding-top: 130px;
   
}

.make-your-goal-wrapper .content{
    padding-left: 30px;
}

.make-your-goal-wrapper .img-box{
   padding: 0 12px;
}

.make-your-goal-wrapper .img-box .video-img{
    top: -61px;
    right: 12px;
    position: absolute;
    z-index: 1;
    border: 10px solid white;
    border-top: 0;
    border-right: 0;
}

.make-your-goal-wrapper .img-box .video-img .mask{
    -webkit-mask-image: url(../images/packing_team_mask.svg);
    mask-image: url(../images/packing_team_mask.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.make-your-goal-wrapper .img-box::before{
    content: '';
    position: absolute;
    width: 83%;
    height: 95%;
    border: 1px solid #DFDFDF;
    background: transparent;
    display: block;
    transform: translate(-3% , 8%);
}

.make-your-goal-wrapper .img-box .video-img .original-img{
    filter: brightness(80%);
}

.make-your-goal-wrapper .mask-outer-box .mask{
    -webkit-mask-image: url(../images/make-your-goal-wrapper-mask-img.svg);
    mask-image: url(../images/make-your-goal-wrapper-mask-img.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.make-your-goal-wrapper .img-box .mask .theme-img{
    animation: zoom_make_your_goal_wrapper 2.5s linear infinite alternate;
    width: 100%;
}

@keyframes zoom_make_your_goal_wrapper {
    
    0%{
        transform: scale(1);
        filter: brightness(90%);
    }

    100%{
        transform: scale(1.04);
        filter: brightness(50%);
    }

}

/* make-your-goal-wrapper end */

/* featured-campaigns-start */

.featured-campaigns .img-box .overlay{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    width: 100%;
    height: 100%;
    top: 0;   
}

.featured-campaigns .img-box img{
    width: 100%;
}

.featured-campaigns .content{
    bottom: 30px;
}

.featured-campaigns .featured-slider .img-size{
    width: 100%;
}

.featured-campaigns .slider-box{
    padding: 0 12px;
}

.featured-campaigns .slider-box .main-box .content a:hover{
    color: var(--primary-color);
}

.featured-campaigns .slider-box .main-box .content a{
    transition: all 0.4s;
    font-size: 20px;
    line-height: 20px;
}

.featured-campaigns .content .title{
    color: var(--gray-color);
    font-weight: light;
}

.featured-campaigns .slick-prev:before, .slick-next:before {
    display: none;
}

.featured-campaigns .slick-slider{
    position: unset;
}

.featured-campaigns .slick-prev , .featured-campaigns .slick-next{
    top: -55px;
    right: 280px;
    left: unset;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
}

.featured-campaigns .slick-prev{
    right: 340px;
    transition: all 0.3s;
}

.featured-campaigns .slick-prev:hover{
    background-color: var(--primary-color);
    box-shadow: 0px 10px 20px rgba(247,79,34,0.3);
}

.featured-campaigns .slick-prev:hover img{
    filter: brightness(0) invert(1);
}

.featured-campaigns .slick-next:hover{
    background-color: var(--primary-color);
    box-shadow: 0px 10px 20px rgba(247,79,34,0.3);
}

.featured-campaigns .slick-next:hover img{
    filter: brightness(0) invert(1);
}

.featured-campaigns .featured-slider{
    position: relative;
}

/* progress_bar start */

.progress {
  width: 70px;
  height: 70px !important;
  float: left; 
  line-height: 70px;
  background: none;
  box-shadow: none;
  position: relative;
}
.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress .progress-left {
  left: 0;
}
.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 4px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress .progress-right {
  right: 0;
}
.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
.progress .progress-value {
  font-size: 26px;
  color: #ffffff;
  position: absolute;
  width: 100%;
}
/* .progress.yellow .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards 1.8s;
} */
.progress .progress-value p{
  line-height: 70px;
  text-align: center;
  font-family: var(--primary-color-font-family);
  font-weight: var(--medium-font);
}
.progress .progress-bar {
  border-color: var(--primary-color);
}

.progress.percentage-60 .progress-left .progress-bar {
  animation: percentage-60 0.4s linear forwards 1.8s;
}

.progress.percentage-60 .progress-left .progress-bar {
  animation: percentage-60 0.4s linear forwards 1.8s;
}

.progress.percentage-79 .progress-left .progress-bar {
    animation: percentage-79 1s linear forwards 1.8s;
}

.progress.percentage-82 .progress-left .progress-bar {
    animation: percentage-82 1s linear forwards 1.8s;
}

.progress.percentage-90 .progress-left .progress-bar {
    animation: percentage-90 1.4s linear forwards 1.8s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes percentage-90 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
@keyframes percentage-79 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
  }
}
@keyframes percentage-82 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(112deg);
      transform: rotate(112deg);
    }
  }
@keyframes percentage-60 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
  }
}

/* progress_bar end*/

/* featured-campaigns-end */

/* your-help-wrapper start */

.your-help-wrapper{
    padding: 70px 0;
}

.your-help-wrapper .main-box{
    min-height: 717px;
}

.your-help-wrapper .content{
    max-width: 542px;
    margin-right: 50px;
    padding: 0 12px;
}

.your-help-wrapper .row{
    padding: 0 12px;
}

.your-help-wrapper .main-box{
    position: relative;
}

.your-help-wrapper .main-box .main-img{
    z-index: -2;
    left: 0;
    animation: zoom_in_your_help_wrapper 2s linear infinite alternate;
}

@keyframes zoom_in_your_help_wrapper{

    0%{
        transform: scale(1);
        filter: brightness(100%);
    }
    100%{
        transform: scale(1.04);
        filter: brightness(70%);
    }

}

.your-help-wrapper .main-box .mask-img{
    z-index: -1;
    left: 0;
    overflow: hidden;
    width: auto;
}


/* your-help-wrapper end */

/* recent-stories-start */

.recent-stories::before{
    content: url(../images/our_mission_bottom_part_white.svg);
    position: absolute;
    bottom: -40px;
    transform: scaleX(-1);
}

.recent-stories::after{
    content: url(../images/our_mission_uper_part_white.svg);
    position: absolute;
    top: -40px;
}

.recent-stories .stories span{
    color: var(--primary-color);
    top: 8%;
    left: 7%;
}

.recent-stories .stories .img-box .inner-box{
    width: 133px;
}

.recent-stories .stories h6{
    font-family: var(--secondary-font-family);
    font-weight: var(--regular-font);
}

.recent-stories .stories a.title{
    font-size: 18px;
    line-height: 26px;
    text-transform: capitalize;
    transition: all 0.4s;
    display: block;
}

.recent-stories .stories a.title:hover{
    color: var(--primary-color) !important;
}

.recent-stories .stories ul{
    display: flex;
}

.recent-stories .form-control::placeholder{
    color: var(--gray-color);
    font-weight: var(--light-font);
}

.recent-stories{
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.recent-stories .linked-element{
    font-weight: var(--regular-font);
    font-family: var(--secondary-font-family);
    transition: all 0.3s;
    font-size: 14px;
}

.recent-stories .linked-element:hover{
    color: var(--primary-color) !important;
}

.recent-stories .img-content .content{
    bottom: 35px;
}

.recent-stories .img-content a.title:hover{
    color: var(--primary-color);
}

.recent-stories .img-content a.title{
    transition: all 0.4s;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    display: block;
}

.recent-stories .main-box .overlay{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 100%;
    top: 0;   
}

.recent-stories .img-content .content h6{
    font-family: var(--secondary-font-family);
    font-weight: var(--regular-font);
}

.recent-stories .img-content span{
    top: 4%;
    left: 5%;
}

.recent-stories .newsletter p span a{
    color: var(--secondary-color);
    text-decoration: underline;
    font-weight: var(--medium-font);
    transition: all 0.3s;
}

.recent-stories .newsletter p span a:hover{
    color: var(--primary-color);
}

.recent-stories .newsletter .input-group{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    background-color: var(--white-color);
}

.recent-stories .newsletter input{
    height: 46px;
    padding: 25px 30px;
    background-color: transparent;
}

.recent-stories .newsletter .theme-button{
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    cursor: pointer;
    font-weight: var(--semibold-font);
}


/* recent-stories-end */

/* charity start */

.charity .w-100{
    box-shadow: 0 0 6px rgba(247, 79, 34, 0.9);
}

.charity .title{
    max-width: 500px;
}

/* charity end */

/* clients-review-start */

.clients-review::before{
    content: url(../images/our_mission_bottom_part_theme.svg);
    position: absolute;
    bottom: -40px;
    transform: scaleX(-1);
}

.clients-review::after{
    content: url(../images/our_mission_uper_part_white.svg);
    position: absolute;
    top: -40px;
}

.clients-review{
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 583px;
}

.clients-review .black-bg{
    padding: 40px;
}

.clients-review .content{
    max-width: 490px;
}

.clients-review .content span{
    font-family: var(--primary-color-font-family);
    font-size: 18px;
}

.clients-review .content p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.clients-review .review-box .w-100{
    background: rgba(0, 0, 0, 0.65);
}

.clients-review .slick-prev:before, .slick-next:before {
    display: none;
}

.clients-review .slide-box .review-box .profile{
    border-radius: 100%;
    width: 75px;
    height: 75px;
}

.clients-review .slide-box .review-box .profile img{
    border-radius: 100%;
    width: 100%;
}

.clients-review .slick-slider{
    position: unset;
}

.clients-review .slick-prev{
    left: 12px;
    transition: all 0.3s;
}

.clients-review .slick-next{
    left: 72px;
    transition: all 0.3s;
}

.clients-review .slick-next, .clients-review .slick-prev{
    top: unset;
    bottom: -35px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid white;  
    filter: brightness(0) invert(1);
}

.clients-review .slick-prev:hover{
    border: 1px solid white;  
    background: white;
    filter: unset;
}

.clients-review .slick-next:hover{
    border: 1px solid white;  
    background: white;
    filter: unset;
}

.clients-review .slick-dots{
    display: none !important;
}

/* clients-review-end */

/* companies-start */

.companies{
    background-color: #FFFCFB;
    padding-top: 70px;
    padding-bottom: 80px;
}

.companies img{
    max-width: 129px;
}

.companies ul{
    flex-basis: auto;
}

.companies img{
    filter: grayscale(1);
    cursor: pointer;
    transition: all 0.3s;
}

.companies img:hover{
    filter: grayscale(0);
    transform: scale(1.1);
}

/* companies-end */

/* get-in-touch-start */

.get-in-touch{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
}

.get-in-touch .container > .row{
    padding-bottom: 60px;
}

.get-in-touch .icon-box{
    min-width: 42px;
    min-height: 42px;
    border-radius: 100%;
    background: rgba(247, 79, 34, 0.1);
}

.get-in-touch .images img{
    width: 100%;
}

.get-in-touch .images .col-6{
    padding: 8px;
}

.get-in-touch .copyright{
    border-top: 2px solid rgba(0, 0, 0, 0.02);
}

.get-in-touch .information ul li a{
    color: var(--secondary-color);
    transition: all 0.3s;
}

.get-in-touch .information ul li a:hover{
    color: var(--primary-color);
}

.get-in-touch .copyright a{
    font-weight: var(--light-font);
}

/* get-in-touch-end */

/* Modal-start */

.modal .modal-body .close-button{
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
    border-radius: 100%;
    margin-bottom: 15px;
    transition: all 0.3s;
}

.modal{
    --bs-modal-border-color: none;
}

.modal .modal-body{
    padding: 0;
}

.modal-content{
    background: none;
}

.modal-body .close-button i{
    font-size: 35px;
    color: var(--white-color);
    transition: all 0.4s;
    margin-top: 2px;
    line-height: 20px;
}

/* Modal-end */

/* Top-button start */

.top{
    bottom: -70px;
    right: 30px;
    position: fixed;
    z-index: 5;
    transition: all 0.3s;
}

.effect{
    bottom: 30px;
    right: 30px;
    transition: all 0.3s;
}

.top i{
    font-size: 5px;
    color: white;
    transition: all 0.3s;
}

.effect i{
    font-size: 20px;
}

.top button{
    background-color: var(--primary-color);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid var(--primary-color);
    transition: all 0.3s;
}

.effect button{
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.top button:hover{
    background: transparent;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.top button:hover i{
    color: var(--primary-color);
}

/* Top-button end */

/* --------------------------------------------------------- Media Query Start -------------------------------------------------------- */

/* featured-campaigns-slider-button-start */

@media (max-width:1799px) {
    
.featured-campaigns .slick-prev , .featured-campaigns .slick-next{
    right: 230px;
}

.featured-campaigns .slick-prev{
    right: 290px;
}
    
}

@media (max-width:1699px) {
    
.featured-campaigns .slick-prev , .featured-campaigns .slick-next{
    bottom: -110px ;
    top: unset ;
    z-index: 1;
}

.featured-campaigns .slick-prev{
    right: 50.5% ;
}

.featured-campaigns .slick-next{
    left: 50.5% ;
}

.your-help-wrapper{
    padding: 120px 0 70px 0;
}
    
}

/* featured-campaigns-slider-button-end */

@media (max-width:1399px) {
    
    .p-t-120{
        padding-top: 60px;
    }
    
    .p-b-120{
        padding-bottom: 60px;
    }
    
    .clients-review{
        padding-top: 90px;
        padding-bottom: 100px;
    }
    
    .our-mission-wrapper{
        padding-top: 40px;
    }

    .your-help-wrapper .content{
        max-width: 500px;
    }

    .your-help-wrapper .main-box .main-img{
        animation: none;
        filter: brightness(90%);
    }

    header .navbar .container{
        padding: 10px 12px;
    }
    
    header > .container{
        padding: 0 12px;
    }

    .hero-banner-wrapper{
        min-height: 100vh;
    }
    
    .recent-stories .stories h5{
        font-size: 16px;
        line-height: var(--body-line-height);
    }

    .recent-stories .stories ul{
        display: unset;
    }
    
    /* clients-review-slider-button & make-your-goal-wrapper-start */

    .clients-review .slick-next, .clients-review .slick-prev{
        bottom: -8px;  
    }
    
    .make-your-goal-wrapper .img-box .under-a-video{
        position: relative;
        display: flex;
        justify-content: center;
    }
    
    .make-your-goal-wrapper .img-box .mask-outer-box.box-2{
        display: block;
    }
    
    .make-your-goal-wrapper .img-box .video-img{
        width: inherit;
    }

    /* clients-review-slider-button & make-your-goal-wrapper-end */
    
}

@media (max-width:1199px) {

h1{
    font-size: 50px;
    line-height: 60px;
}

h2{
    font-size: 38px;
}

h3{
    font-size: 38px;   
}

.prefix{
    padding-bottom: 8px;
}

header .navbar li{
    padding: 8px 13px;
}

.p-t-120{
    padding-top: 60px;
}

.p-b-120{
    padding-bottom: 60px;
}

.clients-review{
    padding-top: 110px;
    padding-bottom: 80px;
}

.recent-stories .stories a.title{
    font-size: 16px;
    line-height: 24px;
}

.companies ul li{
    padding: 30px;
}

.your-help-wrapper{
    padding: 100px 0 50px 0;
}

.your-help-wrapper .content{
    max-width: 100%;
    margin: 0;
}

@keyframes zoom_in_your_help_wrapper{

    0%{
        transform: scale(1);
        filter: brightness(80%);
    }
    100%{
        transform: scale(1.04);
        filter: brightness(40%);
    }

}

.get-in-touch{
    padding-top: 70px;
}

.recent-stories .theme-button{padding: 12px 20px; font-size: 14px; line-height: var(--body-line-height); font-weight: var(--medium-font);}

.recent-stories .newsletter input{
    font-size: 14px;
}

.recent-stories .stories h5{
    font-size: 14px;
    line-height: 20px;
}

.recent-stories .stories ul li a{
    font-size: 12px;
}

.recent-stories .stories .max-img-box span{
    font-size: 12px;
}

/* clients-review-slider-button & make-your-goal-wrapper-start */

.clients-review .slick-next, .clients-review .slick-prev{
    top: 300px;
    bottom: unset;
}

.make-your-goal-wrapper{
    padding-bottom: 50px;
}

.make-your-goal-wrapper .content{
    padding-left: 30px;
}

/* clients-review-slider-button & make-your-goal-wrapper-end */

}

@media (max-width:991px) {

    h1{
        font-size: 40px;
        line-height: 50px;
    }
    
    h2{
        font-size: 34px;
    }
    
    h3{
        font-size: 34px;   
    }
    
    header .navbar .collapse .donation{
        border: none;
    }
    
    header .navbar ul{
        text-align: left;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 10px 15px;
    }

    .p-t-120{
        padding-top: 30px;
    }
    
    .p-b-120{
        padding-bottom: 30px;
    }
    
    .charity.p-t-120{
        padding-top: 50px;
    }
    
    .charity.p-b-120{
        padding-bottom: 60px;
    }
    
    .top{
        bottom: -70px;
        right: 20px;
    }
    
    .effect{
        bottom: 20px;
        right: 20px;
    }
    
    .companies img {
        max-width: 125px;
    }
    
    .clients-review{
        padding-top: 80px;
        padding-bottom: 60px;
    }
    
    .recent-stories .theme-button{padding: 12px 35px;}
    
    .recent-stories .newsletter input{
        font-size: 14px;
    }
    
    .recent-stories .stories h5{
        font-size: 16px;
        line-height: var(--body-line-height);
    }
    
    .recent-stories .newsletter{
        padding-bottom: 40px;
    }
    
    /* clients-review-slider-button & make-your-goal-wrapper-start */

    .clients-review .slick-next, .clients-review .slick-prev{
        top: unset;
        bottom: 0;
        z-index: 11;
    }
    
    .clients-review .slick-prev{
        left: 43.5%;
    }
    
    .clients-review .slick-next{
        left: 51.5%;
    }
    
    .clients-review .slide-box{
        padding-bottom: 90px;
        padding-top: 10px;
    }

    .clients-review .content{
        max-width: 100%;
    }
    
    .make-your-goal-wrapper .img-box .video-img .play-icon {
        width: 60px;
    }
    
    .make-your-goal-wrapper {
        padding-top: 53px;
        padding-bottom: 20px;
    }
    
    .make-your-goal-wrapper h6{
        font-size: 16px;
    }

    .make-your-goal-wrapper .content{
        padding-left: 12px;
    }

    /* clients-review-slider-button & make-your-goal-wrapper-end */
    
}

@media (max-width:767px) {

h1{
    font-size: 30px;
    line-height: 40px;
}

h2{
    font-size: 28px;
}

h3{
    font-size: 28px;
}

h4{
    font-size: 18px;
}

h5{
    font-size: 14px;
    line-height: var(--body-line-height);
}

h6{
    font-size: 14px;
    line-height: var(--body-line-height);
}

.prefix{
    padding-bottom: 5px;
}

p{
    font-size: 14px;
    line-height: var(--body-line-height);
}

.min-heading{
    font-size: 12px;
}

.theme-button{
    padding: 12px 25px;
    border-radius: 25px;
    font-size: 14px;
}

.hero-banner-wrapper span{
    font-family: var(--primary-color-font-family);
    font-size: 14px;
}

.clients-review .title span{
    font-family: var(--primary-color-font-family);
    font-size: 14px;
}

.recent-stories .newsletter input{
    height: 56px;
}

.recent-stories .img-content a.title{
    font-size: 18px;
    line-height: 22px;
}

header{
    margin-bottom: -201px;
}

.clients-review{
    padding-top: 70px;
    padding-bottom: 50px;
}

.featured-campaigns .content {
    bottom: 20px;
}

.featured-campaigns .slider-box .main-box .content a{
    font-size: 18px;
    line-height: 18px;
}

.charity.p-b-120{
    padding-top: 40px;
    padding-bottom: 50px;
}

.progress {
    width: 50px;
    height: 50px !important;
}

.progress .progress-value p{
  line-height: 50px;
  font-size: 14px;
}

.companies img {
    max-width: 140px;
}

.companies .row{
    column-gap: 70px;
    row-gap: 25px;
}

.companies{
    padding-top: 50px;
    padding-bottom: 60px;
}

.our-mission-wrapper{
    padding-top: 0px;
    padding-bottom: 120px;
}

.recent-stories{
    padding-top: 90px;
    padding-bottom: 90px;
}

.recent-stories .stories{
    padding-top: 40px;
}

.recent-stories .newsletter{
    padding-bottom: 30px;
}

.recent-stories .theme-button{line-height: 30px; border-radius: 30px;}

.recent-stories .newsletter input{
    font-size: 14px;
}

.recent-stories .stories h5{
    font-size: 16px;
    line-height: var(--body-line-height);
}

.recent-stories .stories ul{
    display: flex;
}

.recent-stories .newsletter{
    padding-bottom: 40px;
}

.your-help-wrapper{
    padding: 90px 0 50px 0;
}

.get-in-touch {
    padding-top: 60px;
}

/* featured-campaigns-slider-button-start */

.featured-campaigns .slick-prev , .featured-campaigns .slick-next{
    width: 40px;
    height: 40px;
}

.featured-campaigns .slick-prev img , .featured-campaigns .slick-next img{
    width: 18px;
}

.featured-campaigns .slick-prev{
    right: 50.5% ;
}

.featured-campaigns .slick-next{
    left: 50.5% ;
}

.featured-campaigns .slider-box{
    padding: 0 10px;
}

/* featured-campaigns-slider-button-end */

/* clients-review-slider-button & make-your-goal-wrapper-start */

.clients-review .slick-next, .clients-review .slick-prev{
    width: 40px;
    height: 40px;
}

.clients-review .slick-next img, .clients-review .slick-prev img{
    width: 18px;
}

.clients-review .slick-next, .clients-review .slick-prev{
    top: unset ;
    bottom: 0;
}

.clients-review .slick-prev{
    left: 41.5%;
}

.clients-review .slick-next{
    left: 50.5%;
}

.make-your-goal-wrapper .container > .row{
    padding-top: 80px;
}

.make-your-goal-wrapper .img-box .video-img{
    width: 310px;
}

.make-your-goal-wrapper .img-box .video-img .play-icon {
    width: unset;
}

.make-your-goal-wrapper{
    padding-top: 0px;
    padding-bottom: 20px;
}

/* clients-review-slider-button & make-your-goal-wrapper-end */

}

@media (max-width:575px) {

.p-t-120{
    padding-top: 25px;
}

.p-b-120{
    padding-bottom: 25px;
}

header .navbar-brand img{
    width: 90%;
}

/* .hero-banner-wrapper{
    min-height: 100vh;
} */

.clients-review{
    padding-top: 150px;
    padding-bottom: 150px;
}

.featured-campaigns .slider-box{
    padding: 0 8px;
}

.clients-review{
    padding-top: 60px;
    padding-bottom: 35px;
}

.companies ul li{
    padding: 20px;
}

.companies{
    padding-top: 30px;
    padding-bottom: 50px;
}

.charity.p-b-120 {
    padding-top: 25px;
    padding-bottom: 35px;
}

.recent-stories{
    padding-top: 70px;
    padding-bottom: 70px;
}

.top{
    bottom: -70px;
    right: 15px;
}

.effect{
    bottom: 15px;
    right: 15px;
}

.make-your-goal-wrapper .goal-icon{
    flex-direction: column;
}

.modal .modal-body .close-button i{
    font-size: 25px;
}

.modal .modal-body .close-button {
    margin: 0;
}

.companies img {
    max-width: 130px;
}

.clients-review .slide-box .review-box .coma-icon img{
    max-width: 60px;
}

.clients-review .slide-box .review-box .coma-icon{
    margin: 0 auto;
}

.your-help-wrapper{
    padding: 80px 0 30px 0;
}

.get-in-touch .container > .row{
    padding-bottom: 50px;
}

.get-in-touch{
    padding-top: 50px;
}

.companies .row{
    column-gap: 20px;
}

/* clients-review-slider-button & make-your-goal-wrapper-start */

.clients-review .slick-prev{
    left: 41%;
}

.clients-review .slick-next{
    left: 49%;
}

.make-your-goal-wrapper .img-box .video-img{
    width: 250px;
}

.make-your-goal-wrapper .img-box .video-img .play-icon {
    width: 50px;
}

.make-your-goal-wrapper .img-box::before{
    border: 0;
}

/* clients-review-slider-button & make-your-goal-wrapper-end */

}

@media (max-width:430px) {
    
header .contact-information .details .contact{
    flex-direction: column;
}

header .details .contact li:last-child{
    border: none;
}

header .details .contact li{
    padding: 5px 0 !important;
    margin: auto;
}

.recent-stories .newsletter input{
    padding: 25px 30px 25px 20px;
}

.our-mission-wrapper .main-box .img-box::before{
    width: 30px;
    height: 30px;
}

/* make-your-goal-wrapper-start */

.make-your-goal-wrapper .img-box .video-img .play-icon{
    width: 50px;
}

/* make-your-goal-wrapper-end */

}

/* clients-review-slider-button & make-your-goal-wrapper-start */

@media (min-width:1329px) and (max-width:1399px) {
  
.clients-review .slick-next, .clients-review .slick-prev{
    bottom: -45px;  
}
    
}

@media (min-width:1200px) and (max-width:1299px) {
  
.clients-review .slick-next, .clients-review .slick-prev{
    bottom: -20px;  
}
    
}

@media (max-width:460px) {

.clients-review .slick-prev{
    left: 38%;
}

.clients-review .slick-next{
    left: 52%;
}

.make-your-goal-wrapper .img-box .video-img{
    width: 200px;
}

}

@media (max-width:383px) {

.clients-review .slick-prev{
    left: 35%;
}

.clients-review .slick-next{
    left: 52%;
}

}
    
/* clients-review-slider-button & make-your-goal-wrapper-end */

/* orientation landscape start */

@media only screen and (max-width: 900px) and (orientation: landscape) {
    
.hero-banner-wrapper{
    min-height: 500px;
}

}

/* orientation landscape end */


/* --------------------------------------------------------- Media Query End -------------------------------------------------------- */