section {

      height: 50vh;

      display: block;
}
.navbar .container {
      max-width: 72rem;
}
.container{max-width: 50rem;}
 .portfolio-details-container{margin-top:50px; }
  .project-tags{padding: 0;}
  .text-green-600 {

    color: rgb(22 163 74 / var(--tw-text-opacity, 1));

}
 
 section.experience{
		  
      height: auto;
      display: block;
      align-items: left;
      justify-content: flex-start;
      padding: 2rem;
      text-align: left;
		width:100%;
		  line-height: 1.5;
	  }

	  section.experience .container,  section#design-process .container {max-width:100%;}
 .experience-count{margin: 0; padding: 0}

	  .experience-count li{display: inline-block; width: auto; margin-right: 15px; }
    section#design-process {
      height: auto;
      display: block;
      align-items: left;
      justify-content: flex-start;
      padding: 2rem;
      text-align: left;
      width: 100%;
      line-height: 1.5;
      background-color: #f6f6f6;
    }
 .list{

		  margin: 0 ;

		  padding: 0;

		  

	  }

	  .list li{list-style-type: none; margin: 0 0 10px 0; padding:0}

	  .list-unstyled{

		  margin: 0;

		  padding: 0;

	  }

	  .list-unstyled li{margin: 0 0 20px 0 ; padding: 0;line-height: 1.5;}

	  .grey-txt{color:#959595; font-size:0.8rem;}

	  .blue-txt{color:#b3ecfc;}
button:focus{border: none; background-color: #ccc;}

	 

  .project-list {
      padding: 0px 0;
      background-color: #f1f1f1;
      text-align: center;
	  height: auto;
	  margin: 0;
    }
.project-list .container{max-width:80%; height: auto; padding-top:20px; }
.filter-links{background: #fff; border-radius: 12px; padding-top:15px; width: 100%; margin: 15px auto 40px auto;}

    .project-list h2 {
      font-size: 2rem;
      padding-top: 60px;
    }
    .project-list p {
      font-size: 1.1rem;
      color: #666;
      margin-bottom: 10px !important;
    }
.project {
      background: linear-gradient(to right, #667eea, #764ba2);
      color: white;
	height: auto;
  min-height: auto;
    }

.project-image{height:20vh;}
.mb-20{margin-bottom:20px;}
.pl-20{padding-left:20px;}
.carousel-indicators li{background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}
.purple-btn{border:none; color:#fff;border-radius:999px;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}
.purple-btn:hover, .purple-btn:link, .purple-btn:visited, .purple-btn:active, .purple-btn:focus{color:#fff; border:none;}
.project-list .col-md-3 { display: none; }
.project-list .col-md-3.show { display: block; }
.project-list .col-12,
.project-list .col-sm-6,
.project-list .col-md-4,
.project-list .col-lg-3 { display: none; }
.project-list .show { display: block; }

.carousel-inner img{max-width:30rem; margin:auto;}
.project-title, .project-description{padding: 0;}
.disable{color:#ccc;}
.disable div{background-color: rgba(233,233,233,1.00);}