.gradient-custom {
 
    background: linear-gradient(to right, rgba(106,133,182,0.5), rgba(186,200,224,0.5))
  }
.special-card {
/* create a custom class so you 
   do not run into specificity issues 
   against bootstraps styles
   which tends to work better than using !important 
   (future you will thank you later)*/

  background-color: rgba(245, 245, 245, 1);
  opacity: .4;
}

<!-- background image -->

.special-card {
/* create a custom class so you 
   do not run into specificity issues 
   against bootstraps styles
   which tends to work better than using !important 
   (future you will thank you later)*/

  background-color: rgba(245, 245, 245, 1);
  opacity: .4;
}
.foot{
    background-image: url("Capture.JPG");
    height:620px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


body{
	line-height: 1.5;
	font-family: '-apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;;
}

<!-- Banner -->
.simple-linear {
  background: linear-gradient(blue, pink);
}
<!-- font -->
.lead{
    font-type: s


font-size: 1.25rem;
    font-weight: 300;
}

.banner{
    position:relative}

.banner img{
    width:100%}

.banner .container{
    position: absolute;
    left:0; right:0;
    top:50%;
    text-align:left; 
    transform:translateY(-50%)
 
}
.home_slider_subtitle{
    color: white;
    max-width:200px;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-weight: 500;
}


<!-- Navbar -->

.navbar1{
    background-image: linear-gradient(to right, #CBFFC4 , 40D22C   );

}





<!-- FOOTER -->


.footer{
    background-color: red;
    
}
.footer-col h5{

    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-weight: 500;
    position: relative;
    margin-bottom: 50px;
    margin-top: 10px;

}
.footer-col h5::before{

    content: '';
    position: absolute;
    left:0;
    bottom: -10px;
    background-color: #3DED97;
    height: 2px;
    box-sizing: border-box;
    width: 50px;

}
<!-- .footer-col ul li:not(:last-child){
   

} -->


.footer-col ul li{
    margin-bottom: 10px;

}


.footer-col ul li a{
	font-size: 16px;
	text-transform: capitalize;
	color: #6A6A6A ;
	text-decoration: none;
	font-weight: 300;
	color: #6A6A6A;
	display: block;
	transition: all 0.5s ease;
    margin-bottom: 10px;
}

.footer-col ul li a:hover{
	color: #EEEEEE;
	padding-left: 8px;
}

.hover{

	transition: all 0.5s ease;
    margin-bottom: 10px;
}
.hover:hover{
	color: #BEBEBE;
	padding-left: 10px;
}
.nav1{
	background-color: #C1C1C1;
	padding-left: 8px;
   
}

.goo{
    filter: drop-shadow( -3px 3px 20px);
}
.sub-menu02{
    position:absolute
}
.dropdown .dropdown-menu{
    display: none;
}
.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu{
    display:block;
    margin-top: .125px;
    margin-left: .125em;
}

@media screen and (min-width:769px){
    .dropend:hover > .dropdown-menu{

position: absolute;
top: 0;
left:99%;
}

.goo{
    filter: drop-shadow( -3px 3px 20px);
}

.goo{
    filter: drop-shadow( -3px 3px 20px);
}
.goo2{
    box-shadow:  0px 3px 10px #398f24;
}


.btn2{

    background: #50A7FF;
    box-shadow: 0 0 5px #50A7FF;
    
}

.btn-primary2{

}

.btn-primary2:hover{

    box-shadow: 0 0 5px #50A7FF;
    box-shadow: 0 0 7px #50A7FF;
    box-shadow: 0 0 10px #50A7FF;
    box-shadow: 0 0 25px #50A7FF;
}

<!--  fas ammendment -->

.fas{
    font-size:48px;color:red
  
}