@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

.btn-header {
    padding-top: 14px !important;
    padding-right: 48px !important;
    padding-bottom: 14px !important;
    padding-left: 48px !important;
    background-color: #08712E;
    color: #F5F6FA !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    border-radius: 40px !important;
}
.btn-header2 {
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    background-color: #868686;
    color: #f5f5f5 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    border-radius: 40px !important;
}

.btn{
    border-radius: 40px !important;
    overflow:hidden;
}


p{
    font-family: IRANSans!important;
}

.carousel-item {
    transition: transform 2.6s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: opacity 0s 2.6s;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.ahoveri
{
    transition: 0.5s ease-out;
}
.ahoveri:hover
{
    transition: 0.5s ease-in;
    -webkit-box-shadow: 0 6px 9.5px 0 #278115;
    -moz-box-shadow: 0 6px 9.5px 0 #278115;
    box-shadow: 0 6px 9.5px 0 #278115;
}

.btne:hover
{
    transition: 0.5s linear;
    background: rgb(5, 77, 45) !important;
}
.btne
{
    transition: 0.25s ease-in;
    background: rgb(17, 112, 51) !important;
}

.menur2
{
    z-index: 999999999999999999999999; transition: 0.1s; top: 0px;  background: #f3f4f9;
}


.object-fit-cover{
    object-fit: cover;
}

a
{
    text-decoration: none!important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.card img{
    object-fit: cover!important;
}

/* change transition duration to control the speed of fade effect */
.carousel-item {
    transition: transform 2.6s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: opacity 0s 2.6s;
}

.h2c{
    font-weight: 700;  color:black;  font-family:IRANSans!important;
}

.p2c{
    font-weight: 500;  color:black;  font-family:IRANSans!important;
}

body {
    background:#F5F6FA;
    font-family:IRANSans!important;
}
.font-irsans {
    font-family: IRANSans !important;

}

.color-green {
    color: #08712E !important;
}

.color-black {
    color: #1F1F1F !important;
}

.color-black-light {
    color: #494949 !important;
}

.color-hover {
    color: #494949 !important;
}

.color-hover:hover {
    color: #1F1F1F !important;
}

.btn-header {
    padding-top: 14px !important;
    padding-right: 48px !important;
    padding-bottom: 14px !important;
    padding-left: 48px !important;
    background-color: #08712E;
    color: #F5F6FA !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    border-radius: 40px !important;
}

.btn-header:hover {
    background-color: #005c22;
}

@media (max-width: 768px)
{
    .btn-header {
        padding-top: 7px !important;
        padding-right: 24px !important;
        padding-bottom: 7px !important;
        padding-left: 24px !important;
        font-weight: 400 !important;
        font-size: 15px !important;
    }
}

.baner {
    font-size: 16px !important;
}



@media (min-width: 768px){
    .baner {
        font-size: 26px !important;
        font-weight: 300 !important;
    }
}



@media (max-width: 768px)
{
    .navbar-toggler-icon {
        font-size: 17px !important;
    }
}

/* hero */
.object-p {
    margin-top: 6rem !important;
    margin-right: 15rem !important;
}

.hero-back {
    background-image: url(../file/images/main/hero\ back.png) !important;
}

.hero-text-pt {
    padding-top: 6rem !important;
}

.hr {
    max-width: 93% !important;
    margin-left: 2.5rem !important;
}

.text-max {
    max-width: 95% !important;
}
/* hero */

/* payment cards */
.object-payment{
    margin-top: 9rem !important;
    margin-right: 6rem !important;
    width: 135.35px !important;
    height: 128.75px !important;
}

.payment-text{
    font-size: 36px !important;
    font-weight: 700 !important;
    padding-bottom: 1rem !important;
}

@media (min-width: 768px)
{
    .payment-text-p {
        margin-top: -3rem !important;
    }
}

.event-text {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.cards {
    border-radius: 20px !important;
}

.cards:hover {
    border: 2px dashed #08702f !important;
    border-radius: 20px !important;
    transition: 0.2s linear;
}

.card{
    transition: 0.5s ease-out;
    border: 2px solid rgba(0,0,0,.125) !important;
}



@media (max-width: 768px)
{
    .card-block {
        width: 95% !important;
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 768px) {
    .the-card {
        margin-top: 6rem!important;
    }
}

.card-text-hover:hover {
    color: #08712E !important;
}
/* payment cards */

.Spread-back {
    background-color: #ECECEC !important;
    border-radius: 20px !important;
    margin-top: 50px !important;
}

@media (min-width: 768px) {
    .Spread-pa {
        margin-top: -3.5rem !important;
    }
}




@media (min-width: 768px) {
    .real-video {
        margin-top: -20rem !important;
    }
}


.vl {
    border-left: 1px solid #939496;
    height: 3.5rem;
}


@media (max-width: 768px) {
    .Spread-responsive {
        text-align: right !important;
    }
}
@media (min-width: 768px) {
    .text-sm-center{
        text-align: center !important;
    }
    .Spread-text-2 ,.Spread-pa {
        max-width: 80% !important;
    }
}

.benefactors {
    padding-top: 4rem !important;
}

@media (max-width: 768px) {
    .benefactors {
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .Spread-text-2 {
        text-align: center !important;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    .Spread-media {
        margin-top: 15%;
        margin-bottom: 7%;
    }
}



.campaigns-img {
    margin-right: 86% !important;
}

@media (max-width: 768px)
{
    .visit-max {
        max-width: 85% !important;
    }
}


@media (max-width: 768px){
    .media-responsive{
        margin-top: 8rem !important;
    }
}





@media (min-width: 768px) {
    .text2-max {
        max-width: 100% !important;
    }
}

.card-texts{
    background-color: #fff !important;
    border-radius: 20px !important;
    border: 1px solid #F05D1952;
    padding-top: 6px !important;
    padding-left: 12px !important;
    padding-bottom: 6px !important;
    padding-right: 12px !important;
}
.card-texts-m{
    margin-top: -2.2rem !important;
    margin-bottom: 2.2rem !important;
}

.card-redius {
    border-radius: 28px !important;
}

.progresst{
    width: 74%;
    height: 0.3rem !important;
}

.progress-color {
    background-color: #08712E !important;
}

.btn-color2 {
    color: #fff !important;
    background-color: #08712E !important;
}

.btn-color2:hover {
    background-color: #074e21 !important;
}

.btn-color {
    margin-top: 1.5rem !important;
    border-radius: 40px !important;
    color: #fff !important;
    background-color: #08712E !important;
    padding-top: 10px !important;
    padding-right: 18px !important;
    padding-bottom: 10px !important;
    padding-left: 18px !important;
}


.btn-color:hover {
    background-color: #074e21 !important;
}
/*Popular campaigns*/

/*color of life*/
.life {
    border-radius: 20px !important;
    width: 95% !important;
    margin-top: 7rem !important;
    background-color: #ECECEC !important;
}

.images {
    margin-bottom: 10rem !important;
    margin-top: 5rem !important;
    margin-right: 2rem !important;
}

.images2 {
    margin-top: 8rem !important;
}

.link-hover:hover {
    color: #08712E !important;
}




@media (min-width: 768px){
    .card-2 {
        margin-left: 20rem !important;
    }
}
/*How*/




.img-opacity {
    position: relative !important;
    display: inline-block !important;
}
.img-opacity:before {
    content: "" !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    background: linear-gradient(to right, #D9D9D9 0, rgba(217, 217, 217, 0.668845) 0%, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%) !important
}
@media (min-width: 768px){
    .how-buton {
        margin-left: 6rem!important;
    }
}

@media (min-width: 768px){
    .leafs-div {
        margin-left: 4rem !important;
    }
}

@media (min-width: 768px){
    .leafs1 {
        margin-bottom: 6rem !important;
        margin-top: -2rem !important;
        margin-left: -7rem !important;
    }
}

@media (min-width: 768px){
    .leafs2 {
        margin-top: 6rem !important;
        margin-bottom: -3rem !important;
    }
}

/*event*/
@media (max-width: 576px) {
    .margin-bt-sm{
        margin-bottom: 3rem !important;
    }
}
.div-asli {
    border: 1px solid #8E8CF7 !important;
    border-radius: 70px !important;
    background-color: #fff !important;
    max-width: 21rem !important;
    padding: 7px 14px 3px 14px !important;
    margin-top: -4rem !important;
    margin-bottom: 3rem !important;
}

.div-asli2 {
    border: 1px solid #F7AE8C !important;
    border-radius: 70px !important;
    background-color: #fff !important;
    max-width: 21rem !important;
    padding: 7px 14px 3px 14px !important;
    margin-top: -4rem !important;
    margin-bottom: 3rem !important;
}

.div-asli3 {
    border: 1px solid #9BF78C !important;
    border-radius: 100px !important;
    background-color: #fff !important;
    max-width: 23rem !important;
    padding: 7px 18px 3px 18px !important;
    margin-top: -5rem !important;
    margin-bottom: 3rem !important;
}

.vl2 {
    border-left: 1px solid #939496;
    height: 3.5rem
}

.event-text {
    font-size: 36px !important;
    font-weight: 700 !important;
}

.event-text2 {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.event-title {
    font-weight: 700;
    font-size: 24px !important;
}

.event-title2 {
    font-weight: 500 !important;
    font-size:  18px !important;
}
/*event*/

/**zakat**/
.zakat {
    background-color: #ECECEC !important;
}

.zakat-text1 {
    font-weight: 700 !important;
    font-size: 36px !important;
}

.zakat-text2 {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #494949 !important;
}

@media (min-width: 768px){
    .zakat-text2 {
        max-width: 83% !important;
    }
}

.zakat-text3 {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #494949 !important;
}

.zakat-input{
    border-radius: 100px !important;
    border: 1px solid #939496 !important;
}

@media (min-width: 768px){
    .zakat-input{
        border-radius: 100px !important;
        border: 1px solid #939496 !important;
        padding: 24px 200px 24px 200px;
    }
}

@media (min-width: 768px){
    .input-max  {
        max-width: 50% !important;
    }
}
/**zakat**/

/*footer*/
.footer-top {
    background-color: #6A6A6A !important;
}
.nav-item-font {
    color: #F5F6FA !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.nav-item-font:hover {
    color: #b8b4b4 !important;

}

.foter-bottom {
    background-color: #494949 !important;
    color: #F5F6FA !important;
}

@media (min-width: 768px)
{
    .film{
        margin-top: -42% !important;
    }

}



@media (min-width: 768px){
    .foter-bottom {
        background-image: url(../file/images/footer/bottom.png) !important;
        background-repeat: round !important;
    }
}


.hr1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
}

@media (min-width: 768px){
    .place-max {
        max-width: 75% !important;
    }
    .padding-top{
        padding-top: 5rem !important;
    }
}
@media (max-width: 576px)
{
    .padding-top-mobile{
        padding-top: 2rem !important;
    }
}
@media (max-width: 576px) {
    .max-width-footer {
        max-width: 80% !important;
    }
}