@charset "utf-8";
/* CSS Document */
.modal{z-index: 100;}
.modal-backdrop{z-index: 99;}
.pricing-card-details  .accordion-item{margin-bottom: 10px;}
.pricing-card-details  .accordion-body{background-color: #FFF;}
.pricing-card-details .accordion-header{ color: #FFF;}
.pricing-card-details .accordion-header .accordion-button, .pricing-card-details .accordion-header .accordion-button:not(.collapsed){color: #FFF; font-size: 16px; font-weight: bold; background-color: #EA5501;}
.pricing-card-details .accordion-header .accordion-button:after{background-image: url('../img/new-images/download.svg');}
.pricing-card-details .accordion-header .accordion-button:focus{border-color:transparent; box-shadow: none;}
.testi-slider3 .testi-card.style3 iframe, .testi-slider3 .testi-card.style3 .testi-img{margin-bottom: 25px; position: relative;}
.testi-slider3 .testi-card.style3 .testi-img a{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.testi-slider3 .testi-card.style3 p{line-height: 1.38;  margin-bottom: 1rem;  position: relative;}
.testi-slider3 .testi-card.style3 p:before{position: absolute; top: -1.4375rem; left: 0; content: "\ec51";  font-family: "remixicon"; color: #f15a29;}
.service-area-1 .service-card .service-card_text, /*.service-area-2 .service-card .service-card_text,*/ .service-area-6  .service-card .service-card_text{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.btn.btn-sm{padding: 12px 10px; text-align: center;}
.benefit-wrap5 ul{display: block; margin: 10px 0px 10px 0px;}
.benefit-wrap5 ul li{display: block; margin-bottom: 10px; padding-left: 20px; position: relative;}
.benefit-wrap5 ul li:before{position: absolute; left: 0px;  font-family: "remixicon"; content: "\ea54";  color: #f15a29; font-size: 20px;}
.portfolio-card.style2 ul{display: table; padding: 0px; margin: 0px; margin-bottom: 10px; width: 100%; list-style-type: none; }
.portfolio-card.style2 ul li{display: table-cell; width: 1%; text-align: center;}
.portfolio-card.style2 .portofolio-card-text{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.how-it-works ul{margin: 0px; padding: 0px;}
.how-it-works ul li{list-style-type: none; position: relative; padding-left: 40px; margin-bottom: 25px;}
.how-it-works ul li:before{width: 1px; height: 0;  border-left: 1px solid #F47C41; content: ""; position: absolute; top:32px; left:15px; opacity: 0;  transition: height 0.5s ease-in;    transition-delay: 1s;}
.how-it-works ul li.aos-animate:before{height: 100%; opacity: 1;}
.how-it-works ul li:last-child:before{display: none;}
.how-it-works ul li span{width: 30px; height: 30px; text-align: center; line-height: 28px; border:1px solid #F47C41; border-radius: 50%; display: block; position: absolute; left: 0px; top:2px; background-color: #1B365C; color:#FFF;}
.job-apply .form-group, .enquiry-form-widget .form-group, .cost-calculator .form-group{margin-bottom: 20px;}
.job-apply .form-group label, .cost-calculator label{margin-bottom: 1px;}
.join-us-sec2 .process-card p.process-card-text{min-height: 127px;}
.fw-btn{position: fixed;  right:5px; z-index: 99; top:50%; transform: translateY(-50%); padding: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border-radius: 50%; background-color: #FFF;}
.sidebar-widget{display: block;}
.widget .accordion-card .accordion-button{text-transform: none; font-size: 16px; padding: 12px 35px 12px 15px;}
.widget .accordion-card .accordion-body{padding-bottom: 15px;}
.widget .accordion-card .accordion-button:after{right: 0px;}
.c-check{display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.c-check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.c-check .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee}
.c-check:hover input ~ .checkmark{background-color:#ccc}
.c-check input:checked ~ .checkmark{background-color:#2196F3}
.c-check .checkmark:after{content:"";position:absolute;display:none}
.c-check input:checked ~ .checkmark:after{display:block}
.c-check .checkmark:after{left:7px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.minus-sec, .input-sec, .plus-sec{width: 50px; margin: 0px 5px; background-color: var(--white-color);
    border: 1px solid var(--border-color); text-align: center; line-height: 50px;}
.input-sec .form-control{padding-left: 2px; padding-right: 2px; text-align: center;}
.minus-sec, .input-sec{font-size: 20px;}
.price-range-slider { width: 100%; padding: 10px 0px;position: relative;}
.price-range-slider .range-value { margin: 0;}
.price-range-slider .range-value input { width: 100%; background: none; color:#000; font-size: 16px;  font-weight: initial; box-shadow: none; border: none; margin: 0;}
.price-range-slider .range-bar { border: none; background: #19335A; height: 3px; width: 100%;	position: relative;}
.price-range-slider .range-bar .ui-slider-range {  background: #EA5501;}
.price-range-slider .range-bar .ui-slider-handle {position: absolute;  border-radius: 25px; background: #fff; border: 2px solid #EA5501; height: 17px; width: 17px; top: -0.52em; cursor: pointer;}
.price-range-slider .range-bar .ui-slider-handle + span { background: #EA5501;}
.floor-plan{display: block; margin-bottom: 30px; background-color: #F7F7FC; padding: 20px;}
.floor-plan img{transition: 500ms;}
.floor-plan:hover img{transform: scale(1.05);}
.floor-plan h4{margin: 10px 0px;}
.floor-plan p{font-size: 14px; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.fp-details i{color:#EA5501;}
.fp-details .row div{margin-bottom: 5px;}
.floor-plan .btn.btn-sm{text-transform: none; font-size: 12px;}
.estimated-cost .single-select.form-select{width:150px; margin: 0px 10px;}
.estimated-cost h6{color: #EA5501; margin-bottom: 0px;}
.menu-area .nice-select{width:143px;}
.f-btn{position: fixed; top:180px; right:-55px; transform: rotate(-90deg); text-align: center;}
.form-group{position: relative;}
.form-group label.error{position: absolute;left:0px; bottom: -25px; font-size: 12px; color: #FF0000;}
.nav-pills .nav-link{ margin-bottom: 3px; border:1px solid rgba(0,0,0,0.1);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: var(--theme-color);}
#v-pills-tabContent ul li{position: relative; margin-bottom: 15px; padding-left: 20px; display: block;}
#v-pills-tabContent ul li:before{font-family: "remixicon"; content: "\f2e4"; left:0px; position: absolute;color:var(--theme-color);}
.v-ptabs{padding-left: 50px; position: relative; padding-top: 30px;}
.v-ptabs span{position: absolute; left:20px; font-size: 100px; color: #163563; top:50px;}
.portfolio-sec a{position: relative; display: block; }
.portfolio-sec a:before{position: absolute; width: 0px; height: 100%; content: ""; background-color: rgba(0,0,0,0.5); left:0px; top:0px; transition: 500ms;}
.portfolio-sec a:after{position: absolute; width: 35px; height: 35px; font-family: "remixicon";
  font-size: 20px; content: "\f0cd"; background-color: var(--theme-color); color:var(--white-color) ; left:50%; top:0%; transform: translateX(-50%); border-radius: 3px; text-align: center; line-height: 35px; transition: 700ms; opacity: 0;}
.portfolio-sec a:hover:before{ width: 100%; height: 100%;  left:0px; top:0px;}
.portfolio-sec a:hover:after{ left:50%; top:50%; transform: translate(-50%, -50%); opacity: 1;}
@media (max-width:767.98px){
	.f-btn{bottom: 0px; top:auto; right:0px; left:0px; transform: rotate(0deg); text-align: center; display: block;}
	.header-links li > i{display:none;}
}
.hero-wrapper .picture-sec {
    display: block;
    width: 100%;
    height: 576px;
    background-color: white;
}
@media (max-width: 1023px) {
    .hero-wrapper .picture-sec {
        height: 400px;
    }
}
@media (max-width:575.98px){
	.hero-wrapper .picture-sec {
        height: 275px;
    }	
	/*.hero-1 {
        margin: 160px 0 0px;
    }*/
}
.banner-form-sec{position: absolute; top:50%; transform: translateY(-50%); right: 100px; width: 350px; padding: 20px; background-color: #FFF;}
.banner-form .form-group{margin-bottom: 20px;}
.banner-form .form-group:last-child{margin-bottom: 0px;}
@media (max-width:991.98px){
	.banner-form-sec{position: relative; padding: 40px 30px; top: auto; transform: translateY(0); right: 0px;   width: 100%;}
}
.new-package-sec .pricing-card{display: block; border:1px solid rgba(0,0,0,0.1); transition: 500ms; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden;}
.new-package-sec .pricing-card.popular{transform: scale(1.1);}
.new-package-sec .pricing-card .pricing-card_title{display: block; text-align: center; padding: 40px 15px 10px; position: relative; }
.new-package-sec .pricing-card .pricing-card_title .popular-tag{position: absolute; width:100%; top:0px; padding: 5px 15px; background-color: #163563; color: #FFF; text-align: center; left:0px; font-size: 16px; font-weight: normal;}
.new-package-sec .pricing-card .pricing-card_title .popular-tag i{color: var(--theme-color);}
.new-package-sec .pricing-card .pricing-card_title span{display: block; color: var(--theme-color);}
.new-package-sec .pricing-card .pricing-card_title span strong{font-weight: 700; }
.new-package-sec .pricing-card .pricing-card_title span small{color: var(--title-color);}
.new-package-sec .pricing-card .pricing-card-details{padding: 0px 15px;}
.new-package-sec .pricing-card .pricing-card-details p{line-height: 1.4;}
.new-package-sec .pricing-card .pricing-card-details ul{padding: 0px; margin: 0px 0px 20px; list-style-type: none; min-height: 230px;}
.new-package-sec .pricing-card .pricing-card-details ul li{position: relative; margin-bottom: 5px; padding-left: 15px; }
.new-package-sec .pricing-card .pricing-card-details ul li:before{font-family: "remixicon"; content: "\ea6d"; left:0px; position: absolute;color:var(--theme-color); top:-1px;}
.new-package-sec .pricing-card:hover{margin-top:-15px; border-color:var(--theme-color); }
.pd-brands-container{display: flex; gap: 8px; justify-content: center; align-items: center; max-width: auto; max-height: 100%; margin-bottom: 10px;}
.pd-brand-logo-container {display: flex; justify-content: center; align-items: center; background-blend-mode: difference; border-radius: 8px; background: #F7F7F7; width: 100%; height: 100px; max-height: 36px; overflow: hidden;}
.pd-brand-logo { max-width: 100%; max-height: 100%; object-fit: contain;  object-position: center;}
.construction-service{display: block; border: 1px solid rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden; position: relative;}
.construction-service img{transition: 500ms;}
.construction-service:hover img{transform: scale(1.1);}
.construction-service h4{position: absolute; width: 100%; padding: 10px 20px; bottom: 0px; margin: 0px; background-color:var(--theme-color); color: #fff;  font-size: 18px;}
.bs-stepper .bs-stepper-content .content{padding: 30px;}
.bs-stepper .bs-stepper-content .content img{border-radius: 20px;}
.bs-stepper .bs-stepper-content .content button{padding: 12px 30px;}
.bs-stepper .bs-stepper-content .content ul{list-style-type: none; padding: 0px; margin: 0px;}
.bs-stepper .bs-stepper-content .content ul li{position: relative; margin-bottom: 15px; padding-left: 20px; display: block;}
.bs-stepper .bs-stepper-content .content ul li:before{font-family: "remixicon"; content: "\f2e4"; left:0px; position: absolute;color:var(--theme-color);}
#selectcityModal .modal-body ul{list-style-type: none; margin: 0px; padding: 0px; text-align: center;}
#selectcityModal .modal-body ul li{display: inline-block; margin-bottom: 15px; margin-right: 15px;}
#selectcityModal .modal-body ul li .check-div{display: inline-block; position: relative;}

#selectcityModal .modal-body ul li .check-div label{border:1px solid rgba(0,0,0,0.1); padding: 5px 10px; border-radius: 5px; color: #000; font-size: 12px;letter-spacing: 0.5px; width: 90px;}
#selectcityModal .modal-body ul li .check-div img{display: block; border-radius: 50%; margin: 0px auto; margin-bottom: 5px; width:50px;}
#selectcityModal .modal-body ul li .check-div input[type=radio]{visibility:hidden; position:absolute;}
#selectcityModal .modal-body ul li .check-div input[type=radio] ~ label::before{display: none;}
#selectcityModal .modal-body ul li .check-div input[type=radio] + label {color: #000000; font-weight: normal;}
#selectcityModal .modal-body ul li .check-div input[type=radio] + label:hover{background-color:var(--theme-color); color: #FFF;}
#selectcityModal .modal-body ul li .check-div input[type=radio]:checked + label {background-color:var(--theme-color); color: #FFF;}

.kop, .hos, .mys, .mag, .hsu, .che{display: none;}

#genquiryModal .banner-form p, #package_enquiryModal .form-group p{font-size: 12px; margin: 10px 0px 0px; line-height: 1;}
#genquiryModal .banner-form .btn{height: 50px;}

.timeline, .timeline-tag {
	 display: flex;
	 flex-direction: column;
	 width: 50vw;
	 margin: 0 auto;
}
.timeline-tag{display: block; width: 50vw; margin: 0 auto }
.timeline-tag h4{margin-bottom: 0px;}
.timeline-tag i{font-size: 24px;}
 .timeline__event {
	 background: #fff;
	 margin-bottom: 20px;
	 position: relative;
	 display: flex;
	 margin: 20px 0;
	 border-radius: 8px;
	 box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
 .timeline__event__title {
	 font-size: 1.2rem;
	 line-height: 1.4;
	 font-weight: 600;
	 color:var(--theme-color-alt);
	 margin-bottom: 10px;
}
 .timeline__event__content {
	 padding: 20px;
}
 .timeline__event__icon {
	 border-radius: 8px 0 0 8px;
	 background: #17375B;
	 display: flex;
	 align-items: center;
	 justify-content: center;	 
	 font-size: 2rem;
	 color: var(--white-color);
}
 .timeline__event__icon i {
	 position: absolute;
	 top: 50%;
	 left: -65px;
	 font-size: 2.5rem;
	 transform: translateY(-50%);
}
 
 .timeline__event:after {
	 content: "";
	 width: 2px;
	 height: 100%;
	 background: var(--theme-color);
	 position: absolute;
	 top: 52%;
	 left: -3.5rem;
	 z-index: -1;
}
 .timeline__event:before {
	 content: "";
	 width: 5rem;
	 height: 5rem;
	 position: absolute;
	 background: var(--theme-color);
	 border-radius: 100%;
	 left: -6rem;
	 top: 50%;
	 transform: translateY(-50%);
	 border: 2px solid var(--theme-color);
}
.timeline__event__description ul{list-style-type: none; padding: 0px; margin: 0px;}
.timeline__event__description ul li{position: relative; margin-bottom: 15px; padding-left: 20px; display: block;}
.timeline__event__description ul li:before{font-family: "remixicon"; content: "\f2e4"; left:0px; position: absolute;color:var(--theme-color);}
 .timeline__event:last-child:after {
	 content: none;
}
 @media (max-width: 786px) {
	 .timeline__event {
		 flex-direction: column;
	}
	 .timeline__event__icon {
		 border-radius: 4px 4px 0 0;
	}
}

.timeline-tag{display: block; width: 100%; padding: 20px; background-color: var(--theme-color); color: #FFF; }

.hiw-banner{display: block; padding: 70px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}
.hiw-banner:before{position: absolute; background-color: rgba(0,0,0,0.4); top:0px; left: 0px; width: 100%; height: 100%; content: ""; z-index: 0;}
.hiw-banner .container-fluid{position: relative; z-index: 1;}
.hiw-banner .banner-form{display: block; padding:  20px; max-width: 350px; background-color: var(--white-color);}
.hiw-tile-content h2, .hiw-tile-content h5{margin:0px; margin-bottom: 15px; }
.hiw-tile-content h2, .hiw-tile-content h5, .hiw-tile-content h4{ color: #FFF;}
.btn-close{background-image: url('../img/new-images/close.svg'); background-repeat: no-repeat;}
.common-content h5{margin-bottom: 5px; font-size: 18px; margin-top: 25px;}
.common-content p{margin-bottom: 0px;}
.common-content ul, .accordion-card .accordion-body ul{padding-left: 20px; list-style-type: none;}
.common-content ul li, .accordion-card .accordion-body ul li{position: relative; padding-left: 20px; margin-bottom: 10px;}
.common-content ul li:before, .accordion-card .accordion-body ul li:before{font-family: "remixicon";content: "\ea6c";position: absolute; left: 0px;color: var(--theme-color);}