.our-brands-img-content {
			position: relative;
			cursor: pointer;
			overflow: hidden;
			box-shadow: 2px 2px 11px grey;
			transition: 0.3s all ease-in
		}

		
		.our-brands-img-content:hover .our-brands-copy {
			opacity: 1;
			top: 0;
			transition: 0.3s all ease-in
		}
	
	

		.our-brands-img-content .our-brands-copy {
			position: absolute;
			bottom: -100%;
			bottom: 0;
			background: #FFF;
			height: 100%;
			opacity: 0;
			transition: 0.3s all ease-out;
			padding: 18px;
		}

		.our-brands .nav-pills .nav-link,
		.nav-pills .show>.nav-link {
			text-align: left;
			color: #003359;
			font-size: 18px;
			font-weight: 600;
			border: 0;
			background: none;
			border: 1px solid #E6E7E7;
			border-radius: 0;
			padding: 25px 17px;
			border-left: 0;
		}

		.our-brands .nav-pills .nav-link.active,
		.nav-pills .show>.nav-link,
		.nav-pills .nav-link:hover {
			background-color: #DAE0F1;
			color: #003359;
		}

		.our-brands {
			border: 1px solid #E6E7E7;
		}

		.leader-block-home {
			background: none;
			padding: 0 24px;
		}

		.borderB-none {
			border-bottom: 0;
		}

		.mrg-tp {
			margin-top: 58px;
		}

		.hover-icon {
			z-index: 1;
			position: absolute;
			bottom: 0;
			right: 0;
			margin-bottom: 0;
			transition: 0.3s all ease-in;
		}

		.our-brands-img-content:hover .hover-icon {
			display: none;
			transition: 0.3s all ease-out
		}

		.mrg-tp-lst {
			margin-top: 29px;
		}

		/* responsive */
		.inv-h{height: 100%}

		.tribute-pnp-banner {
    background: linear-gradient(to right,#18486A 100%, #fff 50%);
    background-size: 100%;
    /* padding: 10px; */
}
	



		div.banner-holder {

			height: 200px;
			display: flex;
			justify-content: center;
			place-items: center;


		}



		div.banner-holder .blue-bg {
			position: relative;
			z-index: 0;
			background-color: #01365B;
			padding: 20px 190px;
			width: 80%;
			color: #fff !important;
			margin-top: 34px;
		}

		div.banner-holder .blue-bg p {
			font-size: 15px !important;
			margin-bottom: -5px;
			font-weight: 300;
		}

		div.banner-holder .blue-bg h2 {
			margin: 5px 0 11px 0;
		}

		div.banner-holder .btn-group {
			display: flex;
			gap: 20px;
		}

		.blue-bg h2.tribute-header {
			font-size: 30px !important;
			color: #fff !important;
		}

		div.banner-holder img {
			
			width: 42%;
			margin-right: -220px;
			position: relative;
			z-index: 1;
			bottom: -34px;
			
		}

		.new-control {
			background-color: #fff !important;
			border: 2px solid #4775B7 !important;
			border-radius: 10px !important;
			text-transform: none !important;
			font-size: 13px !important;
			font-weight: 400 !important;
		}

		.bg-lgrey-home {
			min-height: 808px;
		}
	
.ackerman-banner-img {
position: relative;
display: flex;
align-content: flex-end;
align-items: flex-end;
/* background: rgba(1,54,91, 0.8) */
}	
.intro-size-reduced{
	font-size: 12px !important;

}


.fade-in {
			-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
			animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
		}

		.slide-in-bottom {
			-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
			animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
		}

		@-webkit-keyframes slide-in-bottom {
			0% {
				-webkit-transform: translateY(200px);
				transform: translateY(200px);
				opacity: 0;
			}

			100% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}
		}

		@keyframes slide-in-bottom {
			0% {
				-webkit-transform: translateY(200px);
				transform: translateY(200px);
				opacity: 0;
			}

			100% {
				-webkit-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}
		}

		@-webkit-keyframes fade-in {
			0% {
				opacity: 0;
			}

			100% {
				opacity: 1;
			}
		}

		@keyframes fade-in {
			0% {
				opacity: 0;
			}

			100% {
				opacity: 1;
			}
		}


		.banner-picknpay{
		position: absolute;
		top: 0px;
        left: 0%;
        background: rgba(1,54,91, 0.7);
        width: 95%;
        height: 100%;
        z-index: 1;
        min-height: 460px;
        padding: 60px 15px;
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
		justify-content: flex-end;
	}
    .banner-picknpay::before{
        background: rgba(1,54,91, 0.7);
        position: absolute;
        width: 100%;
        left: -100%;
        content: "";
        height: 100%;
        top: 0;
    }


	.brands-imgs{margin-bottom: 20px;}
			.readmore {
				margin-top: 25px;
				color: #003359;
				list-style: none;
				padding-left: 0;
			}

			.readmore li a span {
				font-weight: 100 !important;
				color: #23201f;
				display: block
			}

			.readmore li {
				position: relative;
				padding-left: 25px;
				margin-bottom: 15px;
			}

			.readmore li:before {
				content: "\e93c";
				font-size: 10px;
				font-weight: 600;
				position: absolute;
				width: 21px;
				height: 21px;
				padding: 2px;
				border: 2px solid #003359;
				font-family: 'icomoon';
				color: #003359;
				top: 3px;
				margin-right: 10px;
				transition: .3s all;
				left: -4px;
			}

			.margin-60T {
				margin-top: 60px !important;
			}

		
            .investor-suite-sec {position: relative;}
.investor-suite-sec i {
    float: right;
    position: relative;
    right: 3px;
    color: #003359;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 5px;
    font-size: 24px;
    font-weight: 500;	
	
}
.investor-suite-sec .quickhead {
    color: #003359;
   
    font-weight: 400;
    height: 100%;
}
.investor-suite-sec:hover .quickhead{
    color: #AE303C;
    text-decoration: none;
    text-decoration: none;
    transition: all 0.3s ease;
}	
	
.investor-suite-sec:hover i {
    right: 10px;
    transition: all 0.5s ease;
    color: #AE303C;
}
.home-article-height .readmore li {height: 80px;}

.chairman-container{

}
.chair-img{
	float: right;
}

.home-slide-icon-left {
    background-image: none!important;
    transition: 0.3s ease-in-out;
}
.banner-chair{
	background: rgba(1,54,91, 0.8);
}
.home-slide-icon-left:before {
    border-top-color: rgba(255,255,255,1) !important;
    border-left-color: rgba(255,255,255,1) !important;
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 3px solid rgba(255,255,255,0.75);
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 26px;
    height: 26px;
    border: 3px solid transparent;
    border-top: 3px solid rgba(255,255,255,0.75);
}
		.home-slide-icon-right {
			position: relative;
    background-image: none!important;
    transition: 0.3s ease-in-out;
}
.home-slide-icon-right:before {
    transform: rotate(45deg);
    border-top-color: rgba(255,255,255,1) !important;
    border-right-color: rgba(255,255,255,1) !important;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 26px;
    height: 26px;
    border: 3px solid transparent;
	right: 20px;
}
.quick-margin1{
	margin-top: 15px;
}
.img-icon{
	height: 65px;
}
@media screen and (max-width:1650px) {
	.carousel-control-prev {
		left: -50px;
	}
	.carousel-control-next{
		right: -50px;
	}
	
}
@media screen and (max-width:1520px) {
	.carousel-control-prev {
		left: -85px;
	}
	.carousel-control-next{
		right: -85px;
	}
	
}
@media screen and (max-width: 1400px) {
	.brands-imgs{height: 72px; padding-left: 18px;}
	.pnp-col{flex: 0 0 50% !important; max-width: 50%!important;}
	.our-brands-copy .intro-size-reduced { font-size: 16px!important;	}
}
@media screen and (max-width:1380px) {
	.carousel-control-prev {
		left: -70px;
	}
	.carousel-control-next{
		right: -70px;
	}
	
}

		@media screen and (max-width: 1200px) {
			.quick-margin{
				margin-top: 10px;
			}
			.quick-margin1{
				margin-top: 10px;
			}
			div.banner-holder .blue-bg {
				padding-right: 20px;
			}
			div.banner-holder img {
				width: 51%;
			}
			.home-bigintro {
				font-size: 35px;
			}
			.carousel-control-prev {
				left: -60px;
			}
			.carousel-control-next{
				right: -60px;
			}

		}
		@media screen and (max-width: 1199px){
			.inv-h{
				height: auto;
			}
		}
	
	
	
		@media screen and (max-width: 1040px){
						.ackerman-banner-img{z-index: 1; right: 0;}
                        .tribute-pnp-banner{
                            background: rgba(1,54,91, 1);
                        }

						.banner-chair{
							background: rgba(1,54,91, 1);
						}
                        .banner-bkr-home {
                            padding: 10px 0px 30px 0px!important;
							margin-left: 70px;
						}
                 
                     
                        .carousel-control-next{
                            right: -20px;
                        }
                        .carousel-control-prev{
                            left: -20px;
                        }
                        .home-bigintro {
                            margin-bottom: 5px;
                        }
                        .home-btn{
                            margin-bottom: 8px;
                            margin-top: 15px;
                        }
                        .main-banner-bg{
                            min-height: 330px;
                        }
                        .main-banner-bg:before{
                            display: none!important;
                        }
                        #banner-bkr-slide1{
                            padding: 24px 0 !important;
                        }
            
                        .banner-picknpay{
							background: rgba(1,54,91, 0.8);
							padding: 15px 15px;
                        width: 100%;
                        min-height: 330px;
                        }
						.chair-img{
							height: 250px;
						}
					

	}




		@media screen and (max-width: 991px){
			.img-icon{
				height: 62px;
			}
			.brands-imgs{ padding-left: 0;}
			.investor-suite-sec{margin-bottom: 0!important;}
			.main-banner-bg{
				min-height: 250px;
			}
			.chairman-container {
				display: flex;
				justify-content: space-around;
			}
			.banner-picknpay2{
				background: rgba(1,54,91, 1);
					padding-top: 10px;
					
				}
            .banner-picknpay{
				position: relative;
				padding: 15px 15px;
			width: 100%;
			min-height: 330px;
			justify-content: space-between;
			}
			.tab-content>.tab-pane {
				display: block;
				opacity: 1;
			}

			.our-brands .tab-content .accordion-header button.collapsed {
				text-align: left;
				color: #003359;
				font-size: 18px;
				font-weight: 600;
				border: 0;
				background: none;
				border: 1px solid #E6E7E7;
				border-radius: 0;
				padding: 25px 17px;
				border-left: 0;
			}

			.our-brands .tab-content .accordion-header button {
				background-color: #DAE0F1;
				color: #003359;
				font-size: 18px;
				border: 1px solid #E6E7E7;
				padding: 25px 17px;
				font-weight: 600;
			}

			.our-brands {
				width: 100%;
			}

			.our-brands-img-content {
				box-shadow: none;
			}

			.our-brands-img-content:hover {
				padding-bottom: 0;
			}

			.our-brands-img-content .our-brands-copy {
				position: unset;
				opacity: 1;
				padding: 18px 0;
			}

			.reomve-txt,
			.hover-icon {
				display: none;
			}
			div.banner-holder img {
				margin: 0;
				z-index: 0;
				width: 70%;
			}
			figure .container {
				height: fit-content;
				display: flex;
				justify-content: center;
				place-items: center;
			}

			div.banner-holder {
				flex-direction: column;
				height: fit-content;
			}
			div.banner-holder .blue-bg{
				padding: 16px;
				margin-bottom: 20px;
			}
		}
	
		@media screen and (max-width: 891px)
		{
			.our-brands-copy .intro-size-reduced {
				font-size: 16px!important;
			}
			.our-brands-copy p{
				margin-bottom: 0!important;
			}
		}
		@media screen and (max-width: 768px) {
			.bg-lgrey-home {
				min-height: auto;
			}

			div.banner-holder {
				width: 100%;
			}

			div.banner-holder .btn-group {
				display: block;
			}
			.new-control:first-of-type{
				margin-right: 10px;
			}
			.pnp-col{
							flex: 0 0 100% !important;
							max-width: 100%!important;
						}
						.people-planet-section {
							margin-bottom: 0!important;
							background-size: cover;
						}
		}
		@media screen and (max-width: 500px){
			div.banner-holder .blue-bg p{font-size: 12px!important;}
			.blue-bg h2.tribute-header {
				font-size: 20px !important;
			}
			
	
			.home-bigintro {
				font-size: 30px;
			}
			.banner-bkr-home{
				margin-left: 35px;
			}
		}
			
		@media screen and (max-width: 400px){
			.banner-bkr-home {
				margin-left: 0;
			}
			.banner-picknpay {
				align-content: flex-start;
			}
		}