body{
	scroll-behavior: smooth;
}

.navbar-brand{
	height: 72px;
    width: 139px;
    align-items: center;
}

.navbar-nav{
	margin-left:auto;
}
.donate{
	background-color: #ee0000;color: white;border:#ee0000;
}
.carousel-caption{
	float: left;margin-top: 197px !important;position: relative !important; margin-left: 15px;
}
.h1_car{
	text-align:left;margin-left: -123px;
}
.p_car{
	text-align:left;margin-left: -123px;
}
.contact-donor{
	padding-left: 50px !important;margin-left:50px !important;margin-top: -170px !important;
}
.con{
	margin-top: -400px;position: relative;z-index: 1; width: 100%;
}
.don{
	background-color: navy;color: white;border:navy;margin-top: -400px;position: relative;z-index: 1; width: 100%;
}
.cone{
	margin-top: -400px;position: relative;z-index: 1; height: fit-content;

}
.done{
	background-color: navy;color: white;border:navy;margin-top: -400px;position: relative;z-index: 1;    height: fit-content;

}
.contain_1{
	margin-top:68px;background-color: #f8f9fa;
}
.start{
	background-color: #ee0000;color: white;border:#ee0000;
}
.get_started{
	width:100%;height: 350px;
}
.bak_row{
	background-image:  linear-gradient(199deg, #10080885, #140505), url(images/Bak.jpeg) !important;height: auto; !important;background-size: cover !important;background-attachment: fixed !important;background-repeat: no-repeat  !important;background-position: 100% 100%  !important;

}
.content-banner{
background-color:white !important;height: auto;margin-top: 400px !important;
}

.banner{
	width:auto;height: 400px; object-fit: contain;
}
.impact{
	margin-top:50px;margin-bottom: 150px;
}
.card{
	background-color:white !important;border-radius: 25px 0px 50px 1px !important;margin-bottom: 15px;    height: 500px !important;

}
.car_body{
	width:100%;height: 200px; object-fit: contain;overflow:hidden;
}
.card_btn{
	background-color: #172843;color: white;border:#172843;
}
.back_me{
	background-image: linear-gradient(90deg, #ffc10794, #ffc1074d), url(images/5.jpeg);background-position: left;background-attachment: fixed;
}
.back_me_col{
	background-color: #172843; border-radius: 376px 0px 0px 0px;overflow: auto;padding: 104px 50px 0px 152px !important;text-align: justify;
}
.need{
	display: flex;
}
.con-do{
	display: black;
}
.con-doe{
	display: none;
}
.large6{
	display: block;
}
.minim6{
	display: none;
}


/*section for writing at media queries */




@media(max-width: 1024px){

	.carousel-indicators{
		    margin-bottom: -45px !important;

	}
	.con{
       	   margin-bottom: -211px;
           margin-left: -81px;
	}
	.don{
        margin-bottom: -211px;
        	margin-left: -81px;
	}
	.slide_images{
        height: 736px !important;

	}
	.carousel-caption{
        margin-top: 186px !important;
        margin-left: 10px;
	}
	.need{
		    display: flex;
    		margin-top: 15px !important;
	}
	.stylish-card{
		    margin-bottom: 51px;

	}
	.con-do{
		margin-top: 30px;
	}
	.back_me_col {
    background-color: #172843;
    border-radius: 120px 0px 0px 0px;
    overflow: auto;
    padding: 77px 26px 0px 40px !important;
    text-align: justify;
}
}

@media(max-width: 820px){

	.carousel-indicators{
		    margin-bottom: 45px !important;

	}
	.con{
       	   margin-bottom: -211px;
           margin-left: -81px;
	}
	.don{
        margin-bottom: -211px;
        	margin-left: -81px;
	}
	.slide_images{
        height: 736px !important;

	}
	.carousel-caption{
        margin-top: 186px !important;
        margin-left: 51px;
	}
	.need{
		    display: flex;
    		margin-top: 15px !important;
	}
}


@media(max-width: 768px){

	.carousel-indicators{
		    margin-bottom: 45px !important;

	}
	.con{
       	   margin-bottom: -173px;
           margin-left: -81px;
	}
	.don{
        margin-bottom: -173px;
        	margin-left: -81px;
	}
	.slide_images{
        height: 736px !important;

	}
	.carousel-caption{
        margin-top: 186px !important;
        margin-left: 51px;
	}
	.need{
		    display: flex;
    		margin-top: 15px !important;
	}
}

@media(max-width: 500px){

	.carousel-indicators{
		    margin-bottom: 122px !important;

	}
	.con{
       	   margin-bottom: -173px;
           margin-left: -81px;
	}
	.don{
        margin-bottom: -173px;
        	margin-left: -81px;
	}
	.slide_images{
        height: 736px !important;

	}
	.carousel-caption{
        margin-top: 186px !important;
        margin-left: 51px;
        padding-left: 13px;
        padding-right: 57px;
	}
	.need{
		    display: block;
    		margin-top: 15px !important;
	}
	.mob{
		display: none;
	}

	.con-do{
			display: none;
	}
	.con-doe{
		display: flex;
		margin-top: 143px;

	}

.large6{
	display: none;
}
.minim6{
	display: block;
}
.back_me_col{
	border-radius: 0px 0px 0px 0px;padding: 52px 14px 0px 10px !important;text-align: justify;
}
.contain_1{
	margin-top:28px;
}

}