.team-type-heading .team-wrapper {position: relative;padding-bottom: 10px}
.team-type-heading .team-wrapper:after {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); background-color: #21A3FF;height: 5px;border-radius: 5px;width: 70px;}
.home-header{background:  linear-gradient(160deg,#0f9efe 0,#0182d9 100%);}
.contact-banner{text-align:center;padding-top:50px;padding-bottom:50px;position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;color:#fff}
.contact-banner:after{content:"";display:block;background-color:#f9f9f9;position:absolute;width:100%;height:100%;top:0;left:0;right:0;z-index:-1;background-image:url(<?php echo $banner_url?>);background-attachment:fixed;background-repeat:no-repeat}
.team-wrapper{max-width:1440px;margin:0 auto}
.team-type-heading{padding:35px 0 20px 0;margin-top: 51px;margin-bottom:70px;text-align: center;}
/*ul.team-item{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:50px}*/
.team-item-member{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;grid-column-gap:40px;grid-row-gap:40px}
.team-item-member li{width:23%;text-align:center;transform:translatey(0px);animation:float 8s ease-in-out infinite}
.avatar-name{margin-top:20px;font-weight:600}
ul.team-item li{text-align:center}
.member-img{width:242px;height:242px;border-radius:50%;margin:0 auto;position: relative;}
.member-img img{width:100%;object-fit:cover;height:100%;filter:grayscale(1);}
.member-img img:hover{filter:grayscale(0);}
.member-img:after {content: '';position: absolute;left: -20px;top: -20px;height: 100%;width: 100%;background: #ceebff;z-index: -1;transition: 0.3s ease;}
.member-img:before {content: '';position: absolute;right: -15px;bottom: -5px;height: 80%;width: 80%;background: #21a3ff;z-index: -1;transition: 0.3s ease;}
.member-img:hover:after {top: 0;left: 0;opacity: 0;}
.member-img:hover:before {right: 0;bottom: 0;opacity: 0;}
.img-tag{position:relative;margin-bottom:35px}
.name-tag{padding:5px 20px;border-radius:40px;transition:.3s ease;color:#fff;display:inline-block;box-shadow:0 0 10px rgb(0 0 0 / 30%);position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;min-width:140px;font-weight:600;font-size:16px}
.name-tag span{display:block}
.bg-one{background:#09f}
.bg-two{background:#0db94a}
.bg-three{background:#e3ca16}
.banner-content * {color: inherit;}
.head-lg {font-size: 45px;}
.sm-head {font-size: 16px;font-weight: 500 !important;margin-bottom: 10px;position: relative;padding-bottom: 10px;}
.sm-head:after {content: '';position: absolute;left: 0;bottom: 0;background-color: #21A3FF;height: 3px;border-radius: 5px;width: 40px;}
@keyframes float{
0%{transform:translatey(0px)}
50%{transform:translatey(-20px)}
100%{transform:translatey(0px)}
}
.team-item-member li:nth-of-type(odd){animation-delay:.9s}
.team-item-member li::nth-of-type(evev){animation-delay:2s}
.team-banner .banner-content {display: flex;flex-direction: column;justify-content: center;color: #fff;}
.team-banner {padding: 50px 0;}
.banner-img img {height: 400px;width: 100%;object-fit: contain;}


@media only screen and (max-width:1199px) {
	.team-item-member{grid-column-gap: 80px;}
}
@media only screen and (max-width:1024px) {
	.banner-img img{height: 300px;}
}

@media only screen and (max-width:991px) {
	.team-banner .banner-img {order: 1;}
	.team-banner .banner-content {order: 2;margin-top: 40px;text-align: center;}
	.team-banner .banner-content .sm-head:after {left: 50%;transform: translateX(-50%);}
	.team-item-member {grid-column-gap: 0;}
	.team-item-member li, ul.team-item li {width: 50%;}
	.team-wrapper {padding: 0 12px;}
	.team-type-heading{margin-top: 0; margin-bottom: 50px}
}
@media only screen and (max-width:767px) {
	.home-header{margin-bottom: 30px;}
	/*ul.team-item{grid-template-columns:repeat(1,1fr);grid-column-gap:50px;grid-row-gap:50px}*/
    .team-item li:not(:last-child) {margin-bottom: 30px;}
    .team-banner .banner-content {margin-top: 30px;padding: 0;}
    .team-banner .banner-content p{margin: 0;}
    .member-img {width: 212px;height: 212px;}
	.team-type-heading h3{text-align:center;font-size:26px}
    .banner-content {padding: 20px 0;}
    .head-lg {font-size: 30px;}
    .team-type-heading {padding: 15px 0 20px 0;margin-bottom: 40px;}
}
@media only screen and (max-width:575px) {
	.team-item-member{flex-direction:column;align-items:center}
	.banner-img img {height: 250px;}
	.team-item-member li, ul.team-item li {width: 100%;}
}
@media only screen and (max-width:480px) {
	.banner-img img {height: 200px;}
	.team-banner .banner-content {margin-top: 20px;}
	.team-banner .banner-img {display: none;}
}