:root {
	--jp-logo-blue-color: #273b84;
	--jp-logo-red-color: #e81f3f;
	--jp-sky-color: #00c2ff;
	--jp-white: #ffffff;
	--jp-button-blue-color: linear-gradient(180deg, rgb(2 188 248), rgb(46 80 137));
}

header {
	position: absolute !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
    background-image: linear-gradient(to bottom, black, rgba(0,0,0,0)) !important;
}

body header {
	height: 13rem !important;
    background-color: unset !important;
}

body header nav.bg-body-tertiary {
	height: 10rem !important;
	background-color: unset !important;
}

header .brand-section {
	background-color: unset !important;
}

.wpl-28-template-wp input[type="email"], .wpl-28-template-wp input[type="text"], .wpl-28-template-wp textarea {
    font-size: 13px !important;
}

.project-master-plan {
 height: 100%;
 display: block;   
}

.home-banner-image p {
	top: 15% !important;
}

header .dropbtn {
	background-color: unset !important;
    border: unset !important;
}

::placeholder {
color: black;
}

.underline-title {
	position: relative;
}

#wpl_login_form_container {
	margin: unset !important;
}

.underline {
	position: absolute;
	bottom: -15px;
	left: 0;
}

@media (max-width: 992px) {
	.collapse:not(.show) {
		display: none !important;
	}
}

.project-listing-contact-us input {
	height: 4.5rem !important;
    font-size: 1.5rem !important;
}

section.technology, #divider-section {
	height: unset !important;
}

section:not(.footer-section, .single-project-building-choose, .svg-start), #svg-parent {
	background-color: white !important;
}

.footer-section .container, .footer-section .row {
	height: 100% !important;
}

.footer-section .footer-first-section, .footer-section .footer-second-section {
	margin-top: auto !important;
}


#page-divider {
	bottom: 0 !important;
    top: 0 !important;
}

body, h1, h2, h3, h4, h5, h6, p, span, a, li {
	font-family: 'Lato', sans-serif !important;
}

body.page-id-7707 section:not(.footer-section), body.page-id-7857 section:not(.footer-section), body.page-id-7885 section:not(.footer-section), body.page-id-9394 section:not(.footer-section), body.page-id-7423 section:not(.footer-section), body.page-id-9516 section:not(.footer-section), body.page-id-9526 section:not(.footer-section), body.blog section:not(.footer-section), body.page-id-9602 section:not(.footer-section), body.page-id-3175 section:not(.footer-section), body.page-id-9764 section:not(.footer-section) {
	height: unset !important;
}

body.page-id-7707, body.page-id-7857, body.page-id-7885, body.page-id-7423, body.page-id-9394, body.page-id-9516, body.page-id-9526, body.page-id-9602, body.blog, body.page-id-9764, body.postid-9799 {
	height: unset !important;
	margin-top: unset !important;
}

body.blog #main_box_container {
    padding-top: 100px;
}

#contact-map {
	overflow: hidden !important;
}

.contact-icon .elementor-icon-box-wrapper {
	display: flex !important;
}

.contact-icon .elementor-icon-box-wrapper .elementor-icon-box-content {
	padding-left: 10px !important;
}

.contact-google-map {
	overflow: hidden !important;
}

.contact-google-map iframe {
	transition: all .2s ease-in-out;
}

.contact-google-map iframe:hover {
	    transform: scale(1.1) !important;
}

.contact-icon-b .elementor-icon-box-wrapper {
	display: flex !important;
}
@media (min-width: 480px) {
	.contact-icon-b .elementor-icon-box-wrapper {
    	flex-direction: row-reverse;
	}
}

.contact-icon-b .elementor-icon-box-wrapper .elementor-icon-box-content {
	padding-right: 10px !important;
}

.fw-100 {
	font-weight: 100 !important;
}

.fw-200 {
	font-weight: 200 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

.navbar li {
	margin-bottom: unset !important;
    margin-left: 2rem !important;
    margin-right: 2rem !important;
 }
 
 .navbar li a {
 	font-size: 1.7rem !important;
 }
 
 html #contact-us-form input[type="text"], html #contact-us-form input[type="email"], html #contact-us-form input[type="tel"], html #contact-us-form textarea,  html #home-form input[type="text"], html #home-form input[type="email"], html #home-form input[type="tel"], html #home-form select {
	border: 1px solid var(--jp-sky-color) !important;
}


html #contact-us-form input[type="submit"] {
	background-color: var(--jp-sky-color) !important;
    float: right !important;
}
 
.brand-section {
	background-color: var(--jp-white);
	padding-left: 10px;
}


.header-logo-right {
	width: 100px;
	height: 100px;
}

.header-logo-right .header-logo-right-style {
	width: 100px;
	height: 100px;
	background-color: var(--jp-logo-red-color) !important;
}

.header-section {
	padding: unset !important;
}

.page-id-7857 .sidebar-property-important-links, .page-id-7707 .sidebar-property-important-links, .page-id-7885 .sidebar-property-important-links {
	display: none;
}

.page-id-7857 #wpl_favorites_widget-2, .page-id-7707 #wpl_favorites_widget-2, .page-id-7885 #wpl_favorites_widget-2 {
	display: none;
}

.page-id-7857 header nav, .page-id-7707 header nav, .page-id-7885 header nav {
	padding-top: unset !important;
	padding-bottom: unset !important;
	background-color: var(--jp-logo-blue-color) !important;
    justify-content: unset !important;
}

nav .navbar-toggler {
	margin-left: auto !important;
}

.navbar-brand {
	width: 250px !important;
	height: 100% !important;
    padding: unset !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-right: unset !important;
}

.header-menu ul > li > a {
	color: var(--jp-white) !important;
	display: flex;
}
.dropdown > .dropdown-content > li > a{
	color: black !important;
}

.header-menu ul > li > a.active, .navbar-nav .nav-link.active {
	color: var(--jp-white) !important;
}

.header-menu ul > li:hover > a.nav-link::after {
	content: " ";
	clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%, 50% 50%);
	width: 10px;
	height: 10px;
	background-color: var(--jp-logo-red-color);
	display: block;
	margin-top: auto;
	margin-bottom: 5px;
	margin-left: 8px !important;
}

.header-menu ul > li:hover > a.nav-link {
	color: black;
}

.footer {
	background-color: var(--jp-logo-blue-color);
}

.row .footer-second-section input[type="text"].jp-rounded-start {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}

.row .footer-second-section .jp-rounded-end {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
    border: 2px solid !important;
}

.footer-menu .footer-menu-list .footer-menu-link {
	list-style: none;
	display: inline-block;
	margin: 10px 0px;
}

.footer-menu .footer-menu-list .footer-menu-link:not(:last-child)::after {
	content: "";
	border: 1px solid var(--jp-sky-color);
	margin: 10px 20px;
}

.footer-menu .footer-menu-list .footer-menu-link a {
	text-decoration: none;
	color: var(--jp-white);
}

.footer {
	padding: 5%;
}

.footer-second-section {
	padding: 5%;
}

/* project listing page style start */

.project-listing-banner .container-fluid, .technology-banner .container-fluid {
	padding-right: unset !important;
	padding-left: unset !important;
}

.home-form-input-style {
	height: 45px !important;
}

.home-form-section .container-fluid{
	display: grid !important;
    align-items: center !important;
    height:100vh;
}

.home-map-section .container {
	display: grid !important;
    align-items: center !important;
    height: 100% !important;
}

.footer-menu-link a {
	font-size: 18px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.footer-menu {
	margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.footer-first-section {
	font-size: 18px !important;
}

html input[type="email"].jp-subscrib-input-style {
	height: 42px !important;
}

.jp-subscrib-button-style {
	height: 45px !important;
    margin-left: -35px !important;
}

section.footer-section {
	height: unset !important;
}

@media screen and (min-width: 480px) {

	
	.footer-first-section {
		content: "";
		padding-left: 5%;
	}

	.footer-second-section{
		border-left: 1px solid var(--jp-sky-color);
	}

	.project-list-odd-color {
		width: 86.5%;
		background-color: #ebfff9;
		height: 700px;
		margin-right: auto;
	}
	
	.project-list-odd-image {
		width: 90%;
		margin-left: auto;
		margin-top: auto;
		overflow: hidden;
		transition: 0.3s;
	}

	.project-list-odd-image img, .project-list-even-image img {
		-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}

	.project-list-odd {
		position: relative;
		height: 700px;
	}

	.project-list-odd-image {
		position: absolute;
		top: 10%;
		bottom: 10%;
		right: 0;
		margin: auto;
	}

	.project-details-odd {
		margin-top: auto !important;
		margin-bottom: auto !important;
		text-align: left;
	}


	.project-list-even-color {
		width: 86.5%;
		margin-left: auto;
		background-color: #eef5ff;
		height: 700px;
	}
	
	.project-list-even-image {
		width: 90%;
		margin-left: auto;
		margin-top: auto;
		overflow: hidden;
	}

	.project-list-even-image img {
	}

	.project-list-even {
		position: relative;
		height: 700px;
	}

	.project-list-even-image {
		position: absolute;
		top: 10%;
		bottom: 10%;
		left: 0;
		margin: auto;
	}

	.project-details-even {
		margin-top: auto !important;
		margin-bottom: auto !important;
		text-align: right;
	}

	.project-name {
		font-size: 60px !important;
		-webkit-transition: 0.4s ease;
		transition: all .5s;
		overflow: hidden;
		font-weight: 100;
	}

	.project-location {
		font-size: 30px !important;
		-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
		font-weight: 100;
	}

	.f-30 {
		font-size: 30px;
	}

	.fw-500 {
		font-weight: 500;
	}

	.f-25 {
		font-size: 25px;
	}
    
    .fs-20 {
		font-size: 20px;
	}
    
    .fs-18 {
		font-size: 18px;
	}

	.project-odd:hover .project-list-odd-image img, .project-even:hover .project-list-even-image img {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}

	.project-odd:hover .project-name, .project-odd:hover .project-location {
		-webkit-transform: scale(1.08);
		transform: scale(1.08) translateX(15px);
	}

	.project-even:hover .project-name, .project-even:hover .project-location {
		-webkit-transform: scale(1.08);
		transform: scale(1.08) translateX(-15px);
	}

	.section-heading h1, .section-heading h3 {
		font-size: 60px;
	}
}

@media screen and (max-width: 480px) {
    
    .section-heading h3 {
		font-size: calc(1.375rem + 1.5vw);
	}

	.home-banner-image p {
    	top: 20% !important;
    }
    
    header .navbar-collapse {
		background-color: rgba(0,0,0,0.7) !important;
	}

    .mobile-line-section .home-section-odd h1, .mobile-line-section .home-section-even h1, .mobile-line-section .home-section-odd h3, .mobile-line-section .home-section-even h3 {
    	font-size: 3rem !important;
    }
    
	.svg-bg-div {
    	padding-top: 2rem !important;
	}
    
    .project-listing-contact-us .project-listing-contact-us-title {
    	margin-top: 35% !important;
    }

	.project-name {
    	font-size: 40px !important;
    }
    
    .project-location {
    	font-size: 20px !important;
    }
    
    .project-city-title, .project-price-title, .project-typology-title {
    	font-size: 23px !important;
    }
    
    .project-city, .project-price, .project-city, .project-typology {
    	font-size: 28px !important;
    }

	.project-listing-banner .banner-img img {
		height: 100vh;
		object-fit: cover;
	}
	.project-list .container-fluid {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	html {
		scroll-snap-type: y mandatory;
		height: 100vh;
		scroll-behavior: smooth;
		position: relative;
	  } 
	  
	  .mobile-scrolling {
		position: relative;
		height: 100vh !important;
		min-height: 600px !important;
		scroll-snap-align: start;
		scroll-snap-stop: always;
		overflow: hidden;
	}

	.mobile-scrolling .section-heading .py-5 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
    
    
    .project-list-odd-image, .project-list-even-image {
    	position: relative;
    }


	.project-list-odd-image:after, .project-list-even-image:after {
    	content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to top, transparent, black) !important;
	}

	.project-details-odd, .project-details-even {
		position: absolute;
		z-index: 9;
		color: white;
		text-align: center;
	}

	.project-list-odd-image img, .project-list-even-image img {
		height: 100vh !important;
		object-fit: cover;
		min-height: 600px;
	}

	.project-title {
		margin-top: 40%;
	}

	.fs-70 {
		font-size: 45px !important;
	}
    
    .footer-second-section {
    	padding: 5% 0px !important;
    }
    
    .navbar-toggler {
    	margin-right: 10px !important;
        border: 1px solid white !important;
    }
    
    .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
    .largest-font-specification {
    	font-size: 39px !important;
    	margin-bottom: 30px !important;
    }

    .image-frame-div {
    	height: 250px !important;
	}
}


/*@media screen and (min-width: 480px) and (max-width: 991px){
	.home-images-style {
    	width: 44vw !important;
   }
}
*/
/* project listing page style end */

/* single project page style :start */

.w-80-px {
	width: 80px;
}

.project-features-image img {
	border: 2px solid #2a3e86;
}

.project-features {
	margin-right: auto;
}

.project-features span {
	border-color: rgb(192 198 219) !important;
}

.me-10 {
	margin-right: 10em;
}

.single-project-button .project-button-style {
	border-color: rgb(153 162 197) !important;
	color: #000000 !important;
}

.single-project-building-choose {
	background-color: rgb(216 246 255) !important;
	padding-bottom: 5rem;
}

.fs-70 {
	font-size: 70px;
}

.my-10-rem {
	margin-top: 10rem;
	margin-bottom: 10rem;
}


/* single project style end */


@media screen and (min-width: 992px) {
	.header-menu .nav-link {
		white-space: nowrap !important;
	}
}

@media screen and (max-width: 992px) {
	#navbarSupportedContent ul li {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.footer-social-icons {
	display: flex !important;
	flex-direction: row !important;
}

.footer-social-icons a {
	width: 50px !important;
	height: 50px !important;
	border-radius: 50%;
	border: 2px solid var(--jp-sky-color) !important;
	padding: 5px;
	margin: 2%;
}


	.overflow-x-hidden {
		overflow-x: hidden !important;
	}

	.t-cards {
        position: relative;
        list-style-type: none;
        padding: 0;
        max-width: 100%;
        margin: 10% auto 0;
    }
    .t-card {
       position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background: #e2f1fc;
        border-radius: 10px;
        padding: 30px;
        box-shadow: 0 0 4px lightgray;
        transform: translateY(0) rotate(4deg) translateX(25px) scale(1);
        transform-origin: 0 0;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
        cursor: pointer;
        user-select: none;
    }

	.mobile-t-card {
        background: #e2f1fc;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 0 4px lightgray;
    }

    .t-card--next {
        z-index: 5;
        transform: translateY(40px) rotate(0deg) translateX(40px) scale(1);
    }

    .t-card--out {
        animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8);
        transform: translateY(80px) rotate(0deg) translateX(70px) scale(1);
        z-index: 1;
    }
   @keyframes card-out {
      0% {
         z-index: 20;
         transform: translateY(0px) rotate(-4deg);
      }
      50% {
         transform: translateY(-120%) rotate(-5deg) translateX(-40px);
      }
      80% {
         z-index: 1;
      }
      100% {
         transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
      }
   }

	.t-card--current {
		cursor: auto;
		user-select: auto;
		position: relative;
		z-index: 10;
		opacity: 1;
		transform: rotate(0deg) translateX(0%) scale(1);
	}
	.blue-text{
		color:#273b84;
	}

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

	.left-60 {
		left: 60px !important;
	}

	.top-120 {
		top: 120px !important;
	}

	.left-120 {
		left: 120px !important;
	}

	.fs-14 {
		font-size: 14px;
	}

	.w-60 {
		width: 60%;
	}

	.home-section-style {
		width: 500px;
		height: 500px;
		border-radius: 50%;
		border: 16px solid #273b84;
		padding: 16px;
        background-color: white;
        z-index: 999;
	}

	.image-div {
		display: flex;
	}

	.home-section-odd {
		margin-top: auto;
		margin-bottom: auto;
		width: 400px;
	}
    
    .home-section-odd h1, .home-section-even h1, .home-section-odd h3, .home-section-even h3 {
    	font-size: calc(1.375rem + 1.5vw) !important;
    }

	.home-section-even {
		margin-top: auto;
		margin-bottom: auto;
		width: 400px;
	}

	.home-svg {
		width: 100% !important;
		height: 4500px !important;
	}

	.home-images-style {
		width: 500px;
		height: 300px !important;
	}

	.mobile-line-section {
		display: none !important;
	}

	.desktop-line-section {
		display: block !important;
	}

	.home-about-numbers-odd {
		width: 280px;
		height: 280px;
		background-color: #273b84;
		border-radius: 50%;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	.home-about-numbers-even {
		width: 280px;
		height: 280px;
		background-color: #00c2ff;
		border-radius: 50%;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	.home-about-numbers {
		height: 260px;
		width: 260px;
		background-color:white;
		text-align: center;
		padding: 10px;
		border-radius: 50%;
	}

	html input[type="tel"].home-form-input-style, html input[type="text"].home-form-input-style, html input[type="email"].home-form-input-style, html .home-form-input-style, html select.home-form-input-style {
		padding:12px !important;
		border: 1px solid var(--jp-sky-color) !important;
		width: 100% !important;
        border-radius: 5px !important;
        color: black !important;
	}

	@media screen and (max-width: 768px) {
		.home-svg {
			width: 768px !important;
			height: 4000px !important;
		}

		.home-section-style {
			width: 300px;
			height: 300px;
			border-radius: 50%;
			border: 16px solid #273b84;
			padding: 16px;
		}

		.desktop-line-section {
			display: none !important;
		}

		.mobile-line-section {
			display: block !important;
		}

		.image-div {
			display: unset;
		}

		.home-images-style {
			width: 300px !important;
			height: 200px !important;
		}

		.w-60 {
			width: 80% !important;
		}

		.svg-start {
			height: unset !important;
		}
	}

	@media screen and (max-width: 480px) {

		.home-line-tracking {
			display: none !important;
		}

		.home-section-style {
			width: 300px;
			height: 300px;
			border-radius: 50%;
			border: 16px solid #273b84;
			padding: 16px;
		}

		.image-div {
			display: unset;
		}

		.home-svg {
			width: 200px !important;
			height: 500px !important;
		}

		.home-images-style {
			width: 63vw !important;
			height: 200px !important;
		}

		.mobile-line-section {
			display: block !important;
		}

		.desktop-line-section {
			display: none !important;
		}

		.svg-start {
			height: unset !important;
		}

		.top-60 {
			top: 45px !important;
		}

		.left-60 {
			left: 45px !important;
		}

		.top-120 {
			top: 90px !important;
		}

		.left-120 {
			left: 90px !important;
		}
        
      section.home-form-section {
        	height: 100vh !important;
      }
      section.home-map-section{
      	height: 100vh !important;
      }
		.home-form-section .form-title {
			text-align: center;
		}

		.testimonials-section {
			height: unset !important;
		}
        
        .home-banner-image {
        	overflow-x: hidden !important;
        }

		.home-banner-image img {
			width: auto !important;
            max-width: fit-content !important;
		}

		.home-section-odd, .home-section-even {
			margin-top: auto;
			margin-bottom: auto;
			width: 100%;
		}
	}
    
/*----- global button style start -----*/
.jp-button{
 	display: inline-block;
  	position: relative;
  	background: none;
  	border: none;
  	color: #fff;
  	font-size: 18px;
  	cursor: pointer;
 	margin: 10px 10px;
  	background: #00c2ff;
  	text-decoration: none;
}
.jp-button span{
  display: block;
  padding: 10px 30px !important;
  color: white !important;
}
.jp-button::before, .jp-button::after{
  	content:"";
  	width: 0;
  	height: 2px;
  	position: absolute;
  	transition: all 0.2s linear;
  	background: var(--jp-logo-blue-color);
}

.jp-button span::before, .jp-button span::after{
  	content:"";
  	width:2px;
  	height:0;
  	position: absolute;
  	transition: all 0.2s linear;
  	background: var(--jp-logo-blue-color);
}
.jp-button:hover::before, .jp-button:hover::after{
  width: 100%;
}
.jp-button:hover span::before, .jp-button:hover span::after{
  height: 100%;
}

.jp-button:hover {
	background-color: var(--jp-sky-color);
}

.jp-button::before, .jp-button::after{
  transition-delay: 0.2s;
}
.jp-button span::before, .jp-button span::after{
  transition-delay: 0s;
}
.jp-button::before{
  right: 0;
  top: 0;
}
.jp-button::after{
  left: 0;
  bottom: 0;
}
.jp-button span::before{
  left: 0;
  top: 0;
}
.jp-button span::after{
  right: 0;
  bottom: 0;
}
.jp-button:hover::before, .jp-button:hover::after{
  transition-delay: 0s;
}
.jp-button:hover span::before, .jp-button:hover span::after{
  transition-delay: 0.2s;
}
/*----- global button style end -----*/

/*----- global button style red color start -----*/
.jp-button-red{
 	display: inline-block;
  	position: relative;
  	background: none;
  	border: none;
  	color: #fff;
  	font-size: 18px;
  	cursor: pointer;
 	margin: 10px 10px;
  	background: var(--jp-logo-red-color);
  	text-decoration: none;
}
.jp-button-red span{
  display: block;
  padding: 10px 30px;
  color: white !important;
}
.jp-button-red::before, .jp-button-red::after{
  	content:"";
  	width: 0;
  	height: 2px;
  	position: absolute;
  	transition: all 0.2s linear;
  	background: var(--jp-logo-blue-color);
}

.jp-button-red span::before, .jp-button-red span::after{
  	content:"";
  	width:2px;
  	height:0;
  	position: absolute;
  	transition: all 0.2s linear;
  	background: var(--jp-logo-blue-color);
}
.jp-button-red:hover::before, .jp-button-red:hover::after{
  width: 100%;
}
.jp-button-red:hover span::before, .jp-button-red:hover span::after{
  height: 100%;
}

.jp-button-red:hover {
	background-color: var(--jp-logo-red-color);
}

.jp-button-red::before, .jp-button-red::after{
  transition-delay: 0.2s;
}
.jp-button-red span::before, .jp-button-red span::after{
  transition-delay: 0s;
}
.jp-button-red::before{
  right: 0;
  top: 0;
}
.jp-button-red::after{
  left: 0;
  bottom: 0;
}
.jp-button-red span::before{
  left: 0;
  top: 0;
}
.jp-button-red span::after{
  right: 0;
  bottom: 0;
}
.jp-button-red:hover::before, .jp-button-red:hover::after{
  transition-delay: 0s;
}
.jp-button-red:hover span::before, .jp-button-red:hover span::after{
  transition-delay: 0.2s;
}
/*----- global button style red color end -----*/



/* button css */
.global-button{
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  background-image: var(--jp-button-blue-color);
}
.button-span{
  display: block;
  padding: 15px 30px;
}
.global-button::before, .global-button::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.button-span::before, .button-span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.global-button:hover::before, .global-button:hover::after{
  width: 100%;
}
.global-button:hover .button-span::before, .global-button:hover .button-span::after{
  height: 100%;
}

.global-button::after{
  left: 0;
  bottom: 0;
  transition-delay: 0.6s;
}
.global-button .button-span::after{
  transition-delay: 0.4s;
  right: 0;
  bottom: 0
}
.global-button::before{
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}
.global-button .button-span::before{
  transition-delay: 0s;
  left: 0;
  top: 0;
}
.global-button:hover::after{
  transition-delay: 0s;
}
.global-button:hover .button-span::after{
  transition-delay: 0.2s;
}
.global-button:hover::before{
  transition-delay: 0.4s;
}
.global-button:hover .button-span::before{
  transition-delay: 0.6s;
}
.jp-subscrib-button-style{
	background-color: #00c2ff;
	z-index: 99;
	border:0px;
}

/* button css end */



/* Tabs Css */
.tabs-widget-main {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   padding-bottom: 30px;
}
 .all-tabs {
 	width: 100%;
}
 .all-tabs .tab {
   background-color: white;
   padding: 0.25rem 2rem;
   cursor: pointer;
   color:black !important;
   width: 150px !important;
}

.nav-pills .nav-link {
	background-color: white;
	padding: 20px;
	cursor: pointer;
	color:black !important;
 }
 
  .nav-pills .nav-link.fs-2 {
	padding: 10px !important;
 }
 
 .all-tabs .tab.active, .nav-pills .nav-link.active {
   background-color: #273b84;
   color:white !important;
}

.page-template-bahiti-project .slick-prev {
	left: 25px !important;
	z-index: 999;
	top: 45% !important;
}

.page-template-bahiti-project .slick-prev::before {
	color: var(--jp-logo-blue-color) !important;
	font-size: 35px !important;
}

.page-template-bahiti-project .slick-next {
	right: 25px !important;
	z-index: 999;
	top: 45% !important;
}

.page-template-bahiti-project .gallery-slider-main-parent .slick-next::before, .page-template-bahiti-project .gallery-slider-main-parent .slick-prev::before {
	color: #ffffff !important;
	opacity: 1 !important;
}

.page-template-bahiti-project .slick-next::before {
	color: var(--jp-logo-blue-color) !important;
	font-size: 35px !important;
}

 .tabs-content-container-main {
   overflow: hidden;
   width: 100%;
}
 .tabs-content-container-main .tabs-content-parent {
   transition: 0.5s all;
   display: flex;
   margin-top: 2rem;
}
 .tabs-content-container-main .tabs-content-parent .tab-content {
   min-width: 100%;
}
.largest-font-specification{
    color: #3c8770 !important;
    font-weight: 300 !important;
    font-size: 100px;
    margin-bottom: 100px;
    margin-top: 2%;
}

/* tabs css end */

/* floor plan tabs start */

.floor-plan-slider-main-parent {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
 .floor-plan-multiple-tabs {
	display: flex;
	gap: 0.5rem;
	margin-top: 2rem;
}
 .floor-plan-multiple-tabs .f-tab {
	background-color: white;
   	padding: 0.25rem 2rem;
   	cursor: pointer;
   	color:black !important;
}
 .floor-plan-multiple-tabs .f-tab.active {
 	background-color: #273b84;
   	color:white !important;
}
 .floor-plan-content-parent {
	overflow: hidden;
	width: 100%;
}
 .floor-plan-content-parent .floor-plan-multiple-tabs-content {
	transition: 0.5s all;
	display: flex;
	background: red;
	margin-top: 2rem;
}
 .floor-plan-content-parent .floor-plan-multiple-tabs-content .floor-plan-tab-content {
	background: lightcyan;
	min-width: 100%;
}
/*floor plan tabs start*/

.single-project-content-bold{
	font-weight:700;
	font-size:22px;
	line-height: 1.5;
}

/* Sign in style start */

#login_box #login_link {
	width: 30px;
    height: 30px;
    display: block;
}

.navbar-nav .sign-in-and-sign-out {
	margin-top: auto !important;
    margin-bottom: auto !important;
}

/* Sign in style end */

#getGuestlogin35 label, #getGuestlogin35 span, #getGuestlogin35 h5 {
	color: black !important;
}

.fade {
	opacity: 0 !important;
}

.modal.fade.show {
	opacity: 1 !important;
}

.fade:not(.show), .fade.in {
	opacity: 1 !important;
}

.modal-backdrop.fade:not(.show), .modal-backdrop.fade.in {
	opacity: 0 !important;
}

.pt-100 {
	padding-top: 100px !important;
}

.fs-100 {
	font-size: 100px !important;
}

.fs-45 {
	font-size: 45px !important;
}

.project-image-top img {
	min-height: 100% !important;
}

.project-icon-section{
	margin-left:3rem ;
	margin-right:3rem ;
	padding-right: 3rem ;
	padding-left: 3rem;
	width: 65%;
}
.project-form-section{
	margin-left:3rem ;
	margin-right:3rem ;
	padding-right: 3rem ;
}

.project-form-section>div {
	width: 75% !important;
    margin: unset !important;
}

.project-form-section .wpcf7-spinner, .custom-project-form-popup .wpcf7-spinner {
	display: none !important;
}

/* Rishi CSS */

.wpl-28-template-wp #main_box_container {
background: white !important;
}

.wpl-28-template-wp .page-id-7423 #main_box_container #main_box {
    background: unset !important;
}

.wpl-28-template-wp .page-id-7423 #main_box_container #main_box p, .wpl-28-template-wp .page-id-7423 #main_box_container #main_box label {
    color: black !important;
}

.wpl-28-template-wp .page-id-7423 #main_box_container #main_box form {
    padding: 20px;
}

/* mobile only css */

@media only screen and (max-width: 600px) {
  /* .page-template-store header{
		position: fixed !important;
	} */
	.project-icon-section{
		margin-left:0px ;
		margin-right:0px ;
		padding-right: 0px ;
		padding-left: 0px;
		width: 100%;
	}
	.tabs-widget-main .tab{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.project-name{
		font-size: 40px !important;
	}
	.project-sub-title{
		font-size: 24px !important;
	}
	.navbar-brand{
		width:200px !important;
	}
}

.active-section table tr td, .active-section table tr th {
	font-size: 18px !important;
    line-height: 25px !important;
}

.w-60 {
	width: 60% !important;
}

.active-section .table>tbody>tr>td, .active-section .table>thead>tr>td, .active-section .table>thead>tr>th {
	padding: 3px !important;
}

.active-section .table>:not(caption)>*>* {
	background-color: transparent !important
}

@media only screen and (min-width: 480px) {
	.pe-p-20 {
		padding-right: 20% !important;
	}
}

/* Specifications style start */

.specifications-container {
    margin-top: 15rem !important;
}

.specifications-container .card {
    min-height: 70vh;
	border-radius: unset !important;
}

.specifications-container .card .card-body .card-title {
    position: relative;
}

.specifications-container .card-section:nth-child(0) {
    margin-top: 15%;
}

.specifications-container .card-section:not(:nth-child(0)) {
    margin-bottom: 15%;
}

.specifications-container h3 {
    font-size: 54px;
    font-weight: 600;
}

.specifications-container h4 {
    font-size: 22px;
    font-weight: 600;
	line-height: 1.5;
}

.specifications-container p {
    font-size: 18px;
    font-weight: 400;
	line-height: 1.5;
}

.specifications-container ul {
    list-style: disc !important;
    font-size: 16px !important;
}

.specifications-container .nav-link {
    font-size: 20px;
	width: 200px;
}

.specifications-container .card-title:after {
    position: absolute;
    width: 50px;
    content: "";
    height: 2px;
    left: 0;
    background-color: var(--jp-logo-red-color);
    bottom: 20px;

}

.specifications-container .nav-pills .nav-link.active {
    color: black !important;
    background-color: unset !important;
    font-weight: 600;
    padding-left: 25px;
    position: relative;
}

.specifications-container .nav-pills .nav-link {
    color: black !important;
	line-height: 1.5 !important;
}

.specifications-container .nav-pills .nav-link.active::before {
    content: "";
    background-color: var(--jp-logo-red-color);
    height: 2px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 50%;

}

.specifications-container #specifications-navigation {
	padding-left: 30px;
}

/* Specifications style ends */

.footer-second-section .wpcf7 .wpcf7-form-control-wrap .jp-subscrib-input-style{
    background-color: white !important;
}
a{
	text-decoration:none !important;
}

.spec-active {
    position: fixed !important;
    top: 0;
}

@media screen and (max-width: 480px) {
    .project-form-section {
        padding-right: unset !important;
    }
    
    .project-form-section>div {
        width: 100% !important;
    }
}


.custom-project-form-popup .modal-content, .custom-project-form-popup .modal-header, .custom-project-specification .modal-header, .custom-project-specification .modal-content {
    background-color: #ffffff !important;
}

.custom-project-form-popup .modal-header, .custom-project-specification .modal-header {
    color: black !important;
}

.custom-project-specification {
    height: 90% !important;
}

.custom-project-specification .modal-dialog, .custom-project-specification .modal-content {
    height: 90% !important;
}

.custom-project-specification .modal-dialog {
    width: 60%;
    max-width: 60%;
}

.custom-project-specification .modal-body {
    height: 100% !important;
    overflow-y: scroll;
}

.custom-project-specification h3 {
    font-size: 2rem !important;
    font-weight: 700 !important;
}

.custom-project-specification h4 {
    font-weight: 700 !important;
}

@media screen and (max-width: 480px) {
    .custom-project-specification .modal-dialog {
        width: 100%;
        max-width: 100%;
    }
    
    .custom-project-specification .modal-content {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.custom-project-specification .card-title {
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.custom-project-specification .card-title:after {
    position: absolute;
    width: 50px;
    content: "";
    height: 2px;
    left: 0;
    background-color: var(--jp-logo-red-color);
    bottom: 0px;
}

.amenities-slider {
    height: 250px !important;
    overflow: hidden;
    padding: 5px;
}

.amenities-slider span {
    padding: 5px;
    border-radius: 5px;
    position: relative;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.amenities-slider span h3 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: white;
    right: 10px;
    text-align: center;
}

.specifications-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-listing-form-style .terms label {
    display: flex;
}

.project-listing-form-style .terms label span {
    padding-left: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.project-form-section .wpcf7 p label {
    line-height: 1.5 !important;
}

.ps-modal-title {
    padding-left: 2rem !important;
}

.custom-project-form-popup .wpcf7-checkbox label {
    line-height: 1.5 !important;
}

.floating-button {
    position: fixed;
    right: -35px;
    top: 45%;
    background-color: #e81f3f;
    transform: rotate(90deg);
    height: 50px;
    padding: 15px;
    font-size: 15px;
    color: white;
    font-weight: 700;
    z-index: 999;
    filter: blur(0px);
}

.floating-button:hover {
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .floating-button {
        bottom: 0px;
        top: unset !important;
        right: 0px;
        left: 0px;
        height: 60px !important;
        text-align: center;
        padding-top: 5% !important;
        font-size: 25px !important;
        transform: rotate(0deg) !important;
    }
}

.nile-valley-floating-button, .nile-valley-bahiti-floating-button, .sitara-floating-button, .lakefront-floating-button, .y-junction-floating-button {
    display: none;
}

.custom-project-specification .col-md-6, .custom-project-specification .col-md-4 {
    padding-right: unset !important;
    padding-left: unset !important;
}

.custom-project-specification#nile-valley-bahiti-specifications .col-md-6 {
    padding-left: unset !important;
	padding-right: 3% !important;
}

input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.footer-second-section p:has(.jp-button) {
    line-height: 20px !important;
}

.wpcf7 .footer-news-letter-form p .wpcf7-not-valid-tip {
    margin: unset !important;
}