* {padding: 0;margin: 0;outline: none;box-sizing: border-box;}
ul{margin-bottom: 0 !important;}
button:focus{outline: none !important;}
:root {
	--primaryColor: #ee4231;
	--color01: #021830;
	--color02: #f89a24;
	--color03: #052d59;
	--secondaryColor: #212121;
	--thirdColor: #7c8098;
	--textColor: #212121;
	--lightColor: #f6f5f7;
	--bgColor: #f5f6f7;
	--borderColor: #e7ecef;
}
body, html {font-family: Avenir-Book; font-weight: 500; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px;  color: var(--textMedColor); background: #000000; transition: all 0.3s ease;}
@font-face {
	font-family: Avenir-Black;
	src: url(../font/AvenirLTStd-Black.otf);
}
@font-face {
	font-family: Avenir-Book;
	src: url(../font/AvenirLTStd-Book.otf);
}
@font-face {
	font-family: Avenir-Roman;
	src: url(../font/AvenirLTStd-Roman.otf);
}
@font-face {
	font-family: VeganWanty;
	src: url(../font/VegawantyRegular.ttf);
}
.view-image .logo-img{position: absolute;z-index: 10;top: 0;width: 190px;height: 180px;left: 50px;background: white;border-radius: 0 0 15px 15px;}
.view-image .logo-img img{width: 190px;height: 190px;position: relative;margin-top: 23px;}
.view-image img {position: absolute;width: 100%;height: 100%;background-size: contain;object-fit: cover;padding: 0;margin: 0;outline: none;box-sizing: border-box;top: 0;}
.form-control{ border-radius: 4px;box-shadow: none;border: 1px solid #ddd;color: var(--textColor);background: #fff;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus{ border-color:var(--primaryColor);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--textColor) !important;}
.form-control:-moz-placeholder{color:var(--textColor) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--textColor) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--textColor) !important;}
.form-control::-ms-input-placeholder{color:var(--textColor) !important;}
textarea.form-control{ resize:none; min-height: 100px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}
.view-image svg {position: absolute;width: 100%;height: 100%;background-size: contain;}

.overlay-data {display: none;position: absolute;z-index: 1;color: white;background: rgb(255 255 255 / 90%);padding: 20px;border-radius: 10px;right: 30px;bottom: 25px;backdrop-filter: blur(10px);}

.overlay-data.active {display: block;}

.overlay-data .title {font-size: 16px;margin-bottom: 10px;}

.overlay-data ul {list-style: none;margin-bottom: 0;}
.overlay-data ul li{display: flex;align-items: center;font-size: 16px;color: var(--color01);}
.overlay-data ul li+ li{margin-top: 10px;border-top: 1px dashed var(--thirdColor);padding-top: 10px;}
.overlay-data ul li .icon{font-size: 18px;margin-right: 10px;}
.overlay-data ul li b{margin-right: 10px;width: 110px;}
.overlay-header{position: absolute;z-index: 1;background: var(--lightColor);color: var(--color01);width: 100%;padding: 8px 0 10px;top: 0;}
.overlay-header ul{display: flex;align-items: center;justify-content: flex-end;padding: 0 25px;color: white;}

.overlay-header ul li{list-style: none;position: relative;}
.overlay-header ul li+ li{margin-left: 35px;}
.overlay-header ul li a{color: var(--primaryColor);text-decoration: none;text-transform: capitalize;font-weight: 500;font-size: 16px;}
.overlay-header ul li a:hover{color: var(--color03);}
.overlay-header ul li.active a{color: var(--color03);}

.image-view{position: relative;height: 180px;width: 280px;overflow: hidden;border-radius: 5px;margin-bottom: 15px;}

.back-action{position: fixed;text-decoration: none;z-index: 2;top: 16px;left: 15px;color: var(--color01);font-size: 18px;}
.back-action span{text-decoration: none;margin-left: 5px;}

.block-page-view{position: absolute;width: 100%;overflow: hidden;background: var(--lightColor);}
.img-bg{width: 100%;height: 100vh;}
.img-bg img{width: 100%;height: 100%;object-fit: cover;}

.property-view-block{display: flex;}
.property-view-block .img-part{}
.property-view-block .img-part {width: 50%;}
.property-view-block .content-part {width: 50%;}
.property-view-block .content-part {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;background: var(--borderColor);}
.property-view-block .content-part .content-des{background: var(--color03);padding: 50px;color: var(--bgColor);border-radius: 10px;margin-left: -45px;margin-right: 40px;}
.property-view-block .content-part .content-des p{font-size: 14px;line-height: 1.4;}
.property-view-block .content-part .content-des .title{text-align: left;font-size: 60px;line-height: 1.2;font-family: 'VeganWanty';color: var(--bgColor);font-weight: 400;}
.property-view-block .content-part .content-des ul{list-style: none;margin-top: 15px;}
.property-view-block .content-part .content-des ul li{display: flex;align-items: center;font-size: 16px;}
.property-view-block .content-part .content-des ul li+ li{margin-top: 12px;}
.property-view-block .content-part .content-des ul li .icon{font-size: 18px;margin-right: 10px;}
.property-view-block .content-part .content-des ul li b{margin-right: 10px;width: 110px;}

.view-property-info{display: flex;}
.view-property-info ul{width: 100%;max-width: calc(100% - 280px);margin-right: 30px;}
.view-property-info .image-outline{width: 250px;}
.view-property-info .image-outline img{width: 100%;height: 100%;object-fit: contain;}

.price-request{background: var(--lightColor);}
.price-request .view-details-images{display: flex;}
.price-request .back-action{}
.price-request .back-action:hover{text-decoration: none;color: var(--color03);}
.price-request .nav-pills{justify-content: center;padding: 10px 0;position: sticky;width: 100%;background: var(--bgColor);top: 0;box-shadow: rgb(0 0 0 / 10%) 0 2px 10px;}
.price-request .nav-pills .nav-item{}
.price-request .nav-pills .nav-item .nav-link{border: 1px solid var(--thirdColor);color: var(--color03);background: transparent;}
.price-request .nav-pills .nav-item .nav-link.active , .price-request .nav-pills .nav-item .nav-link:focus{background: var(--primaryColor);border: 1px solid var(--primaryColor);outline: none;color: var(--bgColor);}
.price-request .nav-pills .nav-item+ .nav-item{margin-left: 15px;}
.tab-content{width: 60%;}
.tab-content .img-part{height: 100vh;max-height: calc(100vh - 57px);}
.tab-content .img-part img{width: 100%;height: 100%;object-fit: cover;}
.price-request .data-view-details{width: 40%;}
.price-request .data-view-details .plan-details{color: var(--bgColor);padding: 35px;background: var(--color03);min-height: calc(100vh - 57px);height: calc(100vh - 57px);overflow: auto;}
/* width */
.price-request .data-view-details .plan-details::-webkit-scrollbar {width: 10px;}

/* Track */
.price-request .data-view-details .plan-details::-webkit-scrollbar-track {background: #f1f1f1; }
 
/* Handle */
.price-request .data-view-details .plan-details::-webkit-scrollbar-thumb {background: #888; }

/* Handle on hover */
.price-request .data-view-details .plan-details::-webkit-scrollbar-thumb:hover {background: #555; }
.price-request .data-view-details .plan-details .title{font-size: 50px;color: var(--bgColor); 	font-family: 'VeganWanty';}
.price-request .data-view-details .plan-details ul{}
.price-request .data-view-details .plan-details ul li{list-style: none;display: flex;justify-content: space-between;padding: 10px 0;font-weight: 500;font-size: 14px;color: var(--bgColor);}
.price-request .data-view-details .plan-details ul li+ li{border-top: 1px dashed var(--thirdColor);}
.price-request .data-view-details .plan-details ul .text{}
.price-request .data-view-details .plan-details ul .icon{}
.book-btn{padding: 10px 12px;background: var(--primaryColor);color: var(--bgColor);font-size: 16px;border: none;border-radius: 5px;margin-top: 25px;text-decoration: none;display: flex;align-items: center;justify-content: center;width: 160px;}

.btn-default {background: linear-gradient(45deg, var(--primaryColor), var(--color02));/* background: var(--color01); */border: none;position: relative;overflow: hidden;color: var(--white);padding: 10px 20px;font-size: 14px;border-radius: 6px;text-transform: uppercase;}
.btn-default:before {content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;}
.btn-default:after {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition: 0.5s;transition-delay: 0.5s;}
.btn-default:hover:after {left: 100%;}

.request-price-modal{}
.request-price-modal .modal-title{font-size: 26px;color: var(--color03);font-weight: 600;}
.request-price-modal .modal-body{}
.request-price-modal .modal-body .modal-text{font-size: 16px;line-height: 1.4;color: var(--color01);font-weight: 500;}
.rotate {height: 100%;}

.pointer-info{position: absolute;bottom: 6px;left: 0;right: 0;text-align: center;width: max-content;display: flex;align-items: center;justify-content: center;background: var(--secondaryColor);color: var(--bgColor);padding: 10px;border-radius: 6px;font-size: 16px;margin: 0  auto;}
.pointer-info .icon{margin-right: 10px;}


.property-view-block .back-action{color: var(--color01);top: 8px;}
.overlay-header ul li a:after {
	bottom: -4px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	background: linear-gradient(to right, var(--primaryColor), var(--color02));
	opacity: 0.6;
	transition: width 0.3s ease 0s, opacity 0.3s ease 0s;
	width: 0;
}
.overlay-header ul li.active a:after {
	width: 100%;
	opacity: 0.9;
}
.overlay-header ul li a:hover:after {
	width: 100%;
	opacity: 0.9;
}
.view-property-info .image-outline .click-view{display: flex;align-items: center;font-size: 14px;margin-top: 10px;} 
.view-property-info .image-outline .click-view .icon{display: block;margin-right: 10px;}

@media screen and (max-width: 990px){
    .pointer-info{    right: 10px;
    margin: unset;
    left: unset;}
    
}
	@media screen and (max-device-width: 992px) and (orientation: portrait){
		.rotate {display: none;}
		body:after{top: 50px;position: absolute;left: 0;right: 0;color: #fff;content: url(../images/rotate-device.png);text-align: center;}  
		.view-image .logo-img img{width: 60%;height: 60%;}
		.overlay-header{padding: 5px 0;}
		.pointer-info{right: 10px;margin-left: auto;}
	}
	@media screen and (max-width: 990px){
		.overlay-header ul li a{font-size: 12px;}
		.view-image .logo-img img{width: 60%;height: 60%;}
		.overlay-header{padding: 5px 0;}
		.property-view-block .content-part{justify-content: flex-end;}
		.property-view-block .content-part{width: 50%;height: 100vh;margin-top: auto;max-height: calc(100vh - 27px);}
		.property-view-block .content-part .content-des{margin-left: unset;margin-right: unset;border-radius:0;padding: 20px;height: 100vh;}
		.property-view-block .content-part .content-des .title{font-size: 30px;}
		.view-property-info .image-outline{width: 180px;}
		.view-property-info ul{max-width: 100%;margin-right: 10px;}
		.property-view-block .content-part .content-des ul li{font-size: 14px;}
		.property-view-block .content-part .content-des p{font-size: 12px;}
		.property-view-block .content-part .content-des ul li+ li{margin-top: 10px;}
		.book-btn{font-size: 12px;width: 120px;}
		.price-request .data-view-details .plan-details .title{font-size: 30px;}
		.property-view-block .back-action{top: 4px;font-size: 12px;}

		.image-view{height: 120px;width: 240px;}
		.overlay-data ul li+ li{padding-top: 6px;margin-top: 6px;}
		.overlay-data ul li{font-size: 14px;}
		.overlay-data{right: 12px;bottom: 10px;}
	}

	@media screen and (max-width: 1024px){
		.overlay-header ul li a{font-size: 12px;}
		.view-image .logo-img{    width: 120px;
    height: 100px}
		.view-image .logo-img img{    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    top: 22px;}
		.overlay-header{padding: 5px 0;}
		.property-view-block .content-part .content-des .title{font-size: 30px;}
		.view-property-info .image-outline{width: 180px;}
		.view-property-info ul{max-width: 100%;margin-right: 10px;}
		.property-view-block .content-part .content-des ul li{font-size: 14px;}
		.property-view-block .content-part .content-des p{font-size: 12px;}
		.property-view-block .content-part .content-des ul li+ li{margin-top: 10px;}
		.book-btn{font-size: 12px;width: 120px;}
		.price-request .data-view-details .plan-details .title{font-size: 30px;}

		.property-view-block .back-action{top: 4px;font-size: 12px;}


	}