@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.footer-container {
	max-width: 1170px;
	margin:auto;
	line-height: 1.5;
	font-family: 'Poppins', sans-serif; 
}
.row{
	display: flex;
	flex-wrap: wrap; 
}
.row ul{
	list-style: none;
	}

.footer{
	111background-color: #24262b;
    	padding: 70px 0;
  	box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.75);
	}

.footer-col{
   	width: 25%;
   	padding: 0 15px;
	}

.footer-col h4{
	font-size: 18px;
	color: #ffffff;
	text-transform: capitalize;
	margin-bottom: 35px;
	font-weight: 700;
	position: relative;
	}

.footer-col h4::before{
	content: '';
	position: absolute;
	left:0;
	bottom: -10px;
	111background-color: #e91e63;
	height: 2px;
	box-sizing: border-box;
	width: 50px; 

  background: #30ff90;
  /* Old browsers */
  background: -moz-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #30ff90), color-stop(25%, #ed2ded), color-stop(50%, #c99826), color-stop(75%, #30ffe6), color-stop(100%, #30ff90));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* IE10+ */
  background: linear-gradient(to right, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30ff90', endColorstr='#30ff90',GradientType=1 );
  /* IE6-9 */
	}




.footer-col ul li:not(:last-child){
	margin-bottom: 10px; 
	}

.footer-col ul li a{
	font-size: 16px;
	text-transform: capitalize;
	color: #F8F8F8;
	text-decoration: none;
	font-weight: 300;	
	display: block;
	transition: all 0.3s ease;  
	}

.footer-col ul li a:hover{
	color: #ffffff; font-weight: 700;
	padding-left: 8px;
	}

.footer-col .social-links a{
	display: inline-block;
	width: 40px; width: 35px;
	height: 40px; height: 35px;
	background-color: rgba(255,255,255,0.2);
	margin:0 10px 10px 0;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	color: #ffffff;
	transition: all 0.5s ease;
	}

.footer-col .social-links a:hover{
	color: #24262b;
	background-color: #ffffff;
	}

/*responsive*/
@media(max-width: 767px){
  	.footer-col{
    		7878width: 50%; WIDTH: 33%;
    		margin-bottom: 30px; 
		}
	}

@media(max-width: 574px){
  	.footer-col{
    		7878width: 100%; WIDTH: 50%; 
		}
	}