@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
   outline: none; border:none;
   text-decoration: none;
   transition: all .2s linear;
}

html{
    font-size: 70.5%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 7rem;
}


body{
	background: #fff;
}

.whatsapp_float {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 40px;
      right: 40px;
      background-color: #25d366;
      color: #fff;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      box-shadow: 2px 2px 3px #999;
      z-index: 100;
    }
    .whatsapp-icon {
      margin-top: 16px;
    }

    /* for mobile */
    @media screen and (max-width: 767px){
      .whatsapp-icon {
        margin-top: 10px;
      }
      .whatsapp_float {
		position: fixed;
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 10px;
        font-size: 22px;
      }
    }

@keyframes fade-in-up {
	 0% {
		 opacity: 0;
	}
	 100% {
		 transform: translateY(0);
		 opacity: 1;
	}
}

.video iframe {
	 max-width: 100%;
	 max-height: 100%;
}



.video.stuck {
	 position: fixed;
	 bottom: 20px;
	 left: 20px;
	 width: 260px;
	 height: 145px;
	 transform: translateY(100%);
	 animation: fade-in-up 0.75s ease forwards;
	z-index: 1;
}

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 70px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
nav .navbar{
  height: 100%;
  max-width: 1250px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  /* background: red; */
  padding: 0 50px;
}

.navbar .logo a{
  font-size: 30px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
 
}
nav .navbar .nav-links{
  line-height: 70px;
  height: 100%;
}
nav .navbar .links{
  display: flex;
}
nav .navbar .links li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 14px;
}
nav .navbar .links li a{
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #29ace2;
  font-size: 15px;
  font-weight: 500;
}

nav .navbar .links li a:hover{
	color: red;
}

.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{
  transform: rotate(180deg);
  }

nav .navbar .links li .arrow{
  /* background: red; */
  height: 100%;
  width: 22px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: red;
  transition: all 0.3s ease;
}
nav .navbar .links li .sub-menu{
  position: absolute;
  top: 70px;
  left: 0;
  line-height: 40px;
  background:#29ace2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 2;
}
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu{
  display: block;
}
.navbar .links li .sub-menu li{
  padding: 0 22px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.navbar .links li .sub-menu a{
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.navbar .links li .sub-menu .more-arrow{
  line-height: 40px;
}
.navbar .links li .htmlCss-more-sub-menu{
  /* line-height: 40px; */
}
.navbar .links li .sub-menu .more-sub-menu{
  position: absolute;
  top: 0;
  left: 100%;
  border-radius: 0 4px 4px 4px;
  z-index: 1;
  display: none;
}
.links li .sub-menu .more:hover .more-sub-menu{
  display: block;
}

.navbar .search-box{
  position: relative;
   height: 40px;
  width: 40px;
}
.navbar .search-box i{
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: red;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.navbar .search-box .input-box{
  position: absolute;
  right: calc(100% - 40px);
  top: 80px;
  height: 60px;
  width: 300px;
  background: red;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}
.navbar.showInput .search-box .input-box{
  top: 65px;
  opacity: 1;
  pointer-events: auto;
  background: red;
}
.search-box .input-box::before{
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: #29ace2;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}
.search-box .input-box input{
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 280px;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  border: none;
}
.navbar .nav-links .sidebar-logo{
  display: none;
}
.navbar .bx-menu{
  display: none;
}


.container3{
	margin: -40px 0 0px 0;}


.container2{
		padding: 4px 0;
		border-top: 1px solid red;
		background: #29ace2;
		color: white;
		text-align: center;
		box-shadow: 0 0 9px #29ace2;
		margin: 0 0 5px 0;
		

}

.container2 h1 {font-family: Ebrima; 
		font-weight: 550;
		font-size: 40px;
		text-align: center;
		color: #fff;
}

.container2 p{
		font-size: 20px;
		font-family: Ebrima; 
		font-weight: 400;
		margin-top: 1rem;
		color: white;
	    text-align:justify;
	    padding: 1rem;

}

.container{
   max-width: 1200px;
   margin:0 auto;
   padding:3rem 2rem;
}

.container .title{
   font-size: 3.0rem;
   color:red;
   margin-bottom: 1rem;
   text-align: center;
	font-weight: 500;
}

.container .products-container{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
   gap:2rem;
}

.container .products-container .product{
   text-align: center;
   padding:3rem 2rem;
   background: #fff;
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
   outline: .1rem solid red;
   outline-offset: -1.5rem;
   cursor: pointer;
}

.container .products-container .product:hover{
   outline: .2rem solid #29ace2;
   outline-offset: 0;
}

.container .products-container .product img{
   height: 15rem;
}

.container .products-container .product:hover img{
   transform: scale(.9);
}

.container .products-container .product h3{
   padding:.5rem 0;
   font-size: 2rem;
   color:red;
	font-weight: 300;
}

.container .products-container .product:hover h3{
   color:#29ace2;
}

.products-preview{
   position: fixed;
   top:0; left:0;
   min-height: 100vh;
   width: 100%;
   background: rgba(0,0,0,.8);
   display: none;
   align-items: center;
   justify-content: center;
}

.products-preview .preview{
   display: none;
   padding:2rem;
   text-align: center;
   background: #fff;
   position: relative;
   margin:2rem;
   width: 40rem;
}

.products-preview .preview.active{
   display: inline-block;
}

.products-preview .preview img{
   height: 20rem;
}

.products-preview .preview .fa-times{
   position: absolute;
   top:1rem; right:1.5rem;
   cursor: pointer;
   color:#444;
   font-size: 3rem;
}

.products-preview .preview .fa-times:hover{
   transform: rotate(90deg);
}

.products-preview .preview h3{
   color:red;
   padding:.5rem 0;
   font-size: 1.7rem;
	font-weight: 200;
}

.products-preview .preview .stars{
   padding:1rem 0;
   font-size: 1.7rem;
}

.products-preview .preview .stars i{
   color:#29ace2;
}


.products-preview .preview p{
   line-height: 1.5;
   padding:1rem 0;
	font-size:1.2rem;
   color:#000;
}

.container8{
	display: flex;
	justify-content: center;
}

.card{
	background: #29ace2;
	width: 220px;
	height: 400px;
}

.bodyInner{padding: 4px 0;
	border-top: 1px solid #29ace2;
	background: #29ace2;
	color: white;
	text-align:center;
	box-shadow: 0 0 24px #29ace2;
	margin: 71px 0 0 0 ;
}

.highlight {
	background: #29ace2;
	margin: 100px 0 0 0;
	border-bottom: 1px solid red;
}
.highlight .clearfix {
	margin: -10px 0 10px 0;
} 

.highlight h1 {
	font-size: 20px;
	line-height: 20px;
	padding: 12px 0 12px;
	text-transform: none;
	color: white;
	margin-left: 12px;
	font-weight: 400px
}
.highlight h2 {
	margin-bottom: 1px;
	color: #fff;
	margin-left: 12px;
}
.highlight p{
	color: #fff;
	font-size: 14px;
	margin-left: 12px;
}
.testimonial, .main, .sidebar > div h2, .sidebar ul li, .main > .section {
	background-position: left top;
	background-repeat: repeat-y;
}
.testimonial {
	float: right;
	width: 500px;
	margin-left: 20px;
	padding: 24px 20px;
}

.testimonial h2


.bodyInner h2 {font-family: Ebrima; 
		margin: 10px 0 10px 0;
		font-weight: 200;
		font-size: 30px;
		text-align: center;
		color: #fff;
}

.bodyInner p{
		font-size: 14px;
		font-family: Ebrima; 
		font-weight: 100;
		margin-top: 5px;
		color: white;
		margin: 0px 0px 0px 10px;
		line-height: 24px;
}

.container8 {
    margin: 60px auto;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-image: url("images/support.jpg");
    background-size: cover;
    background-position: 43%;
    opacity: .8;
    position: relative;    
}

.center-div {
   position: absolute;
   top: 45%;
   margin-top: -30px;
   width: 80%;
   left: 50%;
   transform: translate(-50%,-50%); 
}

.center-div h2 {
    font-weight:bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 100px;
	font-family: Calibri;
}

.center-div p {
    margin-top: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 1.8;

}

.choices {
    display: flex;
}

.left-top,
.right-top,
.right-bottom,
.left-bottom {
    position: absolute;
    display: flex;
    transition: .6s;
    cursor: pointer;
    width: 100%;
    user-select: none;
}

.left-top:hover,
.right-top:hover,
.right-bottom:hover,
.left-bottom:hover {
    transform: scale(1.1);
}

.left-top {
    left: -70%;
    top:  3%;
}

.right-top {
    left: 70%;
    top: 3%;
}

.right-bottom {
    left: 70%;
    top: 80%;
}

.left-bottom {
    left: -70%;
    top: 80%;
}

.left-top-circle,
.right-top-circle,
.right-bottom-circle,
.left-bottom-circle {
    position: relative;   
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
   
}

.left-top-circle{
    left: 81%;    
}


.left-bottom-circle {
    left: 81%;
}

.left-top-circle img,
.right-top-circle img,
.right-bottom-circle img,
.left-bottom-circle img {
    width: 70%;
    display: block;
    position: absolute;
    top: 15%;
    left: 12%;
}

.left-top-text,
.right-top-text,
.right-bottom-text,
.left-bottom-text {
    position: relative;
    padding: 8px;
    width: 80%;
   
}

.left-top-text {
    left: -27%;
}

.right-top-text {
    left: 7.5%;
}

.right-bottom-text {
    left: 7.5%;
    top: 80%;
}

.left-bottom-text {
    left: -27%;
}

.left-top-text h3,
.right-top-text h3,
.right-bottom-text h3,
.left-bottom-text h3 {
    text-align: right;
    color: red;
    opacity: .9;
    font-size: 22px;
	font-family: Calibri;
}

.right-top-text h3,
.right-bottom-text h3{
    text-align: left;
}

.left-top-text p,
.right-top-text p,
.right-bottom-text p,
.left-bottom-text p {
    margin-top: 30px;
    color: #000;
    font-weight: 300;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
}

.pageTitle{padding:18px 0; 
	border-top:1px solid #29ace2; 
	margin-top:92px; 
	background:#29ace2;}

.pageTitle h2{font-family: Ebrima; 
		margin: 10px 0 10px 0;
		font-weight: 200;
		font-size: 30px;
		text-align: center;
		color: #fff;
}

.small-container1{
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	
}

.small-container1 p{
	font-size: 15px;
	margin-left: 1.2px;
}

.row1{display: flex;
	position: relative;

}

.col-2{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 20px auto;
  width:320px;
  height:320px;
  background: white;
  border-radius: 50px;
  font-family:calibri;
  font-weight: 200;
  letter-spacing: 2px;
  transition: 1s box-shadow;
}

.col-2 img{
		width: 60%;
		margin:20px 0 30px 10px;
}

.col-2:hover{
    box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}

.col-2:hover::before, div:hover::after {
  content: '';
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 75px;
  z-index: -1;
  animation: 1s clockwise infinite;
}

.col-2:hover:after {
  background: red;
  animation: 2s counterclockwise infinite;
}

@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}

@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}



.footer{
	background-color: #F95457;
    padding: 70px 0;
}
.footer-col{
   width: 25%;
   padding: 0 15px;
}
.footer-col h4{
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 35px;
	font-weight: bold;
	position: relative;
	font-family: Ebrima;
}
.footer-col h4::before{
	content: '';
	position: absolute;
	left:0;
	bottom: -10px;
	background-color: #e91e63;
	height: 2px;
	box-sizing: border-box;
	width: 50px;
}
.footer-col ul li:not(:last-child){
	margin-bottom: 10px;
}
.footer-col ul li a{
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 300;
	display: block;
	transition: all 0.3s ease;
}
.footer-col ul li a:hover{
	color: #ffffff;
	padding-left: 8px;
}
.footer-col .social-links a{
	display: inline-block;
	height: 40px;
	width: 40px;
	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: #29ace2;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
ul{
	list-style: none;
}


.container5{
	margin: 71px 0 0 0;
}


.container7{
  width: 85%;
  background: #fff;
  border-radius: 6px;
  padding: 20px 60px 30px 40px;
}
.container7 .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container7 .content .left-side{
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  position: relative;
}
.container7 .content .left-side::before{
  content: '';
  position: absolute;
  height: 70%;
  width: 2px;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  background: #afafb6;
}
.container7 .content .left-side .details{
  margin: 14px;
  text-align: center;
}
.container7 .content .left-side .details i{
  font-size: 30px;
  color: #29ace2;
  margin-bottom: 10px;
}
.container7 .content .left-side .details .topic{
  font-size: 18px;
  font-weight: 500;
}
.container7 .content .left-side .details .text-one,
.container7 .content .left-side .details .text-two{
  font-size: 14px;
  color: #000;
}
.container7 .content .right-side{
  width: 75%;
  margin-left: 75px;
}
.container7 .content .right-side .topic-text{
  font-size: 23px;
  font-weight: 600;
  color: #F95457;
}

.container7 .right-side .input-box{
  height: 50px;
  width: 100%;
  margin: 12px 0;
}
.container7 .right-side .input-box input,
.container7 .right-side .input-box textarea{
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background: #F0F1F8;
  border-radius: 6px;
  padding: 0 15px;
  resize: none;
}
.container7 .right-side .message-box{
  min-height: 110px;
}

.container7 .right-side .input-box textarea{
  padding-top: 6px;
}
.container7 .right-side .button{
  display: inline-block;
  margin-top: 12px;
}
.container7 .right-side .button input[type="submit"]{
  color: #fff;
  font-size: 18px;
  outline: none;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  background: #F95457;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
}
.container7 .button input[type="button"]:hover{
  background: #29ace2;
}

.success{
	padding: 5px 10px;
	text-align: center;
	margin: 10px 0 10px 0;
	color: red;
	font-size: 12px;
}

.pag{
	position: relative;
	text-align: center;
	padding: 30px;
}

.pag a {
  	color: #000;
  	padding: 12px 18px;
	text-align: center;
}

.pag a.active {
  background-color: red;
  color: #FFF;
}

.pag a:hover:not(.active) {
  background-color:#29ace2;
}









 /* Responsive */


@media (max-width:920px) {
  nav .navbar{
    max-width: 100%;
    padding: 0 25px;
  }

  nav .navbar .logo a{
    font-size: 27px;
  }
  nav .navbar .links li{
    padding: 0 10px;
    white-space: nowrap;
  }
  nav .navbar .links li a{
    font-size: 15px;
  }
	
}



@media (max-width:820px){
	.testimonial{
	display: none;
	margin-left: 20px;
	padding: 24px 20px;
}
	
.video{
    margin-top:50px;
    
}

.center{
    margin-bottom:20px;
}
	.col-2{
  display:inline-block;
  width: 100px;
  height: 180px;
  background: white;
  border-radius: 10px;
  letter-spacing: 2px;
	margin: 0 0 20px 20px
	}
	
	.col-2 img{
		width: 80%;
		margin:20px 0 10px 0;
}
	.col-2 p{
		font-size: 1rem;
	}
	
	.col-2:hover{
    box-shadow: 0 5px 15px 0px rgba(0,0,0,.1);
}

.col-2:hover::before, div:hover::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 180px;
  border-radius: 75px;
  z-index: -1;
  animation: 1s clockwise infinite;
}

.col-2:hover:after {
  background: none;
  animation: 2s counterclockwise infinite;
}
	
	.container8 {
    display: none;
}

		.pag{
	position: relative;
	text-align: center;
	padding: 50px;
}

.pag a {
  	color: #000;
  	padding: 12px 18px;
	text-align: center;
}

.pag a.active {
  background-color: red;
  color: #FFF;
}
  nav{
   
  }
  .navbar .bx-menu{
    display: block;
  }
  nav .navbar .nav-links{
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background:  #fff;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 1000;
  }
  .navbar .nav-links .sidebar-logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sidebar-logo .logo-name{
    font-size: 25px;
  }
    .sidebar-logo  i,
    .navbar .bx-menu{
      font-size: 25px;
      color: red;
    }
  nav .navbar .links{
    display: block;
    margin-top: 20px;
  }
  nav .navbar .links li .arrow{
    line-height: 40px;
  }
nav .navbar .links li{
    display: block;
  }
nav .navbar .links li .sub-menu{
  position: relative;
  top: 0;
  box-shadow: none;
  display: none;
}
nav .navbar .links li .sub-menu li{
  border-bottom: none;

}
.navbar .links li .sub-menu .more-sub-menu{
  display: none;
  position: relative;
  left: 0;
}
.navbar .links li .sub-menu .more-sub-menu li{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{
  transform: rotate(0deg);
  }
  .navbar .links li .sub-menu .more-sub-menu{
    display: none;
  }
  .navbar .links li .sub-menu .more span{
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }

  .links li .sub-menu .more:hover .more-sub-menu{
    display: none;
  }
  nav .navbar .links li:hover .htmlCss-sub-menu,
  nav .navbar .links li:hover .js-sub-menu{
    display: none;
  }
.navbar .nav-links.show1 .links .htmlCss-sub-menu,
  .navbar .nav-links.show3 .links .js-sub-menu,
  .navbar .nav-links.show2 .links .more .more-sub-menu{
      display: block;
    }
    .navbar .nav-links.show1 .links .htmlcss-arrow,
    .navbar .nav-links.show3 .links .js-arrow{
        transform: rotate(180deg);
}
    .navbar .nav-links.show2 .links .more-arrow{
      transform: rotate(90deg);
    }
	
	.container2{
		width: 100%;
	}
	
	.container2 p{
	    font-size:12px;
	}
	
	.bodyInner{
		width: 100%;
	}
	
	.container3{
	margin: 50px 0 0px 0;
		width: 100%;
}
	
.container .products-container{
	display: block;}
	
.container .products-container .product img{
   height: 20rem;
}

.container .products-container .product h3{
   padding:.5rem 0;
   font-size: 1.2rem;
   color:red;
	font-weight: 600;
}

.container .products-container .product:hover h3{
   color:#29ace2;
}

	
	  .products-preview .preview img{
      height: 19rem;
   }

	.products-preview .preview p{
   line-height: 1.5;
   padding:1rem 0;
	font-size:1.3rem;
   color:#000;
}

	.products-preview .preview h3{
   color:red;
   padding:.5rem 0;
   font-size: 1.2rem;
   font-size: 01.2rem;
font-weight: 500;
}
	
	.row1{
		margin: 0 0 10px 0;
		align-content: center;
	}
	
	.container7{
    margin: 40px 0;
    height: 100%;
  }
  .container7 .content{
    flex-direction: column-reverse;
  }
 .container7 .content .left-side{
   width: 100%;
   flex-direction: row;
   margin-top: 40px;
   justify-content: center;
   flex-wrap: wrap;
 }
 .container7 .content .left-side::before{
   display: none;
 }
 .container7 .content .right-side {
   width: 100%;
   margin-left: 0;
 }
.container7 .right-side .message-box{
  min-height: 200px;
	width: 100%;
}
	
	.footer{
		width: 100%;
	}
	
		  .footer-col{
    width: 50%;
    margin-bottom: 30px;
}
	
}
@media (max-width:370px){
  nav .navbar .nav-links{
  max-width: 100%;
} 
	
.footer-col{
    width: 100%;
}  
	
	.footer-col{
    width: 100%;
}
}