body{
  color:#333;
  font-family:'Poppins',serif;
}

.banner-section{
  background: url("../images/banner-bg.jpg") no-repeat;
  background-size:cover;
  background-position:center;
  height:100vh;
}
.banner-content{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
  height:100vh;
}
.banner-content h2{
  font-family:'Great Vibes', cursive;
  font-size:100px;
  color:#f4976c;
  margin-bottom:20px;
}
.banner-content p{
  font-size:20px;
  color:#666;
  margin-bottom:10px;
}
.buttons .btn{
  margin-right:10px;
  margin-top:20px;
}
.btn{
  border-radius:30px;
  padding:7px 25px;
}
.btn-outline{
  border:1px solid #303c6c;
  color:#303c6c;
}
.btn-outline:hover{
  background:#303c6c;
  color:#fff;
}
.btn-solid{
  background:#303c6c;
  color:#fff;
}
.btn-solid:hover{
  color:#fff;
  background:#45507d;
}
.demo-section{
  padding:50px;
}
.demo-menu ul{
  list-style:none;
  text-align: center;
  margin-bottom:30px;
}
.demo-menu ul li{
  font-weight:600;
  list-style: none;
	padding: 0;
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
  transition: all .5s;
  margin:5px;
  border-bottom:2px solid transparent;
  transition:0.2s ease;
}
.demo-menu ul li.active{
  border-bottom:2px solid #303c6c;
  color:#303c6c;
}
.demo-section .demo-item .demo-img{
  width:100%;
  margin-bottom:40px;
  position: relative;
}
.demo-section .demo-item .demo-img .demo-overlay{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:column;
    background:rgba(0,0,0, 0.7);
    border-radius:10px;
    color:#fff;
    opacity:0;
    visibility: hidden;
    transition:0.3s ease;
}
.demo-section .demo-item .demo-img:hover .demo-overlay{
  opacity:1;
  visibility: visible;
}
.demo-overlay h4{
  font-weight:700;
  margin-bottom:15px;
}
.demo-overlay .btn-solid{
  background:#f4976c;
}
.demo-overlay .btn-solid:hover{
  background:#fdb08d;
}

.demo-section .demo-item .demo-img img{
  width:100%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius:10px;
}
.feature-section{
  background:#f4f5fa;
  padding:70px 0;
}
.feature-section h2{
  font-weight:700;
  text-align:center;
  margin-bottom:30px;
}
.feature-section .feature-item{
  text-align:center;
  background:#fff;
  padding:30px;
  border-radius:10px;
  margin:15px 0;
}
.feature-section .feature-item .icon{
  height:35px;
  margin-bottom:15px;
}
.feature-section .feature-item .icon img{
  height:100%;
}
.footer-section{
  padding-top:120px;
  background:url("../images/footer-bg.jpg") no-repeat;
  background-size:cover;
  background-position:bottom;
}
.footer-content{
  display:flex;
  justify-content:center;
  align-items: center;
  flex-direction:column;
  color:#333;
}
.footer-content h2{
  font-weight:600;
  margin-bottom:20px;
}
.footer-content .btn{
  margin-bottom:50px;
}
.footer-section .footer-img{
  width:100%;
}
.footer-section .footer-img img{
  width:100%;
}