.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

	.flex-col{
  		display: flex;
    flex-direction: row;
  	}
  	.flex-col>*{
  		flex-grow: 1;
  	}

.ecosyscard {
       border-radius: 40px; 
       overflow: hidden;
       border: 0;
       box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06),
                   0 2px 4px rgba(0, 0, 0, 0.07);
       transition: all 0.15s ease;
}

.ecosyscard:hover {
             box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1),
                         0 10px 8px rgba(0, 0, 0, 0.015);
}

.ecosyscard-body .ecosyscard-title {
                  font-family: 'Lato', sans-serif;
                  font-weight: 700;
                  letter-spacing: 0.3px;
                  font-size: 24px;
                  color: #121212;
}

.ecosyscard-text {
             font-family: 'Lato', sans-serif;
             font-weight: 400;
             font-size: 15px;
             letter-spacing: 0.3px;
             color: #4E4E4E;
  
}

.ecosyscard .ecosyscontainer {
           width: 88%;
          background: #F0EEF8;
           border-radius: 30px;
           height: 140px;
         display: flex;
        align-items: center;
         justify-content: center;
}

.ecosyscontainer:hover > img {
                       transform: scale(1.2);
}

.ecosyscontainer img {
                padding: -75px;  
               margin-top: -40px;
               margin-bottom: -40px;
              transition: 0.4s ease;
              cursor: pointer;
}

.ecosysbtn {
      background: #EEECF7;
      border: 0;
      color: #5535F0;
      width: 98%;
      font-weight: bold;
      border-radius: 20px;
      height: 40px;
      transition: all 0.2s ease;
}

.ecosysbtn:hover {
            background: #441CFF;
}

.ecosysbtn:focus {
            background: #441CFF;
            outline: 0;  
}

.w-18 {
  width:18rem;
}