body { } 

.BrandNavItem{
	color:#fff!important;
}

header{
    	margin-top:138px;
    }

    @media(max-width:767px){
        header{
            margin-top:80px;
        }
        .section-listings{
            margin-top:140px;
        }
 		.navbar-brand{
            height:80px!important;
        }
    }

.btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    background-color: #D92419 !important;
}

.listcontainer {
    overflow: hidden;
    text-align: center;
    width: 100%;
    position: relative;
}

.custom-heading {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.custom-heading:before, .custom-heading:after {
    background: #000;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 400%;
}

.custom-heading:before {
    right: 100%;
}

.custom-heading:after {
    left: 100%;
}

/* The flip card container*/
                            .flip-card {
                                background-color: transparent;
                                width: 240px;
                                height: 240px;
                                perspective: 1000px;
                                /* Remove this if you don't want the 3D effect */
                                margin: 1rem!important;
                                cursor: pointer;
                            }

.flip-card-5 {
                                background-image: url(https://drive.propcon.co.za/agency/fc824a2a11d3cb36f285c944169d71b6/branch/4fb9968024f5b6499071b26e0f4507a6/Images/home-section-1.webp)!important;
                                background-size: cover!important;
box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 20%)!important;
                            }

.flip-card-4 {
                                background-image: url(https://drive.propcon.co.za/agency/fc824a2a11d3cb36f285c944169d71b6/branch/4fb9968024f5b6499071b26e0f4507a6/Images/home-section-2.webp)!important;
                                background-size: cover!important;
box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 20%)!important;
                            }

                            .flip-card-2 {
                                background-image: url(https://drive.propcon.co.za/agency/fc824a2a11d3cb36f285c944169d71b6/branch/4fb9968024f5b6499071b26e0f4507a6/Images/home-section-3.webp)!important;
                                background-size: cover!important;
box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 20%)!important;
                            }

                            .flip-card-3 {
                                background-image: url(https://drive.propcon.co.za/agency/fc824a2a11d3cb36f285c944169d71b6/branch/4fb9968024f5b6499071b26e0f4507a6/Images/home-section-4.webp)!important;
                                background-size: cover!important;
box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 20%)!important;
                            }

                            .flip-card-1 {
                                background-image: url(https://drive.propcon.co.za/agency/fc824a2a11d3cb36f285c944169d71b6/branch/4fb9968024f5b6499071b26e0f4507a6/Images/home-section-5.webp)!important;
                                background-size: cover!important;
box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 20%)!important;
                            }

                            /* This container is needed to position the front and back side */
                            .flip-card-inner {
                                position: relative;
                                width: 100%;
                                height: 100%;
                                transition: transform 0.8s;
                                transform-style: preserve-3d;
                            }

                            /* Do an horizontal flip when you move the mouse over the flip box container */
                            .flip-card:hover .flip-card-inner {
                                transform: rotateY(180deg);
                            }

                            /* Position the front and back side */
                            .flip-card-front, .flip-card-back {
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                -webkit-backface-visibility: hidden;
                                /* Safari */
                                backface-visibility: hidden;
                                border-radius: 1.25rem;
                                border: 2px solid #D92419 !important;
                                padding-left: 0!important;
                                box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
                            }

                            .flip-card-front {
                                text-align: center
                            }

                            /* Style the back side */
                            .flip-card-back {
                                transform: rotateY(180deg);
                                background-size: cover;
                                background-position: center;
                                background-repeat: no-repeat;
                                position: relative
                            }

#ContentPlaceHolder1_UP_Home, #ContentPlaceHolder1_UP_AboutUs, #ContentPlaceHolder1_UP_ContactUs{
	padding-bottom:0!important;
	margin-bottom:0!important;
}

h1, .h1-responsive, h2, .h2-responsive, h3, .h3-responsive, h4, .h4-responsive, h5, .h5-responsive, .UC501-agent-fullname {
    font-family: Montserrat-ExtraBold !important;
	font-weight:normal!important;
	letter-spacing:1px!important;
	text-transform:uppercase!important;
line-height: 1.3; 
}

a.btn, div.btn, span.btn, div.chip, a.search-hover{
    position: relative;
    overflow: hidden;
	    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0) !important;
	font-size:15px!important;
}

.special-cursive{
	    font-family: DancingScript-Regular !important;
		font-size:30pt;
}

a.search-hover{
    display:inline-block; /* IMPORTANT */
}

/* hover background */
a.btn:hover, div.btn:hover, span.btn:hover, div.chip:hover, a.search-hover:hover{
    color: #fff!important;
background-color: #D92419!important;
box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 15%)!Important;
}



/* shimmer layer */
a.btn::after, div.btn::after, span.btn::after, div.chip::after, a.search-hover::after{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:120%; /* smoother sweep */
    height:100%;
    pointer-events:none;

    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.7) 50%,
        rgba(255,255,255,0) 100%
    );

    transform: skewX(-25deg);
}

/* shimmer animation */
a.btn:hover::after,
div.btn:hover::after,
span.btn:hover::after,
div.chip:hover::after,
a.search-hover:hover::after{
    animation: btnShimmer 0.9s forwards;
}

@keyframes btnShimmer{
    0%{
        left:-120%;
    }
    100%{
        left:130%;
    }
}





.hyperline {
display: inline-block;
position: relative;   
    font-family: Montserrat !important; 
	font-weight:bold!important;
	text-transform:uppercase!important;
	font-size:13px!important;
}
.BrandNavItem:hover, a.dropdown-item:hover{
	color:#D92419!important
}
.nav-link.BrandNavItem{
	
	padding-right:10px!important;
letter-spacing: 2px;
}


.hyperline:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 3px;
bottom: -4px;
left: 0;
background-color: #D92419!important;
transform-origin: bottom right;
transition: transform 0.25s ease-out;

}

#divTestimonialsContainer td section.my-2{
	margin-bottom:0!Important;
}

.hyperline:hover:after {
transform: scaleX(1);
transform-origin: bottom left;

}

.home-search-pill:hover{
        opacity:1!important;
}