.member-profile {

    top: -100px;

    left: 0;

}



.member-profile img {

    width: 150px;

    height: 150px;

}



.company-profile {



}



.company-profile img {

    

}



.bg-infobox {

    background:rgb(255,254,224);

}



/* Mobile */

@media (max-width: 640px) {

    .company-profile img {

        display: block;

        margin-left: auto;

        margin-right: auto;

        width: 50%;

    }



    .team-section {

        margin-top:150px;

    }



    .member-profile {

        top: -130px;

        left: 0;

    }

    

}



/* Tablet */

@media (max-width: 990px) {

    .company-profile img {

        display: block;

        margin-left: auto;

        margin-right: auto;

        width: 50%;

    }



    .team-section {

        margin-top:150px;

    }



    .member-profile {

        top: -130px;

        left: 0;

    }

    

}



.hover-shadow:hover{

    background-color: rgb(240, 240, 240);

}



.fade-in { animation: fadeIn 1s; }



@keyframes fadeIn {

	from {

		opacity: 0;

		transform: translate3d(-2%, 0, 0);

	}

	to {

		opacity: 1;

		transform: translate3d(0, 0, 0);

	}

}



fadeIn-2 {

	animation-delay: 1s;

}



fadeIn-3 {

	animation-delay: 1s;

}



.banklist-alphabet {

    display: flex; /* enable flexbox layout */

    justify-content: center; /* center items horizontally */

    list-style-type: none; /* remove bullet points */

    padding: 0; /* remove padding */

    margin: 0; /* remove margin */

}



.banklist-alphabet li {

    display: inline-block; /* display items on the same line */

    margin-right: 20px; /* add some margin to separate items */

}





.banklist-banks {

    display: flex; /* enable flexbox layout */

    list-style-type: none; /* remove bullet points */

    padding: 0; /* remove padding */

    margin: 0; /* remove margin */

    flex-wrap: wrap;

    justify-content: center;

    text-align: center;

}



.banklist-banks li {

    display: block; /* display items on the same line */

    margin: 12px; /* add some margin to separate items */

    width: 140px;

    justify-content: center;

    text-align: center;

    padding: 0px;

    -webkit-box-shadow: 0px 11px 31px -18px rgba(0,0,0,0.3); 

    box-shadow: 0px 11px 31px -18px rgba(0,0,0,0.3);

    animation: fadeInBanks 1s;

    border: solid 1px rgb(255, 255, 255);

}

.banklist-banks li:hover {

    display: block; /* display items on the same line */

    margin: 12px; /* add some margin to separate items */

    width: 140px;

    justify-content: center;

    text-align: center;

    padding: 0px;

    border: solid 1px black;

    -webkit-box-shadow: 0px 11px 31px 8px rgba(0,0,0,0.3); 

    box-shadow: 0px 11px 31px 8px rgba(0,0,0,0.3);

    animation: fadeInBanks 1s;

}


.banklist-banks li a img {

    display: block;

    max-width: 120px; /* set the max width of the image to 100% */

    width: 120px;

  height: 120px;

  object-fit: cover;

  object-position: center;

  text-align: center;

  justify-content: center;

  margin: auto;

  margin-top: 5px;

}



.banklist-banks li a p {



}





@keyframes fadeInBanks {

  from {

    opacity: 0;

    transform: translateY(10px);

  }

  to {

    opacity: 1;

    transform: translateY(0px);

  }

}