.institution-icon {
		padding-top: 10px; /*Added by Natasha:20/10/2021*/
		padding-bottom: 10px; /*Added by Natasha:22/11/2021*/
		}
      .institution-icon .institution-icon-left { /*Edited by Natasha:14/10/2021*/
        float: left !important; /*Added by Natasha:14/10/2021*/ 
        /*position: relative;
        /*z-index: 50;*/
      }
      .institution-icon .institution-icon-left img {
		padding-top: 0px!important; /*Natasha changed from 3px - 22/8/2021*/
		padding-left: 15px; /*Added by Natasha:16/11/2021*/ 
        width: 200px; /*Updated by Amirul from 200px to min-width = 90px ; max-width = 140px 12/4/2019*/
        height: auto !important; /* Updated by Natasha from 101px: 20/10/2021*/
        /*min-width: 40%; /* Updated by Natasha from 101px: 20/10/2021*/
        /*max-width: 100%;/* Updated by Natasha from 101px: 20/10/2021*/
      }
	  .institution-icon .institution-icon-right { /*Added by Natasha:14/10/2021*/
		float: right!important; /*dded by Natasha:20/10/2021*/
	   }
	  .institution-icon .institution-icon-right img { /*Added by Natasha: 14/10/2021*/ 
		padding-top: 0px;
		padding-right: 11px !important;
		height: auto !important; 
      }
	   	.slider-wrapper{
		  width:100%;
		  height: 100%;
		  text-align:center;
		}
		.carousel{
		  width:100%;
		  margin:0px auto;
		}
		.slick-slide{
		  margin:10px;
		}
		.slick-slide img{
		  width:100%;
		}
		
		.card{
		  border: 2px solid #fff;
		  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
		  margin: 0px 5px;
		  background-color: #456296;
   		  opacity: 1;
          color: #fff;
		  border-top-right-radius: 3px;
    	  border-top-left-radius: 3px;
		}
		.card-body{
		  background: #fff;
		  width: 100%;
		  vertical-align: top;
		  height: 10vh;
		}
		.card-content{
		  text-align: left;
		  color: #333;
		  padding: 15px 15px 10px 15px;
		}
		.card-text{
		  font-size: 14px;
		  font-weight: 300;
		  position: relative;
		}
		.slick-dots {
          bottom: 7.5em;
        }
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -10em;                         
          left: -0.3em;                         
            } 
		
		.card-title {
		   font-size: 1rem;
		   font-weight: bold !important;
		   word-break: break-word;
		   overflow: hidden;
		   text-overflow: ellipsis;
		   display: -webkit-box;
		   line-height: 1.5em; /* fallback */
		   max-height: 15vh; /* fallback */
		   -webkit-line-clamp: 4; /* number of lines to show */
		   -webkit-box-orient: vertical;	
		}
				
		@media (max-width: 375px) and (max-height: 667px) {	
		}
		.card {
		  margin: 0px 10px;
			}
        .slick-dots {
          bottom: 7.5em;
        }
		.card-body {	
			height: 7vh;
			}
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -4em;                         
          left: -0.3em;                         
            }
		.card-title {
		   line-height: 1.3em !important;
		   -webkit-line-clamp: 4 !important;
		}
      }
		
		
		@media (max-width: 412px) {
		.card {
		  margin: 0px 10px;
			}
        .slick-dots {
          bottom: -2.5em;
        }
		.card-body {	
			height: 21vh;
			}
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -4em;                         
          left: -0.3em;                         
            }
		}
		
		
		@media (max-width: 640px) {
		.card {
		  margin: 0px 0px;
			}
        .slick-dots {
          bottom: 6em;
        }
		.card-body {	
			height: 9vh;
			}
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -7.5em;                         
          left: -0.3em;                         
            }
		.notice-box {
		  background-color: #ffffff;
		  width: 100%;
		  overflow: hidden;
		  box-shadow: 0 10px 14px rgb(0 0 0 / 10%);
		  margin-top: 1em;
		  min-height: 10vh;
		  padding-top: 3vh;
		  max-height: 22vh;
		}
      }
		
		
		
		@media (max-width: 990px) and (max-height: 768px){
		.card {
		  margin: 0px 0px;
			}
        .slick-dots {
          bottom: -4em;
        }
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -4.2em;                     
          left: -0.3em;                         
            }
		.notice-box {
		  background-color: #ffffff;
		  width: 100%;
		  overflow: hidden;
		  box-shadow: 0 10px 14px rgb(0 0 0 / 10%);
		  margin-top: 1em;
		  min-height: 10vh;
		  padding-top: 3vh;
		  max-height: 22vh;
		}
      }
		
		@media (max-width: 768px) and (max-height: 1024px) {	
		.notice-box {
		  background-color: #ffffff;
		  width: 100%;
		  overflow: hidden;
		  box-shadow: 0 10px 14px rgb(0 0 0 / 10%);
		  margin-top: 1em;
		  min-height: 10vh;
		  padding-top: 3vh;
		  max-height: 22vh;
		}	
		}
		
		@media (max-width: 1024px) and (max-height: 600px) {	
		.card {
		  margin: 0px 8px;
			}
        .slick-dots {
          bottom: -3em;
        }
		.card-body {	
			height: 15vh;
			}
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -3.2em;                         
          left: -0.3em;                         
            }
		 .card-title {
		   line-height: 1.3em !important;
		   -webkit-line-clamp: 3 !important;
		}
      }
		
		
		@media (min-width: 1280px) {
		.card {
		  margin: 0px 1px;
			}
        .slick-dots {
          bottom: 0em;
        }
		.card-body {	
			height: 15vh;
			}
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -3.7em;                         
          left: -0.3em;                         
            }
        }
		
		
		@media (min-width: 1366px) {
		.card {
		  margin: 0px 4px;
			}
        .slick-dots {
          bottom: -3.5em;
        }
		.card-body {	
			height: 15vh;
			}
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -4em;                         
          left: -0.3em;                         
            }
        }
		
		
		@media (min-width: 1920px) and (min-height: 1080px) {
		.card {
		  margin: 0px 4px;
			}
        .slick-dots {
          bottom: -2.5em;
        }
		.card-body {	
			height: 15vh;
			}
		.nb-btn-bottom {
          position:absolute;                 
          bottom: -4.5em;                         
          left: -0.3em;                         
            }
        }

      @media (max-width: 767px) {
        .sv-header-main {
          margin-bottom: 7px !important;
        }
    }