/**** Hero Section ****/
.hero-banner {
    background-image: linear-gradient(#fff 0%, #d9edf7 30%, #d3e3ed 60%, #fff 100%), linear-gradient(90deg, #ffffff14, #0000000a);
}
.heading-2 mark {
    display: block;
}
.kmf-brand-logo {
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: center;
}
.kmf-brand-logo img {
    border: solid 6px #fff;
    box-shadow: 0px 7px 10px #00000014;
}
.kmf-custom-slider__swiper .swiper-wrapper {
    padding-top: 20px;
}
.kmf-brand-section .kmf-custom-slider__swiper .swiper-slide {
    width: calc(100% / 4);
    transition: 0.5s;
}
.kmf-custom-slider__swiper .kmf-custom-slider-item:hover {
    transform: translateY(-10px);
}

.kmf-owner-image {
    animation: 6s ease-in-out infinite float;
}
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}
.kmf-owner-text-wrap {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    transition: all .4s;
    box-shadow: 0 10px 40px #00000014;
    max-width: 320px;
    position: absolute;
    top: 0;
    right: 0;
}

.kmf-global-popup { max-width: 100%; }

.designer-right-content-wrap .designer-icon-wrap {
	margin-right: 0px !important;
	margin-left: auto !important;
}
.designer-icon-wrap {
	max-width: 60px;
    margin-left: 0 !important;
	position: relative;
}

.designer-icon-wrap img {
	filter: invert(1);
}
.designer-icon-wrap:after {
    content: "";
    z-index: -1;
    clip-path: polygon(0 0, 53% 43%, 100% 0);
    background-color: #4fa8b7;
    width: 20px;
    height: 20px;
    transition: all .5s;
    position: absolute;
    bottom: -19px;
    left: calc(50% - 10px);
}