/******************************

    00 - Home
    01 - Inner Page
	    01 - About Us
		02 - Our History
		03 - Service Detail
        04 - Portfolio Detail
        05 - Blog Detail
             Sidebar Right
             Blog Classic
             Blog Single
        06 - Team Single Detail
        07 - Contact Us
        08 - Comment Form
    
******************************/

/*----------------------------------------*/
/*  00 - Home
/*----------------------------------------*/
#page{
	overflow: hidden;
}
/** Homepage 01 **/
.about-one-leftbox{
	position: relative;
	background-image: url(../images/homepage-1/about-mask-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 30px;
	height: 100%;
}
.about-one-leftbox .ihbox-style-area{
	position: absolute;
	width: auto;
	max-width: 100%;
	bottom: 0;
	right: 0;
}
.pbmit-sticky-corner {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: rotate(-90deg);
}
.pbmit-top-right-corner {
    top: -30px;
    right: 0;
    transform: none;
}
.pbmit-bottom-left-corner{
	bottom: 0;
    left: -30px;
    transform: none;
}
.pbmit-sticky-corner svg path {
    fill: var(--pbmit-white-color);
}
.about-one-rightbox{
	padding: 40px 0px 0px 70px;
}
.service-one{
	position: relative;
	border-radius: 30px;
	padding: 160px 0px 100px 0px;
}
.service-one .pbmit-service-highlight h2 {
    left: 0;
    right: 0;
	font-size: 170px;
    line-height: normal;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--pbmit-global-color-rgb), .15);
    position: absolute;
    top: -100px;
}
.pbmit-service-text{
	margin-top: 60px;
	padding: 10px 30px 10px 30px;
}
.pbmit-service-text p{
	color: #c7b8ac;
    margin: 0;
    border: 1px solid rgba(var(--pbmit-white-color-rgb), .1);
    padding: 8px 30px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 400;
}
.ihbox-one-left-col,
.ihbox-one-right-col{
	width: 28%;
	padding-top: 30px;
}
.ihbox-one-img-col .ihbox-imgbox{
	text-align: center;
	padding-right: 70px;
}
.ihbox-one-img-col .ihbox-imgbox img{
	transform: perspective(100px) rotateY(-3deg);
    border-radius: 15px;
    transition: .9s;
}
.ihbox-one-img-col .ihbox-imgbox:hover img{
	transform: rotateY(10deg) !important;
    cursor: crosshair;
}
.ihbox-one-img-col{
	width: 44%;
}
.marquee-one{
	overflow: hidden;
}
.marquee-one .pbmit-marquee-effect-style-1 .pbmit-element-title{
	width: auto;
	transition: transform 1s cubic-bezier(.22,.61,.36,1);
    margin: 0;
    padding: 0;
}
.portfolio-one{
	margin-top: -50px;
	padding: 80px 0 70px 0;
}
.portfolio-one .pbmit-sortable-list-ul li:not(:last-child)>a{
	margin-right: 20px;
}
.portfolio-one .pbmit-sortable-list-ul li a.pbmit-selected{
	background-color: transparent;
	color: var(--pbmit-global-color);
}
.portfolio-one .pbmit-sortable-list a{
	position: relative;
	display: inline;
	padding: 12px 18px;
}
.portfolio-one .pbmit-sortable-list a:before{
	position: absolute;
    counter-increment: pbmitbox3;
    content: counter(pbmitbox3, decimal-leading-zero);
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 12px;
    color: var(--pbmit-global-color);
}
.pricing-one-bg{
	background-image: url(../images/homepage-1/bg/pricing-bg-shape.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.pricing-one-rightbox{
	padding: 100px 0px 0px 70px;
}
.pricing-one-rightbox .list-group{
	padding-bottom: 50px;
}
.testimonial-one{
	padding: 100px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}
.testimonial-one .pbmit-testimonialbox-left{
	padding: 80px 70px 0 50px;
	position: relative;
}
.testimonial-one .pbmit-testimonialbox-left:before{
	font-family: "pbminfotech-base-icons";
    content: '\e826';
    position: absolute;
    left: -130px;
    top: -10px;
    font-size: 300px;
    line-height: 300px;
    display: inline-block;
    background: rgba(var(--pbmit-blackish-color-rgb), .03);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.testimonial-one .swiper-slider{
	padding-bottom: 210px;
}
.testimonial-one .swiper-button-next,
.testimonial-one .swiper-button-prev{
	bottom: 15%;
	top: auto;
	right: 20%;
	border: 1px solid rgba(var(--pbmit-blackish-color-rgb),.2);
}
.testimonial-one .swiper-button-prev{
	right: 25%;
}
.testimonial-one .swiper-button-prev:hover,
.testimonial-one .swiper-button-next{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.testimonial-one .swiper-button-next:hover{
	background-color: var(--pbmit-blackish-color);
}
.testimonial-one .ihbox-style-area{
	position: absolute;
	width: auto;
	max-width: 100%;
	left: 35%;
	bottom: 11%;
}
.video-section-one{
	position: relative;
	padding: 225px 0px 225px 0px;
}
.fadeIn {
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.animated-slow {
    animation-duration: 2s;
}
.video-section-one .pbmit-bg-overlay{
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	z-index: 1;
	background-image: url(../images/vidimagenew.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed !important;
    opacity: 0.54;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
@keyframes flipInX{
	0%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
		transform:perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0
	}
	40%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
		transform:perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		transition-timing-function:ease-in
	}
	60%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
		transform:perspective(400px) rotate3d(1,0,0,10deg);
		opacity:1
	}
	80%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
		transform:perspective(400px) rotate3d(1,0,0,-5deg)
	}
	100%{
		-webkit-transform:perspective(400px);
		transform:perspective(400px)
	}
}
.flipInX{
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInX;
	animation-name:flipInX;
}
.morphext > .animated {
	display: inline-block;
}
.play-button .pbmit-icon{
	position: relative;
	font-size: 20px;
	padding: 35px;
	border-radius: 50%;
	display: inline-block;
    line-height: 1;
    transition: all .3s;
	z-index: 1;
	color: var(--pbmit-white-color);
	background-color: white;
    bottom: 180px !important;
}
.play-button .pbmit-icon:before,
.play-button .pbmit-icon:after{
	position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 8px solid rgba(var(--pbmit-white-color-rgb), .2);
}
.play-button .pbmit-icon:before{
	animation: pulse-border-2 1.5s linear infinite;
}
.play-button .pbmit-icon:after{
	animation: pulse-border 1s linear infinite;
}
@keyframes pulse-border-2 {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(1.7);
		opacity: 0;
	}
}
@keyframes pulse-border{
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(1.5);
		opacity: 0;
	}
}
.play-button .pbmit-icon i{
	width: 1em;
	height: 1em;
    position: relative;
    display: block;
}
.blog-btn{
	text-align: right;
	padding-right: 35px;
}
.blog-one-right-col{
	padding-left: 60px;
}
/** Homepage 02 **/ 
.ihbox-section-two{
	padding: 50px 30px 0 30px;
}
.about-two-leftbox{
	position: relative;
}
.about-two-leftbox .about-two-img{
	-webkit-mask-image: url(../images/homepage-2/bg/about-masking.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
.about-two-leftbox .ihbox-style-area{
	position: absolute;
	width: auto;
	max-width: 100%;
	bottom: 0;
	left: 0;
}
.about-two-content{
	padding: 35px 50px 0px 70px;
}
.about-two-content .list-group{
	padding-bottom: 30px;
}
.about-two-content .pbmit-text-editor{
	font-size: 18px;
	line-height: 25px;
	color: var(--pbmit-global-color);
}
.marquee-two{
	padding: 70px 0 90px 0;
	overflow: hidden;
}
.accordion-two-area{
	padding-right: 190px;
}
.accordion-two-rightbox{
	position: relative;
	padding-left: 50px;
}
.accordion-two-rightbox .chair-img,
.accordion-two-rightbox .sofa-img,
.testimonial-two .ihbox-style-area,
.about-three-rightbox .fid-style-area,
.about-three-img2{
	position: absolute;
	width: auto;
	max-width: 100%;
}
.accordion-two-rightbox .chair-img{
	left: -11%;
	bottom: 11%;
}
.accordion-two-rightbox .sofa-img{
	right: -50px;
	top: 3.251%;
}
.accordion-two-rightbox .floor-img{
	padding-top: 90px;
}
.portfolio-two{
	padding-left: 50px;
	padding-right: 50px;
}
.process-section-two{
	padding: 145px 0px 90px 0px;
	border-top: 1px solid #DDDDDD;
	overflow: hidden;
}
.process-section-two .pbmit-ih-highlight h2{
	left: 0;
    right: 0;
    text-align: center;
}
.pbmit-ih-highlight h2 {
    position: absolute;
    top: -70px;
    left: 98px;
    left: 0;
    right: auto;
    z-index: -1;
    font-size: 170px;
    line-height: 170px;
    letter-spacing: -1px;
    color: #ebebeb;
    opacity: .4;
}
.process-section-two .pbmit-text-editor{
	padding-top: 40px;
	text-align: center;
}
.pbmit-text-design {
    background-color: var(--pbmit-blackish-color);
    color: var(--pbmit-global-color);
    border-radius: 20px;
    padding: 1px 15px 3px;
    font-size: 14px;
    top: -3px;
    position: relative;
    margin-right: 10px;
    display: inline-block;
}
.testimonial-two{
	padding: 130px 0 80px 0;
}
.testimonial-two .pbmit-testimonialbox-left{
	position: relative;
	padding: 80px 70px 0 90px;
}
.testimonial-two .pbmit-testimonialbox-left:before{
	font-family: pbminfotech-base-icons;
    content: '\e826';
    position: absolute;
    left: 0;
    top: -45px;
    font-size: 300px;
    line-height: 300px;
    display: inline-block;
    color: rgba(var(--pbmit-white-color-rgb), .2);
    background: -webkit-linear-gradient(rgba(108, 79, 54, 1) 0, rgba(81, 64, 49, .3) 99%, rgba(81, 64, 49, .3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 30%;
}
.testimonial-two .swiper-slider{
	padding: 0 30px;
}
.testimonial-two .swiper-button-next, 
.testimonial-two .swiper-button-prev{
	width: 60px;
	height: 60px;
	border: none;
}
.testimonial-two .swiper-button-next{
	right: 0px;
}
.testimonial-two .swiper-button-prev{
	left: 0px;
}
.testimonial-two .swiper-button-prev:hover,
.testimonial-two .swiper-button-next{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.testimonial-two .swiper-button-next:hover,
.testimonial-two .swiper-button-prev{
	color: var(--pbmit-blackish-color);
	background-color: var(--pbmit-white-color);
}
.testimonial-two .swiper-button-prev.swiper-button-disabled{
	opacity: .35;
}
.testimonial-two .ihbox-style-area{
	left: 88px;
	top: 293px;
}
.client-two-area{
	margin-top: 100px;
}
/** Homepage 03 **/ 
.client-three{
	padding: 40px 0;
	border-bottom: 1px solid #DDDDDD;
}
.about-section-three{
	padding: 145px 0px 130px 0px;
}
.about-three-left-area{
	padding-right: 120px;
}
.about-three-rightbox{
	padding-left: 80px;
}
.about-three-rightbox .fid-style-area{
	left: -72px;
	top: 10px;
	z-index: 1;
}
.about-three-img1{
	margin-top: -40px;
}
.about-three-rightbox img{
	border-radius: 30px;
}
.about-three-img2{
	left: -25px;
	bottom: -30px;
}
.service-three{
	border-radius: 30px;
	overflow: hidden;
}
.service-three .pbmit-servicebox-left {
    padding: 50px 45px 0 0;
	position: relative;
}
.service-three .pbmit-servicebox-right {
    padding-left: 55px;
}
.service-three .swiper-button-next, 
.service-three .swiper-button-prev{
	position: static;
	border: none;
}
.pbmit-service-highlight h2 {
    position: absolute;
    font-size: 170px;
    line-height: normal;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--pbmit-global-color-rgb), .15);
    top: auto;
    bottom: -150px;
    left: -180px;
}
.pbmit-bg-color-secondary .swiper-button-prev,
.pbmit-bg-color-secondary .swiper-button-next:hover{
	color: var(--pbmit-blackish-color);
	background-color: var(--pbmit-white-color);
}
.pbmit-bg-color-secondary .swiper-button-prev:hover,
.pbmit-bg-color-secondary .swiper-button-next{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.ihbox-section-three{
	padding-bottom: 90px;
}
.ihbox-section-three .heading-area{
	border-top: 1px solid #DDDDDD;
}
.ihbox-section-three .heading-area .pbmit-heading{
	text-align: center;
}
.ihbox-section-three .heading-area .pbmit-heading h2{
	font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px;
}
.ihbox-section-three .heading-area .pbmit-heading .pbmit-award{
	background-color: var(--pbmit-white-color);
    position: relative;
    top: -10px;
    padding: 0 35px;
    color: var(--pbmit-global-color);
}
.before-after-left-area{
	padding: 90px 200px 0px 140px;
	border-radius: 30px;
	height: 100%;
}
.portfolio-three-slider .swiper-pagination-bullet,
.testimonial-three-main .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	opacity: .5;
	margin: 0 5px !important;
	background-color: var(--pbmit-global-color);
}
.portfolio-three-slider .swiper-pagination-bullet-active,
.testimonial-three-main .swiper-pagination-bullet-active{
	outline: none;
	opacity: 1;
}
.about-us-three-sec{
	padding-bottom: 100px;
	background-image: url(../images/homepage-3/bg/pattern.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.about-us-three-content{
	padding: 70px 75px 0px 0px;
}
.about-us-three-content .pbmit-text-editor{
	font-weight: 400;
	color: var(--pbmit-global-color);
}
.about-us-three-sec .fid-style-area{
	padding: 35px 0px 0px 130px;
}
.testimonial-three-bg{
	background-image: url(../images/homepage-3/bg/testimonial-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 30px;
	height: 100%;
}
.testimonial-three-main{
	border-radius: 30px;
	padding: 100px 400px 100px 130px;
	background-color: var(--pbmit-light-color);
}
.testimonial-three-main .pbmit-heading-subheading:before{
	font-family: pbminfotech-base-icons;
    content: '\e886';
    position: absolute;
    right: -265px;
    top: -23px;
    font-size: 290px;
    line-height: 290px;
    display: inline-block;
    color: rgba(var(--pbmit-blackish-color-rgb), .2);
    background: -webkit-linear-gradient(rgba(196, 196, 196, 1) 0, rgba(254, 254, 254, .3) 99%, rgba(255, 255, 255, .3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .2;
}
.testimonial-three-main .swiper-horizontal>.swiper-pagination-bullets{
	justify-content: left;
}
.blog-three-right-col{
	padding-left: 60px;
}
/*------------------- ---------------------*/
/*01 - Inner Page 
/*----------------------------------------*/
/** 01 - About Us **/
.about-us  .ihbox-section-three{
	padding-bottom: 0;
}
.about-us .process-section-two{
	padding-top: 130px;
	border-top: none;
}
/** 02 - Our History **/
.pbmit-element-timeline-style-1 .pbmit-timeline-year{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-title{
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 20px;
	padding: 0 50px;
	text-transform: capitalize;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-desc{
	margin: 0;
	padding: 0 90px;
	line-height: 22px;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper{
	display: grid;
	width: 100%;
	height: auto;
	position: relative;
	justify-items: center;
	grid-template-rows: 1fr 1fr;
	text-align: center;
	grid-gap: 160px;
}
.pbmit-element-timeline-style-1 .pbmit-same-height.steps-content_wrap{
	justify-content: flex-start;
}
.pbmit-element-timeline-style-1 .pbmit-slide-even .pbmit-same-height.steps-content_wrap{
	justify-content: flex-end;
}
.pbmit-element-timeline-style-1 .pbmit-heading-subheading{
	margin-bottom: 80px;
}
.pbmit-element-timeline-style-1 .steps-dot .dot{
	background-color: var(--pbmit-blackish-color);
	display: block;
	line-height: normal;
	font-size: 14px;
	margin: auto;
	width:  10px;
	height:  10px;
	transform: rotate(45deg);
	z-index: 2;
	position: relative;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot{
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	height: -moz-fit-content;
	height: fit-content;
	margin: auto !important;
}
.pbmit-element-timeline-style-1 .steps-dot .dot::after{
	content: "";
	position: absolute;
	left: -11px;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 40px;
	margin: 0;
	background: rgb(var(--pbmit-blackish-color-rgb), .90);
	transform: rotate(-45deg);
}
.pbmit-element-timeline-style-1 .pbmit-slide-even .steps-dot .dot::after{
	left: 19px;
	top: 0;
	bottom: auto;
}
.pbmit-element-timeline-style-1 .steps-dot .steps-dot-line{
	color: transparent;
	line-height: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
} 
.pbmit-element-timeline-style-1 .steps-dot .steps-dot-line::before,
.pbmit-element-timeline-style-1 .steps-dot .steps-dot-line::after{
	content: "";
	width: calc(50% + 10px * 100);
	height: 1px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
}
.pbmit-element-timeline-style-1 .steps-dot .steps-dot-line::after{
	left: 50%;
	background: linear-gradient(90deg, rgb(var(--pbmit-blackish-color-rgb), 0.05), rgb(var(--pbmit-blackish-color-rgb), 0.05));
}
.pbmit-element-timeline-style-1 .steps-dot .steps-dot-line::before{
	right: 50%;
	background: linear-gradient(90deg, rgb(var(--pbmit-blackish-color-rgb), 0.05), rgb(var(--pbmit-blackish-color-rgb), 0.05));
}
.pbmit-element-timeline-style-1 .pbmit-same-height{
	display: flex;
	flex-direction: column;
	justify-content: end;
}
.pbmit-element-timeline-style-1 .pbmit-slide-even.swiper-slide-duplicate:nth-last-child(2) .pbmit-feature-image{
	order: 0;
}
.pbmit-element-timeline-style-1 .pbmit-slide-even .pbmit-feature-image{
	order: 1;
	justify-content: start;
	transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper:not(.pbmit-slide-even) .pbmit-feature-image{
	transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
} 
.pbmit-element-timeline-style-1 .pbmit-feature-image img{
	border-radius: 30px;
}
.pbmit-element-timeline-style-1 .steps-dot,
.pbmit-element-timeline-style-1 .pbmit-feature-image,
.pbmit-element-timeline-style-1 .steps-content_wrap{
	opacity: 1;
}
/** 03 - Service Detail **/
.service-details .container>.row{
	flex-direction: row-reverse;
}
.service-sidebar .post-list{
	padding-top: 40px;
}
.service-sidebar .all-post-list ul li{
	position: relative;
	line-height: 20px;
	border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb),.1);
}
.service-sidebar .all-post-list ul li a{
	padding: 16px 60px 16px 25px;
    display: block;
    position: relative;
    border-radius: 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: rgba(var(--pbmit-blackish-color-rgb),.7);
    text-transform: uppercase;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.service-sidebar .all-post-list ul li a:before{
	position: absolute;
    content: '\e8eb';
    font-family: "pbminfotech-base-icons";
    right: 0;
    left: auto;
    width: 35px;
    height: 35px;
    color: var(--pbmit-blackish-color);
    top: 12px;
    border-radius: 50%;
    line-height: 35px;
    font-size: 10px;
    text-align: center;
    transform: translate3d(0px, 0px, 0px) rotateZ(0deg);
    transform-style: preserve-3d;
    transition: all .5s ease-in-out;
}
.service-sidebar .all-post-list ul li a:after{
	position: absolute;
    content: "+";
    left: 0;
    font-size: 15px;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(var(--pbmit-blackish-color-rgb), .7);
    transition: all 0.4s ease;
}
.service-sidebar .all-post-list ul li:hover a,
.service-sidebar .all-post-list ul li.post-active a{
	transform: translateX(1%);
    color: var(--pbmit-global-color);
}
.service-sidebar .all-post-list ul li:hover a:before{
	opacity: 1;
    transform: translate3d(10px, 0px, 0px) rotateZ(45deg);
    background-color: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
}
.service-sidebar .all-post-list ul li:hover a:after{
	color: var(--pbmit-global-color);
}
.service-sidebar .widget.pbmit-download-content{
	border: none;
	padding: 0;
}
.widget .download .item-download a {
	position: relative;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 5px;
    padding-left: 25px;
    background-color: var(--pbmit-light-color);
    border-radius: 40px;
}
.widget .download .item-download a .pbmit-download-content {
    font-size: 15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.widget .download .item-download a .pbmit-download-content i {
    margin-right: 10px;
    font-size: 24px;
    color: var(--pbmit-secondary-color);
    transition: all 0.2s ease-in;
}
.widget .download .item-download .pbmit-download-item {
    font-size: 16px;
    line-height: 16px;
    padding: 18px 13px;
    border-radius: 50%;
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-blackish-color);
    transition: all 0.2s ease-in;
}
.widget .download .item-download a .pbmit-download-item i {
    font-size: 26px;
    vertical-align: middle;
}
.widget .download .item-download a:hover {
    background-color: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
}
.widget .download .item-download a:hover .pbmit-download-content i {
    color: var(--pbmit-white-color);
}
.widget .download .item-download a:hover .pbmit-download-item {
    background-color: var(--pbmit-white-color);
    color: var(--pbmit-blackish-color);
}	
.widget .download .item-download:last-child a {
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
    margin-bottom: 0;
}
.widget .download .item-download:last-child a .pbmit-download-content i {
    color: var(--pbmit-white-color);
    transition: all 0.3s ease-in-out;
}
.widget .download .item-download:last-child .pbmit-download-item {
    color: var(--pbmit-global-color);
    background-color: var(--pbmit-white-color);
}
.widget .download .item-download:last-child a:hover {
    background-color: var(--pbmit-blackish-color);
    color: var(--pbmit-white-color);
}
.widget .download .item-download:last-child a:hover .pbmit-download-item {
	color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
}
.service-details .pbmit-service-feature-image img{
	width: 100%;
    margin-bottom: 50px;
    border-radius: 30px;
}
.service-details .service-det-img{
	padding: 50px 0;
}
.service-details .service-det-img img{
	border-radius: 30px;
}
.service-details .fid-style-rea{
	padding: 50px 0 40px 0;
}
.service-details .fid-style-rea .pbminfotech-ele-fid-style-3{
	padding: 0 110px 0 0;
}
/** 04 - Portfolio Detail **/
.portfolio-single .pbmit-short-description{
	text-align: center;
    padding: 55px 0;
    border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb), 0.2);
}
.portfolio-single .pbmit-short-description h3{
	font-size: 48px;
    line-height: 58px;
}
.portfolio-single .pbmit-short-description p{
	margin: 0 150px;
}
.pbmit-single-project-details-list {
    padding: 60px 0;
}
.pbmit-single-project-details-list h3{
	display: none;
}
.portfolio-single .pbmit-portfolio-lines-wrapper ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.portfolio-single .pbmit-portfolio-lines-wrapper ul li{
	text-align: center;
    width: 100%;
    position: relative;
}
.portfolio-single .pbmit-portfolio-lines-wrapper ul li:not(:last-child){
	padding: 0 15px 0 0;
    margin: 0 0 20px;
    border: none;
}
.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-title {
    font-size: 14px;
    line-height: 26px;
    text-transform: uppercase;
    position: relative;
    color: var(--pbmit-global-color);
}
.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-value {
    display: block;
}
.portfolio-single .pbmit-portfolio-lines-wrapper ul li:not(:last-child):after{
	content: '';
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 1px;
    height: 26px;
    background-color: rgba(var(--pbmit-blackish-color-rgb), 0.2);
    transform: rotate(27deg);
}
.portfolio-single .pbmit-featured-img-wrapper{
	padding-bottom: 80px;
}	
.portfolio-single .pbmit-featured-img-wrapper img{
	border-radius: 30px;
}
.portfolio-single .ihbox-style-area{
	border-radius: 20px;
	margin-top: 55px;
	background-color: var(--pbmit-light-color);
}
.portfolio-single .ihbox-style-area .pbmit-ihbox-style-14{
	padding: 45px 30px 35px 90px;
}
.portfolio-single .pf-img-box{
	padding-top: 60px;
}
.portfolio-single .ihbox-style-15-area{
	margin: 40px 140px 0px 65px;
}
.portfolio-single .pf-img-box img{
	border-radius: 30px;
}
.portfolio-single .portfolio-video-bg{
	background-image: url(../images/portfolio/portfolio-video-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 30px;
	margin-bottom: 50px;
	padding: 225px 0px 225px 0px;
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRight{
	0% {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	
	100% {
		opacity: 1;
		transform: none;
	}
}
.portfolio-single .portfolio-video-bg .play-button{
	text-align: center;
}
.portfolio-single .post-navigation{
	border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb),0.10);
}
/** 05 - Blog Detail**/
.pbmit-element-posts-wrapper.row .pbmit-blog-style-1,
.pbmit-element-posts-wrapper.row .pbmit-portfolio-style-2{
	padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
/** Sidebar Right**/
.sidebar .widget{ 
    border: 1px solid rgba(var(--pbmit-blackish-color-rgb),0.2);
    padding: 30px;
    margin-bottom: 45px;
	border-radius: 30px;
}
.sidebar .widget:last-child{
    margin-bottom: 0;
}
.sidebar .widget.widget-search{
	background-color: var(--pbmit-secondary-color);
}
.sidebar .widget.widget-search .widget-title{
	color: var(--pbmit-white-color);
}
.sidebar .widget .widget-title{ 
	display: block;
	margin-bottom: 20px;
    position: relative;
    width: auto;
	font-size: 24px;
    line-height: 30px;
    letter-spacing: -.25px;
	padding-left: 15px;
    padding-bottom: 0px;
	text-transform: capitalize;
	color: var(--pbmit-blackish-color);
} 
.sidebar .widget .widget-title:before{
	content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    border-left: 7px solid var(--pbmit-global-color);
    height: 14px;
    width: 14px;
    border-radius: 50%;
    -khtml-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.widget .search-form {
    position: relative;
}
.widget .search-form input{
	height: 60px;
    border: 0;
    padding: 0px 30px;
    padding-right: 80px;
    background-color: var(--pbmit-white-color);
    color: var(--pbmit-blackish-color);
    font-size: 15px;
    border-radius: 40px;
	display: block;
    width: 100%;
	font-weight: normal;
}
.widget .search-form .search-submit{
	position: absolute;
    top: 3px;
    right: 3px;
    width: 55px;
    height: 55px;
    font-size: 16px;
    z-index: 1;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
	line-height: 58px;
    outline: none;
    background: var(--pbmit-global-color);
    color: var(--pbmit-secondary-color);
	transition: all .6s;
}
.widget .search-form .search-submit:after{
	position: absolute;
    font-family: 'pbminfotech-base-icons';
    content: '\e80d';
    right: 50%;
    top: 50%;
    font-size: 16px;
    color: var(--pbmit-white-color);
    line-height: normal;
    font-weight: normal;
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}
.widget .search-form .search-submit:hover{
	background-color: var(--pbmit-blackish-color);
}
.sidebar .widget-categories li{
	position: relative;
	line-height: 26px;
}
.sidebar .widget-categories .pbmit-cat-li{
	display: flex;
    align-items: center;
	justify-content: space-between;
    color: rgba(var(--pbmit-blackish-color-rgb),.5);
    border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb),.05);
	transition: all .25s ease-in-out;
}
.sidebar .widget-categories ul li:last-child .pbmit-cat-li{
	border-bottom: none;
}
.sidebar .widget-categories .pbmit-cat-li a{
	font-size: 13px;
    line-height: 23px;
    position: relative;
	padding-left: 20px;
	margin: 15px 0;
	color: rgba(var(--pbmit-blackish-color-rgb),.7);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.sidebar .widget-categories .pbmit-cat-li a:before{
	position: absolute;
    content: "+";
    left: 0;
    font-size: 15px;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%);
    color: rgba(var(--pbmit-blackish-color-rgb), .7);
    transition: all 0.4s ease;
    font-weight: 600;
}
.sidebar .widget-categories .pbmit-brackets{
    font-size: 14px;
	transition: all .25s ease-in-out;
}
.sidebar .widget-categories .pbmit-cat-li:hover,
.sidebar .widget-categories .pbmit-cat-li:hover>a,
.sidebar .widget-categories .pbmit-cat-li>a:hover:before{
	color: var(--pbmit-global-color);
}
.widget-recent-post .recent-post-list-li:first-child{
	margin-top: 0px;
    padding-top: 0px;
	border-top: none;
}
.widget-recent-post .recent-post-list-li{
	display: flex!important;
    align-items: center;
    width: 100%;
	margin-top: 18px;
	padding-bottom: 18px;
	line-height: 20px;
	border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb),0.10);
}
.widget-recent-post .recent-post-list-li:last-child{
	border-bottom: none;
	padding-bottom: 10px;
}
.widget-recent-post .recent-post-list-li>a{
	width: 91px;
    flex-shrink: 0;
    margin-right: 20px;
	display: inline-block;
}
.widget-recent-post .recent-post-list-li>a img{
	border-radius: 20px;
}
.widget-recent-post .pbmit-rpw-title a{
	margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 20px;
}
.pbmit-rpw-content .pbmit-rpw-date a{
    font-size: 14px;
    margin-bottom: 2px;
    text-transform: uppercase;
	display: inline-block;
	color: var(--pbmit-global-color);
}
aside.widget.widget-tag-cloud a,
.pbmit-blog-meta-bottom .pbmit-meta-tags a{
    line-height: 30px;
	margin: 0 5px 12px 0;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 20px;
    height: 30px;
    letter-spacing: 0;
    text-transform: capitalize;
    -webkit-transition: 0.4s ease-out 0s;
    -o-transition: 0.4s ease-out 0s;
    transition: 0.4s ease-out 0s;
    color: var(--pbmit-blackish-color);
    background-color: var(--pbmit-light-color);
    border-radius: 30px;
}
aside.widget.widget-tag-cloud a:hover,
.pbmit-blog-meta-bottom .pbmit-meta-tags a:hover{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.widget.pbmit-service-ad{
	padding: 0;
	background-image: url(../images/bg/service-sidebar-bg.jpg);
	background-size: cover;
    background-position: center center;
}
.widget.pbmit-service-ad .textwidget:before,
.widget.pbmit-service-ad .textwidget:after{
	content: "";
    display: table;
}
.widget.pbmit-service-ad .textwidget:after{
	clear: both;
}
.widget.pbmit-service-ad .pbmit-service-ads{
	position: relative;
    overflow: hidden;
    text-align: center;
    padding: 85px 30px 90px 30px;
    border-radius: 30px;
}
.pbmit-service-ads .pbmit-ads-subheding{
	font-size: 12px;
    line-height: 28px;
    letter-spacing: 1px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 0 13px 0 20px;
    margin-bottom: 25px;
    color: var(--pbmit-white-color);
    border: 1px solid var(--pbmit-white-color);
}
.pbmit-service-ads .pbmit-ads-subtitle {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--pbmit-white-color);
}
.pbmit-service-ads .pbmit-ads-title {
    font-size: 32px;
    line-height: 32px;
	margin-bottom: 0;
    color: var(--pbmit-white-color);
}
.pbmit-service-ads .pbmit-ads-desc a, 
.pbmit-service-ads .pbmit-ads-desc {
    font-size: 15px;
    line-height: 21px;
    padding-top: 25px;
    color: var(--pbmit-white-color);
}
.pbmit-service-ads .pbmit-ads-desc i {
    font-size: 18px;
    padding-right: 5px;
    color: var(--pbmit-global-color);
}
.pbmit-service-ads .pbmit-btn{
	margin-top: 30px;
}
.pbmit-service-ads .pbmit-btn:after{
	display: none;
}
/** Blog Classic **/
.site-content{
	padding-top: 80px;
	padding-bottom: 80px;
}
.post.blog-classic{
    margin-bottom: 60px;
    position: relative;
}
.post.blog-classic .pbmit-featured-wrapper img{
	border-radius: 30px;
}
.post.blog-classic:last-child {
    margin-bottom: 0px;
}
.post.blog-classic .pbmit-featured-img-wrapper{
	position: relative;
    margin-bottom: 30px;
}
.post.blog-classic .pbmit-meta-cat a{
	font-size: 12px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .5px;
    padding: 2px 15px 0 15px;
    border-radius: 15px;
    color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.post.blog-classic .pbmit-meta-cat a:hover{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-secondary-color);
}
.blog-classic .pbmit-blog-classic-inner{
	background: 0 0;
    padding: 0;
    position: relative;
}
.pbmit-blog-meta.pbmit-blog-meta-top{
	position: relative;
    font-size: 14px;
}
.pbmit-blog-meta-top.pbmit-blog-meta,
.pbmit-blog-meta-top.pbmit-blog-meta a{
	color: rgba(var(--pbmit-blackish-color-rgb),.8);
}
.pbmit-blog-meta-top.pbmit-blog-meta a:hover{
	color: var(--pbmit-secondary-color);
}
.pbmit-blog-meta-top .pbmit-meta {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-left: 6px;
    font-size: 14px;
    text-transform: uppercase;
}
.pbmit-blog-meta-top .pbmit-meta:first-child{
	padding-left: 0;
}
.pbmit-blog-meta-top .pbmit-meta i {
    margin-right: 2px;
    font-size: 20px;
	color: var(--pbmit-global-color);
}
.pbmit-blog-meta-top .pbmit-meta-comments{
	display: none;
}
.blog-classic .pbmit-post-title{
	margin-bottom: 25px;
	margin-top: 15px;
    font-size: 36px;
	padding-bottom: 25px;
    line-height: 42px;
	text-transform: none;
	letter-spacing: 0px;
	border-bottom: 1px solid rgba(24, 26, 23,0.2);
}
.blog-classic .pbmit-entry-content{
	margin-top: 20px;
}
.pbmit-blog-classic-inner .pbmit-entry-content .pbmit-btn:hover{
	border-color: var(--pbmit-blackish-color);
}
/** Blog Single **/
.blog-details .post.blog-classic{
	margin-bottom: 0;
	position: relative;
}
.blog-details .pbmit-featured-img-wrapper{
	position: relative;
}
.blog-details .post.blog-classic .pbmit-blog-meta-top{
	margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb),0.1);
}
.pbmit-firstletter::first-letter{
	color: var(--pbmit-global-color);
	padding:0;
	font-size: 52px;
	line-height: 48px;
	display: inline-block;
	float: left;
	font-weight: 700;
	margin-right: 8px;
}
.blog-details .pbmit-entry-content blockquote{
	border: 0;
	padding: 60px 0 25px 70px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 300 !important;
    margin: 30px 0;
    position: relative;
    letter-spacing: 0px;
    border-radius: 30px;
	font-style: normal;
    color: var(--pbmit-blackish-color);
}
.blog-details .pbmit-entry-content blockquote:before{
	content: '\e826';
    font-family: "pbminfotech-base-icons";
    font-size: 140px;
    line-height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    font-style: normal;
    color: rgba(var(--pbmit-blackish-color-rgb), .03);
    background: -webkit-linear-gradient(rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 0.53) 67%, rgba(246, 246, 246, 0.3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
	z-index: -1;
}
.blog-details .pbmit-entry-content blockquote p{
	margin-bottom: 0;
}
.blog-details .pbmit-entry-content:after{
	clear: both;
	content: "";
	display: table;
}
.blog-details .pbmit-entry-content blockquote cite{
	font-size: 14px;
    text-transform: capitalize;
    font-weight: 300;
    color: var(--pbmit-global-color);
	display: block;
	line-height: 24px;
    font-style: normal!important;
    margin-top: 15px;
	letter-spacing: .5px;
}
.blog-details .pbmit-entry-content blockquote cite:before{
	content: "-";
    margin-right: 5px;
}
.blog-details .pbmit-entry-content .pbmit-block-columns{
	margin-bottom: 1.75em;
}
.blog-details .pbmit-entry-content .pbmit-block-columns img{
	margin-top: 15px;
	border-radius: 30px;
}
.blog-details .pbmit-entry-content .pbmit-block-column:first-child{
	padding: 0 22px 0 0;
}
.blog-details .pbmit-entry-content .pbmit-block-column:last-child{
	padding: 0 0 0 22px;
}
.blog-details .list-group{
	margin-bottom: 20px;
}
.blog-details .list-group .pbmit-icon-list-text{
	color: rgba(64 , 50 , 38, .9);
}
.blog-details .post-navigation{
	border-top: 1px solid rgba(var(--pbmit-blackish-color-rgb),0.10);
    margin-top: 35px;
}
.post-navigation .nav-links{
	margin-top: 0;
    padding: 40px 0 8px;
    display: flex;
    align-items: normal;
    width: 100%;
}
.post-navigation .nav-previous{
	width: 50%;
	margin-right: auto !important;
	position: relative;
}
.post-navigation .nav-links a{
	display: block;
    text-align: left;
    width: 300px;
    transition: all 0.3s ease-in;
}
.post-navigation .pbmit-post-nav-icon{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 5px;
}
.post-navigation .nav-links .nav-previous .pbmit-post-nav-icon {
    justify-content: flex-start;
}
.post-navigation .nav-links .pbmit-post-nav-icon i {
    font-size: 13px;
    color: var(--pbmit-global-color);
    transition: all 0.3s ease-in;
}
.post-navigation .nav-links .pbmit-post-nav-head {
    font-size: 13px;
    text-transform: uppercase;
	letter-spacing: 0px;
	margin-left: 8px;
    transition: all 0.3s ease-in;
    color: var(--pbmit-global-color);
}
.post-navigation .nav-links .pbmit-post-nav-wrapper {
    display: block;
	word-break: break-word;
}
.post-navigation .nav-links .nav-previous .pbmit-post-nav-wrapper {
    text-align: left;
}
.post-navigation .nav-links .nav-title {
    font-size: 20px;
    line-height: 26px;
    margin-top: 5px;
    text-transform: none;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.post-navigation .nav-links a:hover .pbmit-post-nav-icon i,
.post-navigation .nav-links a:hover  .pbmit-post-nav-head{
	color: var(--pbmit-secondary-color);
}
.post-navigation .nav-next{
	width: 50%;
	text-align: right;
	margin-left: auto;
}
.post-navigation .nav-next a{
	display: block;
    text-align: right;
    margin-left: auto;
}
.nav-links .nav-next .pbmit-post-nav-wrapper {
    text-align: right;
}
.post-navigation .nav-next .pbmit-post-nav-head{
	margin: 0 8px 0 0;
}
.blog-details .pbmit-author-box {
    position: relative;
    overflow: hidden;
    margin-top: 45px;
    margin-bottom: 0;
    padding: 40px;
    padding-right: 80px;
    background-color: var(--pbmit-secondary-color);
    background-position: center center;
    background-repeat: repeat;
    display: flex;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 30px;
}
.blog-details .pbmit-author-image img {
    width: 135px;
    min-width: 135px;
    height: 135px;
    display: block;
    overflow: hidden;
    margin-right: 50px;
    border-radius: 50%;
}
.blog-details .pbmit-author-content {
    -webkit-flex-shrink: 100;
    -moz-flex-shrink: 100;
    -ms-flex-negative: 100;
    flex-shrink: 100;
}
.blog-details .pbmit-author-content .pbmit-author-name {
    line-height: 26px;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: inline-block;
}
.blog-details .pbmit-author-box a {
    color: var(--pbmit-global-color);
}
.blog-details .pbmit-author-box a:hover{
	color: var(--pbmit-white-color);
}
.blog-details .pbmit-author-content .pbmit-text {
    margin: 0;
	font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: var(--pbmit-white-color);
}
.blog-details .comments-area{
	margin-top: 60px;
}
.blog-details .comments-area .comments-title{
	font-size: 34px;
	line-height: 42px;
	margin-bottom: 48px;
}
.blog-details .comment-list li:not(:last-child) .pbmit-comment{
	margin-bottom: 30px;
    border-bottom: 1px solid rgba(var(--pbmit-blackish-color-rgb),0.10);
}
.comment-list .pbmit-comment-avatar{
	float: left;
}
.comment-list .pbmit-comment-avatar img{
    width: 90px;
    height: 90px;
	border-radius: 20px;
}
.blog-details .pbmit-comment-content{
	position: relative;
    padding: 0px 0px 30px 0;
    margin-left: 115px;
    min-height: 115px;
}
.blog-details .pbmit-comment-meta{
	display: flex;
    align-items: center;
}
.pbmit-comment-content .pbmit-comment-author {
	margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    display: inline-flex;
    position: relative;
    color: var(--pbmit-global-color);
}
.pbmit-comment-author-inner{
	margin: 0 5px;
    text-transform: capitalize;
	color: var(--pbmit-secondary-color);
}
.blog-details .pbmit-comment-date{
	display: block;
    font-size: 16px;
	padding: 0 0 0 15px;
	font-weight: 400;
	color: rgba(var(--pbmit-blackish-color-rgb),0.8);
}
.blog-details .pbmit-comment-date a{
	font-size: 14px;
    line-height: 24px;
    position: relative;
	padding: 0 0 0 10px;
	color: var(--pbmit-global-color);
}
.blog-details .pbmit-comment-date a:before{
	position: absolute;
    content: '';
    left: 0;
    right: auto;
    height: 1px;
    width: 5px;
    background: var(--pbmit-global-color);
    top: 50%;
    transform: translate(-50%, -50%);
}
.blog-details .pbmit-comment-content p{
	margin: 10px 0 18px;
	font-weight: normal;
	font-style: normal;
}
.blog-details .pbmit-comment-content .reply a{
	display: inline-block;
    font-size: 13px;
    line-height: 23px;
    text-transform: capitalize;
    letter-spacing: 0;
    -webkit-transition: 0.4s ease-out 0s;
    -o-transition: 0.4s ease-out 0s;
    transition: 0.4s ease-out 0s;
    color: var(--pbmit-global-color);
    padding: 2px 19px;
    border-radius: 30px;
	border: 1px solid var(--pbmit-global-color);
}
.blog-details .pbmit-comment-content .reply a::after{
	font-family: 'pbminfotech-base-icons';
    content: "\e8eb";
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    opacity: 1;
    font-variant: normal;
    text-transform: none;
    line-height: 10px;
    font-size: 10px;
    margin-left: 6px;
	font-weight: 600;
}
.blog-details .pbmit-comment-content .reply a:hover{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.comment-list .children{
	margin-left: 100px;
    padding-top: 8px;
}
.blog-details .comment-respond{
	background-color: var(--pbmit-light-color);
    padding: 60px 70px;
    border-radius: 30px;
    margin-top: 28px;
    margin-bottom: 20px;
}
.blog-details .comment-respond .comment-reply-title{
	margin-bottom: 25px;
}
.blog-details .comment-form .comment-notes{
	font-size: 15px;
}
.blog-details .comment-form .form-check{
	margin: 20px 0;
}
.blog-details .comment-form .form-check-label{
	font-size: 15px;
}
.blog-details .comment-form .pbmit-submit-button{
	font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.25px;
    text-transform: capitalize;
    font-style: normal;
	transition: all .6s;
	padding: 13px 35px;
	border-radius: 50px;
	border: none;
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
	font-family: var(--pbmit-heading-typography-font-family);
}
.blog-details .comment-form .pbmit-submit-button:hover{
	background-color: var(--pbmit-blackish-color);
}
.blog-details .comment-respond .comment-form .form-control:focus::placeholder{
	color: var(--pbmit-blackish-color);
}
/** 06 - Team Single Detail **/
.team-single{
	padding-bottom: 80px;
}
.pbmit-team-single-info .pbmit-sticky-col{
	padding-top: 100px;
}
.team-single .pbmit-team-left-inner{
	position: relative;
    z-index: 1;
    margin: 0;
    border-radius: 30px;
	overflow: hidden;
}
.team-single .pbmit-team-detail{
	position: relative;
}
.team-single .pbmit-team-detail-inner{
	padding: 45px 38px 70px;
    border-radius: 0 0 30px 30px;
    background-color: var(--pbmit-secondary-color);
}
.team-single .pbmit-team-summary{
	padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(var(--pbmit-white-color-rgb), 0.1);
}
.pbmit-team-summary .pbmit-team-designation {
    color: var(--pbmit-white-color);
    font-size: 13px;
    line-height: 23px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 0;
    position: relative;
    padding-left: 15px;
}
.team-single .pbmit-team-designation::before {
    background-color: var(--pbmit-global-color);
    position: absolute;
    content: '';
    left: 0;
    height: 6px;
    width: 6px;
    top: 7px;
    border-radius: 50%;
}
.team-single .pbmit-team-title {
    color: var(--pbmit-white-color);
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    margin: 0;
}
.pbmit-single-team-info li, 
.pbmit-single-team-info li a {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: var(--pbmit-white-color);
}
.pbmit-single-team-info li:last-child{
	margin-bottom: 0;
}
.pbmit-single-team-info li label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    min-width: 120px;
    display: block;
    text-transform: capitalize;
    color: var(--pbmit-global-color);
}
.team-single .pbmit-team-share-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--pbmit-white-color);
    border-radius: 50% 0 0 0;
}
.team-single .pbmit-share-icon-wrapper {
    position: relative;
    display: block;
    padding: 15px 0 0 15px;
    border-radius: 50%;
    background-color: var(--pbmit-white-color);
}
.team-single .pbmit-share-icon {
    padding: 12px 16px;
    background-color: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    display: block;
    transition: all 0.3s ease-in-out;
}
.team-single .pbmit-share-icon i {
    transition: all 0.4s ease-in-out;
    display: block;
    font-size: 20px;
}
.team-single .pbmit-team-social-links {
    text-align: center;
    position: absolute;
    bottom: 5px;
    right: 0;
    transform: translate(-40px, 0);
    opacity: 0;
    padding: 3px;
    display: flex;
    flex-direction: row-reverse;
    transition: all 0.3s ease-in;
}
.team-single .pbmit-team-social-links li{
	padding: 8px !important;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: var(--pbmit-white-color);
    border-radius: 50%;
    margin-right: 5px;
    transform: translate(0);
    transition: all 600ms ease-in-out;
}
.team-single .pbmit-team-social-links li a{
	position: relative;
	display: inline-block;
    opacity: 1;
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 24px;
	text-align: center;
    background: transparent;
    color: var(--pbmit-blackish-color);
}
.team-single .pbmit-team-social-links li:nth-child(1){
	transform: translate(0, 0);
}
.team-single .pbmit-team-social-links li:nth-child(2) {
    transform: translate(43px, 0);
}
.team-single .pbmit-team-social-links li:nth-child(3) {
    transform: translate(86px, 0);
}
.team-single .pbmit-team-social-links li:nth-child(4) {
    transform: translate(129px, 0);
}
.pbmit-team-share-btn:hover .pbmit-share-icon {
    background-color: var(--pbmit-secondary-color);
    transition: all 0.3s ease-in-out;
}
.pbmit-team-share-btn:hover .pbmit-share-icon i {
    transform: rotateY(180deg);
}
.pbmit-team-share-btn:hover .pbmit-team-social-links {
    transform: translate(-70px, 0);
    opacity: 1;
}
.pbmit-team-share-btn:hover .pbmit-team-social-links li {
    transform: translate(0);
}
.team-single .pbmit-entry-content{
	padding: 100px 0 0 33px;
}
.team-single .pbmit-entry-content .text-editor-box{
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #181A171F;
}
.team-single .text-editor-box .col-md-4{
	width: 18%;
}
.team-single .text-editor-box .col-md-8{
	width: 82%;
}
.team-single .text-editor-box .col-md-4 h6{
	margin-bottom: 0;
}
.team-single .pbmit-entry-content .text-editor-box:nth-child(6){
	border-bottom: none;
}
.team-single .pbmit-entry-content .list-group{
	flex-direction: initial;
}
.team-single .pbmit-entry-content .list-group li{
	margin-right: calc(35px / 2);
    margin-left: calc(35px / 2);
}
.team-single  .list-group .pbmit-icon-list-icon i{
	font-size: 18px;
}
.team-single .team-progress{
	margin-top: 60px;
}
.team-single .ihbox-style-area .pbmit-ihbox-style-13:not(:last-child){
	border-bottom: 1px solid #0000001F;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.team-single .comment-respond{
	overflow: hidden;
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 60px 75px 60px 75px;
	border-radius: 30px;
	background-color: var(--pbmit-light-color);
}
.team-single .comment-form .form-check{
	margin: 15px 0 25px 0;
}
.team-single .comment-form .form-check-label{
	font-size: 15px;
}
.team-single .comment-form .pbmit-btn-outline{
	color: var(--pbmit-blackish-color);
}
/** 07 - Contact Us **/
.contact-us-bg{
	background-image: url(../images/bg/contact-bg-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-us-left-area{
	padding: 100px 90px 30px 0px;
}
.iframe-section iframe{
	height: 550px;
	max-width: 100%;
    width: 100%;
}
.contact-form-area{
	padding: 50px 65px 40px 65px;
	border-radius: 30px;
	margin: 100px 0px 70px 0px;
	background-color: var(--pbmit-light-color);
}
.contact-form-area .form-check{
	margin: 20px 0;
}
.contact-form-area .form-check-label{
	font-size: 14px;
}
.contact-form-area form .pbmit-btn{
	color: var(--pbmit-blackish-color);
}
.iframe-area{
	padding: 0px 110px 0px 100px;
}
.iframe-area iframe{
	height: 600px;
	max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
	border-radius: 20px;
}
label.error {
	background: red;
	color: white;
	border-radius: 0px 0 10px 10px;
	margin-bottom: 15px;
	padding: 0 10px;
	font-size: 12px;
	display: block;
	margin-top: 0px;
	margin-right: 20%;
}
.message-status{
	margin-top: 30px;
}
.form-control.error{
	margin-bottom: 0 !important;
}
/**08 - Comment Form **/
.form-control{
	margin-bottom: 20px;
	font-size: 14px;
	height: 60px;
	line-height: normal;
	padding: 10px 20px;
    font-weight: normal;
	border-width: 0 0 1px 0;
	font-family: inherit;
	background-color: transparent;
	border-radius: 10px;
	border: unset;
	transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
	background-color: var(--pbmit-white-color);
}
textarea.form-control{
	height: 130px;
    padding-top: 20px;
	resize: none;
}
.form-control:focus{
	border-color: rgba(var(--pbmit-blackish-color-rgb),.2);
}
.form-control:focus::placeholder{
	opacity: 1;
}




/* new css */

.pbmit-slider-bg{
    height: 500px !important;
    border-radius: 10px;
}



/* second section discover properties */

/* ---------- base / mobile ---------- */
.property-banner-section {
  padding: 60px 0;
  background: #fff;
}

.banner-text h2 {
  font-size: 28px;        /* good for 360‑400 px phones   */
  font-weight: 700;
  line-height: 1.35;
  color: #0b1c39;
  margin-bottom: 22px;
}

.btn-explore {
  display: inline-block;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #0066ff;
  border-radius: 8px;
  text-decoration: none;
  transition: background .25s ease;
}

.btn-explore:hover {
  background: #fff;
  color: navy;
  border: 1px solid rgb(214, 190, 190);
}

.banner-image img {
  width: 100%;            /* full‑fluid */
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
}

/* ---------- ≥576 px (small tablets) ---------- */
@media (min-width: 576px) {
  .banner-text h2 { font-size: 32px; }
}

/* ---------- ≥768 px (tablets) ---------- */
@media (min-width: 768px) {
  .banner-text h2 { font-size: 36px; }
  .btn-explore     { font-size: 16px; }
}

/* ---------- ≥992 px (small desktops) ---------- */
@media (min-width: 992px) {
  .banner-text h2 { font-size: 42px; }
  .property-banner-section { padding: 80px 0; }
}

/* ---------- ≥1200 px (large desktops / 2K) ---------- */
@media (min-width: 1200px) {
  .banner-text h2 { font-size: 48px; }
  .banner-image img { border-radius: 16px; }
}


/* 3rd section */


/* --- Strip background / spacing --- */
.stats-strip {
  background: #8c969f;          /* mid‑grey like screenshot   */
  padding: 60px 0;
}

/* --- Individual card --- */
.stats-card {
  background: #fff;
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  height: 100%;
  display: flex;                /* makes the card full‑height */
  align-items: center;
  justify-content: center;
}

/* --- Flex row inside card --- */
.stats-inner {
  display: flex;
  align-items: center;
  gap: 22px;                    /* space between image & text */
}

/* --- Illustration --- */
.stats-img {
  width: 110px;                 /* lock width so all match    */
  flex: 0 0 110px;
}

/* --- Text copy --- */
.stats-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #0071ff;               /* bright blue like screenshot */
  margin: 0;
}
.stats-title span {
  font-size: 26px;
}

/* --- Responsive breakpoints --- */
@media (max-width: 768px) {
  .stats-inner { gap: 14px; }
  .stats-img   { width: 80px;  }
  .stats-title { font-size: 18px; }
  .stats-title span { font-size: 22px; }
}


@media (max-width: 430px) {
  .pbmit-title{

    font-size: 1.5rem !important;
  }
}



/* 1️⃣  Make every <article class="swiper-slide"> act like a flex‑box row
       so the card inside can stretch to 100 % height */
.stats-swiper .swiper-slide {
  display: flex;                 /* keeps height uniform             */
}

/* 2️⃣  Pin the card size itself */
.stats-card {
  width: 100%;                    /* already full‑width in its slide */
  height: 160px;                  /* ← pick any exact height you like */
  padding: 24px 22px;             /* keep the inner spacing */
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);

  /* Prevent tall text from pushing the card bigger */
  overflow: hidden;
}

/* 3️⃣  Center everything vertically + horizontally inside */
.stats-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  width: 100%;
  height: 100%;
}

/* 4️⃣  Lock illustration size so they all match */
.stats-img {
  width: 100px;                   /* choose one width for every SVG  */
  flex: 0 0 100px;
}

/* 5️⃣  Responsive tweak (phone) */
@media (max-width: 576px) {
  .stats-card  { height: 160px; } /* optional shorter on small phones */
  .stats-img   { width: 70px;  flex: 0 0 70px; }
}


/* 3rd section */


/* 4th section */
/* ——— Global colours / fonts ——— */
/* ---------- Theme vars ---------- */
:root { --blue:#0065ff; --grey:#e5e7eb; }

/* ---------- Headline ---------- */
.milestone-heading{
  font:700 clamp(26px,4vw,48px)/1.25 "Poppins",sans-serif;
  color:var(--blue);
  margin-bottom:2.2rem;
}

/* ---------- Ordered list ---------- */
.milestone-list{
  counter-reset:item;
  list-style:none;
  padding:0; margin:0 0 2.8rem;
}
.milestone-list li{
  counter-increment:item;
  font:500 clamp(18px,2.4vw,20px)/1.4 "Poppins",sans-serif;
  padding:1.1rem 0;
  border-bottom:1px solid var(--grey);
}
.milestone-list li::before{
  content:counter(item) ".";
  margin-right:.5rem;
  font-weight:600;
  color:#1d3557;
}

/* ---------- CTA button ---------- */
.btn-know-more{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.7rem 2.1rem;
  border:2px solid var(--blue);
  border-radius:50px;
  font:600 16px/1 "Poppins",sans-serif;
  color:var(--blue);
  text-decoration:none;
  transition:.25s;
}
.btn-know-more i{ font-size:15px; }
.btn-know-more:hover{ background:var(--blue); color:#fff; }

/* ---------- Tag (top‑left) ---------- */
.milestone-tag{
  position:absolute; top:0; left:0;
  display:flex; flex-direction:column;
  padding:4px 10px 10px;
  z-index:3;
}
.tag-label{
  font:600 15px/1 "Poppins",sans-serif;
  text-transform:uppercase;
  color:#0d1b39; opacity:.85;
}
.tag-year{
  font:700 clamp(30px,6vw,58px)/1 "Poppins",sans-serif;
  color:var(--blue);
}

/* ---------- Photo stack ---------- */
.milestone-photo{
  position:relative; border-radius:12px; overflow:hidden;
  background:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.milestone-photo img{ display:block; width:100%; height:auto; }

/* lower layers */
.milestone-photo::before,
.milestone-photo::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background:inherit; z-index:-1;
}
.milestone-photo::before{
  transform:translateY(8px);
  box-shadow:0 6px 12px rgba(0,0,0,.10);
}
.milestone-photo::after{
  transform:translateY(16px);
  box-shadow:0 6px 10px rgba(0,0,0,.06);
}
/* faint overall layer */
.milestone-swiper::after{
  content:""; position:absolute; inset:0;
  transform:translateY(24px);
  border-radius:12px; background:#fff;
  box-shadow:0 4px 8px rgba(0,0,0,.04);
  z-index:-2; pointer-events:none;
}

/* ---------- Swiper size tweaks ---------- */
.milestone-swiper{ padding-bottom:0; }

/* ---------- Responsive adjustments ---------- */
@media (max-width:991.98px){            /* tablets / large phones */
  .milestone-heading{ text-align:center; }
  .milestone-list   { margin-inline:auto; max-width:430px; }
  .milestone-tag    { left:8px; top:-10px; }
}

@media (max-width:575.98px){            /* small phones */
  .milestone-tag{
    left:6px; top:-14px;
  }
  .milestone-list li{ font-size:17px; }
  .btn-know-more{ padding:.6rem 1.8rem; font-size:15px; }
}

.video-css{
    position: relative;
    bottom: 190px;
}

/* 4th section */


/* testimonial section */



/* testimonial section */




/* 5th section project*/


/* 5th section */

/* // arrows project section */


/* ---------- circular nav buttons ----------------------------------- */
.service-nav{
  position:absolute;                      /* anchor to section */
  left:1.5rem;                            /* adjust horizontal offset */
  bottom:1.0rem;                          /* adjust vertical offset */
  display:flex; gap:2rem;                 /* space between the two circles */
  z-index:8;                              /* above slides & curve */
}



.nav-btn{
  width:75px; height:75px;              /* match your screenshot size */
  background:#e6e6e6;                     /* light‑gray fill */
  color:#0e2a47;                          /* arrow colour (blue section font) */
  border:5px solid #0069ff;               /* slim blue stroke */
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:3rem;                         /* arrow size */
  cursor:pointer;
  transition:background .25s, color .25s;
}
.nav-btn:hover{
  background:#0069ff;
  color:#ffffff;
}

/* // arrows project section */



/* — container keeps existing site font (Poppins) — */
.projects-header{
  text-align:left;
  margin-bottom:3.5rem;            /* gap before the image cards */
}

/* heading — 64 px, 700 weight (≈ screenshot) */
.projects-title{
  font-size:4rem;                  /* 4 rem ≈ 64 px */
  line-height:1.15;
  font-weight:700;
  color:#ffffff;
  margin:0 0 2.75rem;              /* 44 px gap below heading */
}

/* tab row — buttons inline‑flex */
.projects-tabs{
  display:inline-flex;
  gap:2.75rem;                     /* 44 px between buttons */
  margin-bottom:2.75rem;           /* 44 px gap below buttons */
}

/* button pill */
.projects-tab{
  padding:.95rem 3.1rem;           /* 15 px × 50 px */
  border:0; border-radius:.6rem;   /* 10 px */
  font-size:1.05rem;               /* ≈16.8 px */
  font-weight:600;
  background:#ffffff;
  color:#143565;
  cursor:pointer;
  transition:.25s;
}
.projects-tab.active,
.projects-tab:hover{
  background:#006aff;
  color:#ffffff;
}

/* paragraph */
.projects-desc{
  max-width:760px;
  font-size:1.25rem;               /* 20 px */
  line-height:1.55;
  color:#e1e1e1;
  margin:0;                        /* flush left */
}
.projects-section {
  background-color: #1c3661;
  padding: 4rem 2rem;
}
.service-one.pbmit-bg-color-secondary{ background:#1c3661; padding:60px 0; }
.container{ max-width:1160px; margin:auto; padding:0 15px; }

/* ---------- header ------------------------------------------------ */
.projects-header{ text-align:left; margin-bottom:3.2rem; }
.projects-title { font:700 4rem/1.15 Poppins, sans-serif; color:#fff; margin:0 0 2.75rem; }

.projects-tabs { display:flex; gap:2.75rem; margin-bottom:2.75rem; }
.projects-tab{
  padding:.95rem 3.1rem; border:0; border-radius:.6rem;
  font:600 1.05rem Poppins, sans-serif; cursor:pointer;
  background:#fff; color:#143565; transition:.25s;
}
.projects-tab.active,.projects-tab:hover{ background:#006aff; color:#fff; }
.projects-desc{
  max-width:760px; font:400 1.25rem/1.55 Poppins, sans-serif;
  color:#e1e1e1; margin:0;
}

.pbmit-featured-wrapper img{ width:100%; height:100%; object-fit:cover; }
.slide-title{
  position:absolute; top:0; left:0; width:100%;
  background:rgba(255,255,255,.85);
  padding:10px 0; margin:0;
  font:600 1.25rem Poppins, sans-serif;
  color:#1c2c4d; text-align:center; z-index:2;
  border-top-left-radius:1rem; border-top-right-radius:1rem;
}

/* arrow button in notch */
.pbmit-service-btn{
  position:absolute; right:1rem; bottom:1rem; z-index:3;
  width:60px; height:60px; border-radius:.75rem;
  background:#006aff; color:#fff; display:flex; align-items:center; justify-content:center;
  transition:.25s;
}
.pbmit-service-btn:hover{ background:#004ecc; }

/* ---------- nav circles ----------------------------------------- */
.service-nav{ position:absolute; bottom:2.9rem; left:1.5rem; display:flex; gap:2rem; z-index:5; }
.project-sec{ position:absolute; bottom:4.9rem; left:1.5rem; display:flex; gap:2rem; z-index:5; }
.nav-btn{
  width:88px; height:88px; border-radius:50%;
  background:#e6e6e6; border:4px solid #006aff;
  color:#143565; font-size:32px;
  display:flex; align-items:center; justify-content:center;
  transition:.25s; cursor:pointer;
}

/* ---------- Swiper spacing & responsive ------------------------- */
.swiper-slider .swiper-slide{ padding-bottom:1.0rem; }
@media (min-width:576px){ .swiper-slider .swiper-slide{ width:50%; } }
@media (min-width:992px){ .swiper-slider .swiper-slide{ width:33.333%; } }







.pbmit-service-image-wrapper,
.pbmit-featured-img-wrapper,
.pbmit-featured-wrapper {
  height: 520px; /* or your preferred height */
  position: relative;
  overflow: hidden;
}

.pbmit-featured-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.pbmit-featured-wrapper {
  position: relative;
}

.pbmit-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  /* background: rgba(255, 255, 255, 0.85);  */
  z-index: 2;
  text-align: center;
}

.pbmit-content-overlay .pbmit-serv-cat a {
  background: #006aff;
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 3px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 4px;
}

.pbmit-content-overlay .pbmit-service-title {
  font-size: 16px;
  font-weight: 600;
  color: #1c2c4d;
  margin: 0;
}
.headingspro{
  color:#1c3661 !important;   /* hex for the navy blue you used elsewhere */
}


/* video */
/* two‑line hero heading */
.video-top-heading{
  margin:0 0 2.5rem;                /* gap above play button */
  text-align:center;
  font:700 3rem/1.2 "Poppins", sans-serif;
  color:#fff;                    /* navy blue */
  position:relative; z-index:2; 
  bottom: 205px;    /* sits above overlay */
  word-break:break-word;            /* ensures clean wrap on small screens */
}

/* responsive font tweaks */
@media (max-width:991.98px){ .video-top-heading{ font-size:2.4rem; } }
@media (max-width:575.98px){ .video-top-heading{ font-size:1.9rem; bottom: 76px;} }




.play-button .fa-play {
  color: #0067fa;  /* Light yellow/beige from the screenshot */
}

/* video */



/* 18th friday */

.video-section-one {
  background-size: cover;      /* Cover the section without stretching */
  background-position: center; /* Center the image */
  height: 500px;               /* Set height in px */
}

@media (max-width: 768px) {
  .video-section-one {
    height: 250px;
  }
}

/* 18th friday */

/* services */

.services-section {
  background-color: #f5f7fa;
}

.section-title {
  font-weight: 600;
  font-size: 2rem;
}

.service-desc {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
}

.service-card {
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.service-card:hover {
  transform: scale(1.02);
}

.card-img {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
}

.card-title {
  font-weight: 500;
  font-size: 16px;
}





.custom-service-section {
  background-color: #f4f6fa;
  font-family: "Segoe UI", sans-serif;
}

.service-text-box {
  background-color: #e7ecf2;
  padding: 20px;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}

.service-card .image-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.service-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}

.service-card .service-title {
  position: absolute;
  width: 100%;
  padding: 10px;
  color: white;
  background-color: #007bff;
  font-weight: 500;
  text-align: center;
  z-index: 2;
}

.service-title.top {
  top: 0;
}

.service-title.bottom {
  bottom: 0;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.know-more-btn {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  font-weight: 600;
  border-radius: 5px;
  transition: background 0.3s ease;
}

.know-more-btn:hover {
  background-color: #007bff;
  color: #fff;
}
.image-container:hover .service-title {
  background-color:#d3d3d3;  /* Darker background on hover */
  color: black;             /* Yellow text on hover */
}

.image-container:hover .overlay {
  opacity: 1;
}

.image-container:hover img {
  transform: scale(1.05);
  opacity: 0.7;
}


/* services */


/* ventures */

/* Section Background & Layout */
.ventures-section {
  background: linear-gradient(to bottom, #e4e8ed, #ffffff);
  padding: 60px 20px;
}

/* Container and Heading */
.ventures-section .container {
  max-width: 1200px;
  margin: auto;
}

.ventures-heading {
  font-size: 36px;
  font-weight: 700;
  color: #0d2b5b;
  margin-bottom: 40px;
}

/* Cards Layout */
.venture-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 150px !important;
  justify-content: center;
}

/* Card Styles */
.venture-card {
  width: 400px;
  height: 300px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.venture-card:hover {
  transform: translateY(-5px);
}

.venture-card img {
  /* max-width: 580px;
  max-height: 480px; */
  object-fit: contain;
}

/* Responsive */
@media (max-width: 768px) {
  .venture-cards {
    justify-content: center;
  }

  .venture-card {
    width: 200px;
    height: 200px;
  }

  .ventures-heading {
    text-align: center;
  }
}


/* ventures */


/* footer */
.footer-section {
  background-color: #0c1a2b;
  color: #ffffff;
  padding: 60px 20px 30px;
  position: relative;
  font-family: 'Segoe UI', sans-serif;
}
.footer-container {
  max-width: 1320px;
  margin: 0 auto;
}
.footer-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  margin-bottom: 40px;
}
.footer-title {
  font-size: 24px;
  color: #3498db;
  margin-bottom: 15px;
}
.footer-subtitle {
  font-size: 18px;
  margin-bottom: 10px;
}
.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-column ul li {
  margin-bottom: 10px;
}
.footer-column ul li a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
}
.footer-column ul li a:hover {
  color: #3498db;
}
.footer-socials a {
  display: inline-block;
  background: #1d2c3b;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
  padding: 10px;
  border-radius: 50%;
  transition: background 0.3s;
  /* height: 40px;
  width: 40px; */

 
}
.footer-socials a:hover {
  background: #3498db;
}
.footer-contact li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-contact i {
  color: #0067fa;
}
.footer-bottom {
  border-top: 1px solid #2f3d4c;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  color: #ccc;
  text-align: center;
}
.footer-bottom a {
  color: #ccc;
  text-decoration: none;
}
.footer-bottom a:hover {
  color: #3498db;
}
@media (max-width: 768px) {
  .footer-bottom {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .footer-columns {
    gap: 30px;
  }
  .footer-title {
    text-align: center;
  }
}

/* footer */

/* years of experience */


/* --- Section Container Styling --- */
.section-lgb {
    padding: 80px 0;
    background-color: #ffffff; /* White background */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* --- Individual Fact Block Styling (.pbminfotech-ele-fid-style-2) --- */
.pbminfotech-ele-fid-style-2 {
    text-align: center;
    padding: 30px 20px;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease-in-out;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.pbminfotech-ele-fid-style-2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(138, 7, 226, 0.1);
}

.pbmit-fld-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.pbmit-fld-wrap {
    width: 100%;
}

/* --- Icon and Title Styling --- */
.pbmit-fid-icon-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    min-height: 40px;
}

.pbmit-sbox-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
}

.pbmit-sbox-icon-wrapper i {
    font-size: 26px;
    color: #007bff !important; /* Bright blue color for icons, matching the image */
}

.pbmit-fid-title {
    font-size: 16px;
    font-weight: 600;
    color: #007bff !important; /* Bright blue color for titles, matching the image */
    text-align: left;
    line-height: 1.3;
}

/* --- Number Styling --- */
.pbmit-fid-inner {
    font-size: 48px;
    font-weight: 700;
    color: #0d2b5b !important; /* Very dark blue/black color for numbers, matching the image */
    line-height: 1;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

/* Suffix Styling (e.g., +, %) */
.pbmit-fid {
    font-size: 0.5em;
    font-weight: normal;
    position: relative;
    top: -0.3em;
    margin-left: 5px;
    color: #212529; /* Ensure suffix also matches number color */
}

/* Specific styling for the '%' sign */
.pbmit-fid span {
    font-size: 0.8em;
    position: relative;
    top: 0;
    margin-left: 0;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1199.98px) {
    .pbmit-fid-inner {
        font-size: 42px;
    }
}

@media (max-width: 991.98px) {
    .section-lgb {
        padding: 60px 0;
    }
    .pbminfotech-ele-fid-style-2 {
        padding: 25px 15px;
    }
    .pbmit-fid-inner {
        font-size: 38px;
    }
    .pbmit-fid-icon-title {
        flex-direction: column;
        margin-bottom: 10px;
    }
    .pbmit-sbox-icon-wrapper {
        margin-right: 0;
        margin-bottom: 8px;
    }
    .pbmit-fid-title {
        text-align: center;
        font-size: 15px;
    }
}

@media (max-width: 767.98px) {
    .section-lgb {
        padding: 40px 0;
    }
    .pbminfotech-ele-fid-style-2 {
        padding: 20px 10px;
    }
    .pbmit-fid-inner {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    /* Add any further specific adjustments if needed */
}


/* years of experience */


/* --- Overall Section Styling --- */
.our-journey-section {
    padding: 80px 0; /* Vertical padding */
    background-color: #ffffff; /* White background for the section */
}

/* --- Left Column: Journey Content Styling --- */
.journey-content {
    padding-right: 30px; /* Space from the image on the right */
    padding-left: 15px; /* Standard padding */
}

.journey-title {
    font-size: 2.5rem; /* Large font size for title */
    font-weight: bold;
    color: #007bff; /* Bright blue color for the title, matching screenshot */
    margin-bottom: 30px;
    line-height: 1.2;
}

.milestones-list {
    list-style: none; /* Remove default list styling */
    padding-left: 0; /* Remove default padding */
}

.milestones-list li {
    font-size: 1.1rem; /* Adjust list item font size */
    color: #333; /* Dark grey color for the list items */
    padding: 10px 0;
    border-bottom: 1px solid #eee; /* Light separator line between items */
    position: relative;
    padding-left: 1.5em; /* Space for custom bullet */
}

.milestones-list li:last-child {
    border-bottom: none; /* Remove border from the last item */
}

/* Custom bullet point to match the image */
.milestones-list li::before {
    content: "\2022"; /* Unicode for a bullet point */
    color: #007bff; /* Blue color for bullet */
    font-weight: bold;
    display: inline-block;
    width: 1em; /* Space for the bullet */
    margin-left: -1.5em; /* Position bullet to the left */
    padding-right: 0.5em; /* Space between bullet and text */
}

.know-more-button {
    margin-top: 30px;
}

.know-more-button a {
    display: inline-flex;
    align-items: center;
    background-color: #007bff; /* Bright blue background for the button */
    color: #fff; /* White text color for the button */
    padding: 12px 25px;
    border-radius: 30px; /* Rounded button shape */
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3); /* Subtle shadow for button */
}

.know-more-button a:hover {
    background-color: #0056b3; /* Darker blue on hover */
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.4);
}

.know-more-button a i {
    margin-left: 8px; /* Space between text and arrow icon */
}

/* --- Right Column: Image Slider Area Styling --- */
.journey-image-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center the carousel and "started in" text */
}

.started-in-text {
    font-size: 1rem;
    color: #555;
    margin-bottom: 10px; /* Space between text and image */
    align-self: flex-start; /* Align to the left within its wrapper */
}

.started-year {
    font-size: 1.2rem;
    font-weight: bold;
    color: #007bff; /* Blue color for the year */
}

.journey-image-area {
    position: relative; /* For positioning the overlay */
    width: 100%;
    border-radius: 10px; /* Rounded corners for the image container */
    overflow: hidden; /* Ensures image corners are also rounded */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); /* Subtle shadow for the image area */
    background-color: #f0f0f0; /* Fallback background */
    aspect-ratio: 4/3; /* Maintain aspect ratio (e.g., 4:3 or adjust as needed for your images) */
}

/* Ensure images fill the carousel item */
.carousel-inner img {
    height: 100%;
    width: 100%;
    object-fit: cover; /* Cover the area, cropping if necessary */
    display: block; /* Remove extra space below image */
}

/* Hide default Bootstrap indicators (we are using custom ones in the overlay) */
.carousel-indicators {
    display: none !important;
}

/* Custom Carousel Controls Overlay Styling */
.carousel-custom-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent dark background */
    color: #fff;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

.slide-pagination {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between elements */
}

.slide-pagination button {
    background: none;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.slide-pagination button:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #fff;
}

.current-slide, .total-slides {
    font-weight: bold;
    color: #fff;
}

.playback-controls {
    display: flex;
    gap: 10px; /* Space between playback buttons */
}

.playback-controls button, .play-pause-btn, .restart-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 5px;
    transition: color 0.3s ease;
}

.playback-controls button:hover, .play-pause-btn:hover, .restart-btn:hover {
    color: #007bff; /* Highlight on hover */
}

/* --- Responsive Adjustments --- */
@media (max-width: 991.98px) {
    .our-journey-section {
        padding: 60px 0;
    }
    .journey-content {
        padding-right: 15px; /* Adjust padding for smaller screens */
        padding-left: 15px;
        margin-bottom: 30px; /* Space between left and right columns */
    }
    .journey-title {
        font-size: 2rem;
        margin-bottom: 20px;
    }
    .milestones-list li {
        font-size: 1rem;
        padding: 8px 0;
    }
    .know-more-button {
        margin-top: 20px;
        text-align: center; /* Center button on smaller screens */
    }
    .journey-image-wrapper {
        margin-top: 20px; /* Space between text and image on smaller screens */
    }
    .started-in-text {
        align-self: center; /* Center text on smaller screens */
    }
}

@media (max-width: 767.98px) {
    .our-journey-section {
        padding: 40px 0;
    }
    .journey-title {
        font-size: 1.8rem;
    }
    .know-more-button a {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
    .carousel-custom-controls {
        padding: 8px 15px;
        font-size: 0.8rem;
    }
    .slide-pagination button {
        width: 25px;
        height: 25px;
        font-size: 0.7rem;
    }
    .playback-controls button {
        font-size: 1rem;
    }
}



/* height and width of services */

.service-text-box {
  min-height: 500px;
  padding: 20px;
  background-color: #f8f9fa;
  display: flex;
  align-items: center;
}

/* Increase size for each service card */
.service-card {
  height: 400px;
  padding: 15px;
}

/* Increase image size inside card */
.image-container {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

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

/* Style "Know More" button */
.know-more-btn {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
}






/* Custom Testimonial Section Styling */
.testimonial-section-custom {
    background-color: #203657; /* Dark blue background from the image */
    color: #fff; /* White text color */
    padding: 80px 0; /* Vertical padding */
    position: relative; /* Needed for absolute positioning of client image/lines if desired */
    overflow: hidden; /* Ensures content doesn't overflow */
}

.testimonial-section-custom .container {
    max-width: 1200px; /* Adjust container width as needed */
}

.testimonial-section-custom .main-title {
    font-size: 3rem; /* Large title font size */
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px; /* Space below the main title */
    color: #fff;
}

.testimonial-content-left {
    padding-right: 40px; /* Space between text and image */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center content within its column */
    height: 100%; /* Ensure it takes full height of parent row */
}

.testimonial-item-inner {
    text-align: left; /* Align text to the left */
    padding: 20px 0; /* Padding for the testimonial content */
}

.testimonial-quote-title {
    font-size: 1.8rem; /* Size for "Masters of Real Estate Magic!!" */
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
    line-height: 1.3;
}

.testimonial-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #f0f0f0; /* Slightly lighter white for body text */
    margin-bottom: 30px;
}

.testimonial-author {
    font-size: 1.2rem;
    font-style: normal; /* To remove italic if it inherits */
    color: #66b3ff; /* Blue color for author name */
    font-weight: 500;
    text-align: left;
}

/* Customizing Bootstrap Carousel Controls */
.testimonial-section-custom .carousel-control-prev,
.testimonial-section-custom .carousel-control-next {
    width: 50px; /* Make controls circular */
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent white background */
    opacity: 1; /* Make visible by default */
    transition: background-color 0.3s ease;
    top: 50%; /* Center vertically */
    transform: translateY(-50%);
}

.testimonial-section-custom .carousel-control-prev:hover,
.testimonial-section-custom .carousel-control-next:hover {
    background-color: rgba(255, 255, 255, 0.2); /* Darken on hover */
}

.testimonial-section-custom .carousel-control-prev {
    left: -70px; /* Position outside the main content area */
}

.testimonial-section-custom .carousel-control-next {
    right: -70px; /* Position outside the main content area */
}

.testimonial-section-custom .carousel-control-prev-icon,
.testimonial-section-custom .carousel-control-next-icon {
    width: 20px; /* Adjust icon size */
    height: 20px;
    background-size: 100%, 100%; /* Ensure icon fills the space */
}

/* Right Column: Image and Lines Styling */
.testimonial-image-wrapper {
    position: relative;
    width: 100%;
    max-width: 350px; /* Limit image width to match screenshot proportion */
    margin: 0 auto; /* Center the image wrapper */
    padding-bottom: 50px; /* Space for the blue horizontal line */
    padding-left: 50px; /* Space for the blue vertical line */
}

.testimonial-image-wrapper .client-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px; /* Slightly rounded corners for the image */
    position: relative;
    z-index: 2; /* Bring image above lines */
}

.blue-line-vertical {
    position: absolute;
    top: 0;
    left: 0; /* Start from the left edge of the wrapper */
    height: calc(100% - 20px); /* Adjust height to match image's visible height + margin */
    width: 2px; /* Thickness of the line */
    background-color: #007bff; /* Blue color */
    z-index: 1; /* Behind the image */
}

.blue-line-horizontal {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px); /* Adjust width to match image's visible width + margin */
    height: 2px; /* Thickness of the line */
    background-color: #007bff; /* Blue color */
    z-index: 1; /* Behind the image */
}

/* Responsive Adjustments */
@media (max-width: 1199.98px) { /* Adjust for smaller desktops */
    .testimonial-section-custom .carousel-control-prev {
        left: -50px;
    }
    .testimonial-section-custom .carousel-control-next {
        right: -50px;
    }
}

@media (max-width: 991.98px) { /* Tablet and smaller screens */
    .testimonial-section-custom .main-title {
        font-size: 2.5rem;
        margin-bottom: 40px;
    }
    .testimonial-content-left {
        padding-right: 15px; /* Adjust padding */
        padding-left: 15px;
        margin-bottom: 30px; /* Space between content and image on vertical stack */
    }
    .testimonial-quote-title {
        font-size: 1.5rem;
    }
    .testimonial-text {
        font-size: 1rem;
    }
    .testimonial-author {
        font-size: 1.1rem;
    }
    .testimonial-section-custom .carousel-control-prev,
    .testimonial-section-custom .carousel-control-next {
        position: absolute; /* Revert to default for Bootstrap controls for better responsiveness */
        top: 50%;
        transform: translateY(-50%);
        left: 0; /* Default positioning */
        right: auto;
        margin: 0;
        width: 40px;
        height: 40px;
        opacity: 0.7; /* Make them slightly transparent */
    }
    .testimonial-section-custom .carousel-control-next {
        left: auto;
        right: 0;
    }

    .testimonial-image-wrapper {
        padding-bottom: 30px; /* Reduce padding for lines */
        padding-left: 30px;
    }
}

@media (max-width: 767.98px) { /* Mobile screens */
    .testimonial-section-custom {
        padding: 60px 0;
    }
    .testimonial-section-custom .main-title {
        font-size: 2rem;
        margin-bottom: 30px;
    }
    .testimonial-quote-title {
        font-size: 1.3rem;
        margin-bottom: 15px;
    }
    .testimonial-text {
        font-size: 0.95rem;
        margin-bottom: 20px;
    }
    .testimonial-author {
        font-size: 1rem;
    }
}





.testimonial-section-custom {
  background-color: #07356C;
  padding: 4rem 0;
  color: #fff;
  position: relative;
  overflow-x: hidden;
}

.main-title {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 2rem;
}

.testimonial-quote-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
}

.testimonial-text {
  font-size: 1.25rem;
  line-height: 1.8;
  color: #d0d9e5;
  margin-bottom: 1.5rem;
}

.testimonial-author {
  font-size: 1.25rem;
  font-weight: 600;
  color: #007bff;
}

.custom-carousel-arrow {
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: background 0.3s ease;
}

.custom-carousel-arrow:hover {
  background: rgba(0, 0, 0, 0.4);
}

.carousel-icon {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
}

.carousel-control-prev {
  left: -60px;
}

.right-arrow {
  right: -60px;
}

/* Blue lines - hidden by default */
.blue-line-vertical,
.blue-line-horizontal {
  background-color: #007bff;
  position: absolute;
  transition: all 0.3s ease;
  opacity: 0;
}

/* Show on hover of image wrapper */
.testimonial-image-wrapper:hover .blue-line-vertical,
.testimonial-image-wrapper:hover .blue-line-horizontal {
  opacity: 1;
}

/* Vertical line */
.blue-line-vertical {
  height: 100%;
  width: 3px;
  right: 0;
  top: 0;
}

/* Horizontal line */
.blue-line-horizontal {
  height: 3px;
  width: 100%;
  left: 0;
  bottom: 0;
}

.testimonial-play-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 10;
}

.testimonial-play-button i {
  color: #007bff;
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  .custom-carousel-arrow {
    display: none;
  }

  .main-title {
    font-size: 2rem;
    text-align: center;
  }
}




/* Initial hidden blue lines */
.blue-line-vertical,
.blue-line-horizontal {
  position: absolute;
  background-color: #007bff;
  transition: transform 0.4s ease-in-out;
}











/* Container */
.testimonial-image-wrapper {
  position: relative;
  overflow: visible;
}

/* Blue vertical line */
.blue-line-vertical {
  position: absolute;
  width: 4px;
  height: 400px !important;
  right: 0;
  top: 0;
  background-color: #007bff;
  transform: scaleY(0);
  transform-origin: top;
  margin-left: 400px !important;
}

/* Blue horizontal line */
.blue-line-horizontal {
  position: absolute;
  height: 4px;
  width: 450px;
  bottom: 0;
  left: 0;
  background-color: #007bff;
  transform: scaleX(0);
  transform-origin: left;
}

/* Animate both on hover */
.testimonial-image-wrapper:hover .blue-line-vertical {
  animation: growShrinkVertical 12.4s ease-in-out forwards;
}

.testimonial-image-wrapper:hover .blue-line-horizontal {
  animation: growShrinkHorizontal 12.4s ease-in-out forwards;
}

/* Keyframes: 0–10% grow, 10%–90% hold, 90–100% shrink */
@keyframes growShrinkVertical {
  0%   { transform: scaleY(0); }
  10%  { transform: scaleY(1); }
  90%  { transform: scaleY(1); }
  100% { transform: scaleY(0); }
}

@keyframes growShrinkHorizontal {
  0%   { transform: scaleX(0); }
  10%  { transform: scaleX(1); }
  90%  { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}


.corporate1 {
  background-color: white;
  padding: 0.5rem 1rem;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  border-radius: 10px;
  color: #07356C;
  left: 50%;
  transform: translateX(-50%);
  
}

/* Medium and small devices - center properly */
@media (max-width: 991px) {
  .corporate1 {
    left: 50%;
    transform: translateX(-50%);
  }
}

/* Extra small devices (phones) */
@media (max-width: 575px) {
  .corporate1 {
    font-size: 1rem;
    padding: 0.4rem 0.8rem;
  }
}

/* Large screens (1200px+) - center horizontally */
@media (min-width: 1200px) {
  .corporate1 {
    left: 50%;
    transform: translateX(-50%);
  }
}




.custom-knowmore-btn {
  padding: 12px 28px;
  font-size: 1.7rem;
  border-radius: 12px;
  border: 1px solid rgb(226, 218, 218);
}



.testimonial-section-custom {
  background-color: #f8f9fa; /* initial background */
  transition: background-color 0.3s ease;
}

.testimonial-section-custom:hover {
  background-color: grey; /* new color on hover */
}











.pbmit-btn-secondary{
  color: #007bff !important;
  background-color: white;
  border: 1px solid grey;
}

.pbmit-btn-secondary:hover{
  background-color: #007bff;
  color: white !important;
}






.photo-stack {
  position: relative;
  display: inline-block;
  margin-bottom: 60px;
}

/* Main Image – fixed size for large screens */
.main-photo {
  position: relative;
  z-index: 10;
  border-radius: 10px;
  display: block;
  width: 400px;
  height: auto;
}

/* Common Layer Style */
.photo-layer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 14px;
  border-radius: 10px;
  background: #dcdcdc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

/* Large Screen Defaults (Exact as before) */
.layer-1 {
  bottom: -8px;
  width: 590px;
  z-index: 1;
}
.layer-2 {
  bottom: -20px;
  width: 570px;
  z-index: 0;
}
.layer-3 {
  bottom: -30px;
  width: 550px;
  z-index: -1;
}
.layer-4 {
  bottom: -40px;
  width: 530px;
  z-index: -2;
}

/* Responsive for Small Screens */
@media (max-width: 600px) {
  .main-photo {
    width: 100%;
    max-width: 100%;
  }

  .layer-1 {
    bottom: -6px;
    width: 105%;
  }
  .layer-2 {
    bottom: -14px;
    width: 100%;
  }
  .layer-3 {
    bottom: -22px;
    width: 95%;
  }
  .layer-4 {
    bottom: -30px;
    width: 90%;
  }
}





.testimonial-section {
  background-color: #8fa0bb;
  color: white;
  padding: 3rem 1rem;
  border-radius: 12px;
}


.main-title {
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 2.2rem; /* optional for better scaling */
  font-weight: bold;
  color: white; /* or any contrasting color */
}


/* Label (top-left on image) */
.milestone-tag {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  padding: 8px 16px;
  color: #0056f8;
  font-family: 'Segoe UI', sans-serif;
  border-bottom-right-radius: 8px;
  z-index: 10;
}

.milestone-tag .tag-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 2px;
}

.milestone-tag .tag-year {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.1;
}

/* Animation */
.animated-photo {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 1s ease forwards;
  animation-delay: 0.3s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* project */


.projects-header {
  margin-bottom: 2rem;
}

.projects-title,
.projects-tabs,
.projects-desc {
  text-align: center;
}

@media (min-width: 992px) {
  .projectsec {
    text-align: left;
    max-width: 800px;
  }

  .projects-title,
  .projectsec,
  .projects-tabs,
  .projects-desc {
    text-align: left;
  }
}


/* Swiper Slider Images */
.pbmit-featured-img-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Navigation Button Styling */
.service-nav {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 2rem;
}



/* Responsive spacing on small screens */
@media (max-width: 768px) {
  .projects-title {
    font-size: 1.6rem;
  }

  .projects-desc {
    padding: 0 10px;
    font-size: 0.95rem;
  }

  .projects-tabs {
    flex-direction: column;
    align-items: center;
  }
}

/* Ensure Swiper works well in small screens */
.swiper-wrapper {
  display: flex;
}

/* Fix button overflow */


/* Card padding for mobile */
@media (max-width: 576px) {
  .pbminfotech-post-item {
    padding-bottom: 2rem;
  }
}




/* project */




/* header */


/* header */







/* discover  */

.property-banner-section {
  padding: 60px 0;
}






.banner-image {
  text-align: center;
  margin-top: 30px;
}

.banner-image img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Responsive Adjustments */

.property-banner-section {
  padding: 60px 0;
}

.banner-text h2 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
}

.btn-explore {
  display: inline-block;
  padding: 12px 25px;
  text-decoration: none;
  border-radius: 4px;
}

.banner-image img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Responsive Fixes */
@media (max-width: 991.98px) {
  .property-banner-section {
    padding: 40px 20px;
  }

  .banner-image {
    margin-top: 30px;
    text-align: center;
  }

  .banner-text {
    text-align: center;
  }

  .banner-text h2 {
    font-size: 1.8rem;
  }

  .btn-explore {
    margin-top: 15px;
  }
}


/* discover  */


/* milesstone */

.milestone-heading {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: left;
}

.milestone-list {
  padding-left: 20px;
  margin-bottom: 25px;
  text-align: left;
}

.milestone-list li {
  font-size: 1.3rem;
  margin-bottom: 10px;
  line-height: 1.5;
  /* font-weight: 4000; */
      font-weight: 100;
    color: #191c22;
}

.pbmit-btn-wrapper {
  margin-top: 15px;
  text-align: left;
}

.milestone-photo img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.milestone-tag {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}

/* Swiper Wrapper */
.milestone-swiper {
  width: 100%;
  height: auto;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}

/* Responsive Tweaks */
@media (max-width: 991.98px) {
  .milestone-heading,
  .milestone-list,
  .pbmit-btn-wrapper {
    text-align: left !important;
  }

  .milestone-swiper {
    margin-top: 30px;
  }

  .swiper-slide {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 576px) {
  .milestone-heading {
    font-size: 1.7rem;
  }

  .milestone-list li {
    font-size: 0.95rem;
  }

  .milestone-tag {
    font-size: 12px;
    padding: 3px 8px;
  }
}




/* milesstone */


/* servive section */

/* Service Section Fixes */
.services-section .row {
  margin: 0;
}

/* Equal box height across text & image cards */
.service-text-box,
.service-card {
  height: 420px; /* Adjust to match your project boxes' height */
  padding: 0;
}

/* Image container same size as text box */
.image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Ensure images fill container without distortion */
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Title bar on top/bottom */
.service-title {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 0;
  z-index: 2;
}

.service-title.top {
  top: 0;
}
.service-title.bottom {
  bottom: 0;
}

/* Hover Overlay with button */


.image-container:hover .overlay {
  opacity: 1;
}



/* Responsive adjustments */
@media (max-width: 991.98px) {
  .service-text-box,
  .service-card {
    height: 350px;
  }
}

@media (max-width: 767.98px) {
  .service-text-box,
  .service-card {
    height: auto;
    margin-bottom: 20px;
  }

  .image-container {
    aspect-ratio: 4 / 3;
  }

  .know-more-btn {
    font-size: 14px;
    padding: 8px 16px;
  }
}


/* servive section */




/* ventures */

.venture-cards {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.venture-card {
  flex: 1 1 250px;
  max-width: 300px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}

.venture-card:hover {
  transform: scale(1.03);
}

.venture-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .venture-card {
    flex: 1 1 100%;
    max-width: 100%;
    height: auto;
  }

  .venture-card img {
    width: 100%;
    height: auto;
  }
}


/* ventures */





/* testimonial */


.testimonial-section-custom {
  position: relative;
}

.testimonial-content-left {
  padding: 2rem;
}

.testimonial-item-inner {
  padding: 1rem 0;
}

.carousel-icon {
  font-size: 2rem;
  color: #0056b3;
}

.custom-carousel-arrow {
  background: transparent;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.carousel-control-prev {
  left: 0;
}

.right-arrow {
  right: 0;
}

.testimonial-image-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.client-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.testimonial-play-button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 2rem;
  color: #0056b3;
}

@media (max-width: 768px) {
  .testimonial-content-left {
    padding: 1rem;
  }

  .custom-carousel-arrow {
    top: unset;
    bottom: 10px;
  }

  .right-arrow {
    right: 10px;
  }

  .carousel-control-prev {
    left: 10px;
  }

  .testimonial-play-button {
    font-size: 1.5rem;
    bottom: 15px;
    left: 15px;
  }
}


/* testimonial */





/* Set same height for all boxes */
.service-text-box,
.service-card {
  min-height: 280px;
}



.text-box {
  background-color: #d5dfe9 !important; /* Ensures light bg shows */
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  font-size: 0.95rem;
  line-height: 1.6;
  color: #212529;
}

/* Background for the first box (text box) */
.service-text-box {
  background-color: rgba(185, 174, 174, 0.2); /* Change this to your desired color */
  padding: 1rem;
}

/* Image container fills card */
.image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Image fills the space */
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overlay title text */
.service-title {
  position: absolute;
  width: 100%;
  background-color: #003366cc;
  color: #fff;
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.5rem;
  z-index: 2;
}

.service-title.top {
  top: 0;
}

.service-title.bottom {
  bottom: 0;
}

/* Optional: Style Know More button overlay */
.overlay {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}

.know-more-btn {
  background-color: #fff;
  color: #003366;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
}





/* --- Testimonial Section Custom Styles --- */

.testimonial-section-custom {
    background-color: #1a2a5e; /* Dark blue background from the screenshot */
    padding: 80px 0; /* Adjust padding as needed */
    color: #fff; /* Default text color for the section */
    position: relative; /* For positioning the play button and lines */
    overflow: hidden; /* To ensure content doesn't spill out, especially with absolute positioning */
}

.testimonial-section-custom .position-relative {
    position: relative;
    z-index: 2; /* Ensure content is above any background elements like the play button */
}

.testimonial-section-custom .g-0 {
    --bs-gutter-x: 0; /* Remove horizontal gutter for direct contact between columns */
}

/* Left Content Area */
.testimonial-content-left {
    padding: 20px 40px 20px 0; /* Adjust padding for the text content */
    /* On larger screens, the image column takes up some space, so text needs to be adjusted */
    /* This padding will be adjusted responsively */
}

.testimonial-section-custom .main-title {
    font-size: 48px; /* Large title as seen in screenshot */
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.2;
}

/* Testimonial Carousel and Items */
#testimonialCarousel {
    margin-bottom: 30px; /* Space below the carousel if needed, though not strictly visible in screenshot */
}

.testimonial-item-inner {
    padding-right: 20px; /* Small padding inside the carousel item if needed */
}

.testimonial-quote-title {
    font-size: 32px; /* Title of the testimonial */
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.4;
}

.testimonial-text {
    font-size: 18px; /* Main testimonial text */
    line-height: 1.8;
    color: #e0e0e0; /* Slightly lighter color for body text */
    margin-bottom: 30px;
}

.testimonial-author {
    font-size: 12px; /* Author name */
    font-weight: 600;
    color: #007bff; /* Blue color for the author name */
    margin-top: 20px;
    font-style: callibri;
}

/* Custom Carousel Navigation Arrows */
.custom-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2); /* Semi-transparent white background */
    border: none;
    width: 50px; /* Size of the arrow button */
    height: 50px;
    border-radius: 50%; /* Circular button */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    z-index: 10; /* Ensure arrows are above other content */
}

.custom-carousel-arrow:hover {
    background: rgba(255, 255, 255, 0.4); /* Darker on hover */
}

.custom-carousel-arrow .carousel-icon {
    font-size: 24px; /* Size of the > < characters */
    color: #fff; /* White color for the arrows */
    line-height: 1; /* Align character vertically */
}

/* Positioning for Left Arrow */
.carousel-control-prev.custom-carousel-arrow {
    left: -70px; /* Position it outside to the left of the content area */
    /* This positioning will likely need adjustment based on container width and responsiveness */
}

/* Positioning for Right Arrow */
.carousel-control-next.custom-carousel-arrow.right-arrow {
    right: -70px; /* Position it outside to the right of the image */
    /* Similar to the left arrow, adjust based on layout */
}


/* Right Image Area */
.testimonial-image-wrapper {
    position: relative;
    height: 100%; /* Ensure it fills the height of its parent row */
    min-height: 400px; /* Minimum height for the image wrapper */
    display: flex; /* Use flex to align image if needed */
    align-items: center;
    justify-content: center;
}

.testimonial-image-wrapper .client-image {
    width: 100%;
    height: auto;
    object-fit: cover; /* Ensures the image covers its area */
    display: block; /* Remove extra space below image */
    max-height: 500px; /* Limit max height for very tall images */
}

/* Blue Lines on the Image */
.blue-line-vertical {
    position: absolute;
    top: 0;
    right: 20px; /* Position from the right edge of the image wrapper */
    width: 5px; /* Thickness of the line */
    height: 100%; /* Full height of the image wrapper */
    background-color: #007bff; /* Blue color */
    z-index: 3; /* Above the image */
}

.blue-line-horizontal {
    position: absolute;
    bottom: 20px; /* Position from the bottom edge of the image wrapper */
    left: 0;
    width: 100%; /* Full width of the image wrapper */
    height: 5px; /* Thickness of the line */
    background-color: #007bff; /* Blue color */
    z-index: 3; /* Above the image */
}

/* Play Button */
.testimonial-play-button {
    position: absolute;
    bottom: 30px; /* Adjust as needed */
    left: 50%;
    transform: translateX(-50%);
    width: 80px; /* Size of the button */
    height: 80px;
    background-color: #007bff; /* Blue background */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 5; /* Ensure it's above other elements */
    box-shadow: 0 0 0 10px rgba(0, 123, 255, 0.3); /* Outer glow */
}

.testimonial-play-button i {
    font-size: 30px;
    color: #fff;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1199.98px) {
    .testimonial-content-left {
        padding: 20px 20px 20px 0; /* Adjust padding for smaller XL screens */
    }

    .testimonial-section-custom .main-title {
        font-size: 42px;
    }

    .testimonial-quote-title {
        font-size: 28px;
    }
}

@media (max-width: 991.98px) {
    .testimonial-content-left,
    .testimonial-image-wrapper {
        text-align: center;
    }

    .testimonial-content-left {
        padding: 40px 15px; /* More symmetrical padding on medium screens */
    }

    .testimonial-image-wrapper {
        margin-top: 30px; /* Add space between text and image on stacked layout */
        min-height: auto;
    }

    .testimonial-section-custom .main-title {
        font-size: 38px;
        margin-bottom: 30px;
    }

    .testimonial-quote-title {
        font-size: 24px;
    }

    .testimonial-text {
        font-size: 16px;
    }

    /* Adjust arrow positioning for stacked layout */
    .custom-carousel-arrow {
        top: auto;
        bottom: -25px; /* Position below the content */
        transform: none;
        margin: 0 5px;
    }

    .carousel-control-prev.custom-carousel-arrow {
        left: 35%; /* Adjust to center them below content */
        right: auto;
    }

    .carousel-control-next.custom-carousel-arrow.right-arrow {
        right: 35%; /* Adjust to center them below content */
        left: auto;
    }

    .blue-line-vertical, .blue-line-horizontal {
        display: none; /* Hide lines on smaller screens if they don't fit well */
    }

    .testimonial-play-button {
        bottom: 10px; /* Adjust for responsiveness */
        width: 60px;
        height: 60px;
    }

    .testimonial-play-button i {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    .testimonial-section-custom {
        padding: 50px 0;
    }

    .testimonial-section-custom .main-title {
        font-size: 30px;
    }

    .testimonial-quote-title {
        font-size: 22px;
    }

    /* Further adjust arrow positioning for small screens */
    .carousel-control-prev.custom-carousel-arrow {
        left: 30%;
    }

    .carousel-control-next.custom-carousel-arrow.right-arrow {
        right: 30%;
    }
}





/* testimonial */

.testimonial-play-button {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #0d2b5b;
  color: white;
  padding: 12px 16px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
}

.carousel-icon {
  font-size: 24px;
  color: #0d2b5b;
  font-weight: bold;
}

.custom-carousel-arrow {
  background: transparent;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
}

.carousel-control-prev {
  left: -20px;
}

.carousel-control-next.right-arrow {
  right: -20px;
}


/* testimonial */





/* corporate real estimate */

@media (max-width: 767.98px) {
   .projects-title,
.projects-tabs,
.projects-desc {
  text-align: center;
  margin-top: 50px !important;
}

  }

/* corporate real estimate */




/* video */


@media (max-width: 992px) {
  .play-button .pbmit-icon {
    padding: 25px;
    font-size: 18px;
    margin-top: 95px !important;
  }
}

/* Small Devices */
@media (max-width: 576px) {
  .play-button .pbmit-icon {
    padding: 20px;
    font-size: 16px;
    margin-top: 60px;
  }
}

/* video */

@media (max-width: 576px) {
  .service-nav {
    gap: 10px;
    margin-top: 0.5rem !important;
    top: 983px;
  }
}




@media (max-width: 767px) {
    .service-one {
        padding: 90px 0px 50px 0px;
        height: 1110px !important;
    }
}


.testimonial-image-wrapper {
  position: relative;
}

/* Play button styling */
.testimonial-play-button {
  position: absolute;
  bottom: 70px;
  right: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  left: 1190px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: transform 0.2s ease;
}

.testimonial-play-button i {
  color: #1e4dd8;
  font-size: 20px;
}

.testimonial-play-button:hover {
  transform: scale(1.1);
}
.testimonial-image-wrapper {
  position: relative;
  width: 100%;
}



.testimonial-play-button:hover {
  transform: scale(1.1);
}

/* Responsive positioning */
@media (max-width: 768px) {
  .testimonial-play-button {
    bottom: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
  }

  .testimonial-play-button i {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .testimonial-play-button {
    bottom: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
  }

  .testimonial-play-button i {
    font-size: 16px;
  }
}
.testimonial-section-custom {
  background-color: #b0c1da; /* default light background */
  transition: background-color 0.3s ease;
}

.testimonial-section-custom:hover {
  background-color: #001f4d !important; /* navy blue on hover */
}

.testimonial-section-custom:hover .testimonial-item-inner,
.testimonial-section-custom:hover h1,
.testimonial-section-custom:hover h3,
.testimonial-section-custom:hover p {
  color: white !important; /* ensure text stays visible */
}


.containerbag {
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  padding: 5px 0;
  height: 80px;
  max-width: 2500px !important;
  width: 100%;

}



/* <!-- 10,000+ properties --> */



 .stats-section {
  padding-top: 0rem !important;
    padding: 3rem 1rem;
    background-color: #f9f9f9;
    text-align: center;
  
  }

  .stats-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5.5rem;
      position: relative;
    bottom: 25px !important;
  }

  .stat-box {
    background-color: #fff;
    padding: 0.5rem 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    min-width: 220px;
    max-width: 270px;
    min-height: 95px !important;
    height: 90px !important;
    transition: transform 0.3s;
  }

  .stat-box:hover {
    transform: translateY(-5px);
  }

  .stat-box h2 {
    font-size: 1.7rem;
    color: #2563eb;
    margin-bottom: 0rem;
  }

  .stat-box p {
    font-size: 0.9rem;
    color: #333;
    font-weight: 500;
  }

  .explore-btn-wrap {
    margin-top: 2rem;
  }

  .explore-btn {
    padding: 1rem 2rem;
    font-size: 1.3rem;
    background-color: #0a58ca;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    transition: background-color 0.3s ease;
  }

  .explore-btn:hover {
    background-color: #fff !important;
      color: navy !important;
      border: 1px solid rgb(192, 173, 173);
  }

  .btnnew:hover{
 background-color: #fff !important;
      color: #1d3557 !important;
      border: 1px solid rgb(192, 173, 173);
  }

  /* WhatsApp Floating Button */
  .whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
  }

  .whatsapp-float:hover {
    transform: scale(1.1);
  }

  .whatsapp-float img {
    width: 40px;
    height: 40px;
    display: block;
  }
  /* @media (max-width: 767px) {
     .pbmit-slider-three .pbmit-slider-item{

     height: 535px !important;
    }
  } */

 
  /* Responsive */
  @media (max-width: 768px) {
    .stat-box {
      flex: 1 1 40%;
    }
  }

  @media (max-width: 480px) {
    .stat-box {
      flex: 1 1 80%;
    }

    .explore-btn {
      width: 100%;
    }
  }


.whatsapp-round {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  background-color: #25d366;
  border-radius: 50%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}

.whatsapp-round img {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1);
}

.whatsapp-round:hover {
  transform: translateY(-50%) scale(1.1);
}



/* <!-- 10,000+ properties --> */



/* <!-- our success --> */


.success-numbers-section {
  background-color: #f8f9fb;
}

.section-title {
  font-weight: 700;
  font-size: 2rem;
}

.section-subtitle {
  color: #6c757d;
  font-size: 1.25rem;
  font-weight: 400;
}

.stat-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
}

.stat-card:hover {
  transform: translateY(-5px);
}

.stat-icon {
  font-size: 24px;
  color: #3b82f6; /* sky blue */
  margin-bottom: 10px;
}

.stat-card h4 {
  font-size: 1.5rem;
  margin: 0;
}

.stat-card p {
  color: #555;
  margin: 5px 0 0;
  font-size: 0.95rem;
}

.bottom-highlights {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  padding: 20px;
  gap: 20px;
}

@media (max-width: 767px) {
  .stat-card {
    padding: 15px;
  }

  .stat-card h4 {
    font-size: 1.2rem;
  }

  .bottom-highlights {
    flex-direction: column;
    text-align: center;
  }
}



/* <!-- our success --> */

h2 {
  font-weight: 600;
  font-size: 2rem;
  color: #222;
}




/* Overall section styling to match image_a901c2.png */
.bg-blue-600 { /* This class name suggests Tailwind, but we'll define direct styles for exact match */
    background-color: #f7f9fc; /* Light background color from screenshot */
    padding: 30px 20px; /* Adjusted padding to match screenshot */
    border-radius: 10px; /* Rounded corners from screenshot */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Subtle shadow from screenshot */
    margin: 20px auto; /* Center the box and add some margin */
    max-width: 800px; /* Set a max-width for the container */
    width: 90%; /* Adjust width to make it responsive */
}

.max-w-2xl {
    max-width: 100%; /* Override Tailwind default if present to allow custom width */
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

/* Heading styles */
.text-xl { /* Assuming this class is for the main heading */
    font-size: 1.8rem; /* Adjusted font size for heading */
    font-weight: 600; /* Semi-bold font weight */
    color: #333d4b; /* Darker text color from screenshot */
    margin-bottom: 10px;
}

/* Paragraph text styles */
.text-blue-100 { /* Assuming this class is for the paragraph text */
    font-size: 1rem; /* Adjusted font size for paragraph */
    color: #6a7482; /* Greyish text color from screenshot */
    line-height: 1.6;
    margin-top: 10px; /* Adjusted margin-top */
}

/* Button container margin */
.mt-6 {
    margin-top: 25px; /* Adjusted margin-top for button container */
}

/* Button styling to match image_a901c2.png */
.inline-block {
    display: inline-block;
}

.bg-white { /* This class name suggests Tailwind, but we'll define direct styles for exact match */
    background-color: #007bff; /* Blue background for the button */
    color: #ffffff; /* White text color for the button */
    padding: 12px 30px; /* Adjusted padding for button size */
    border-radius: 6px; /* Slightly rounded corners for the button */
    font-weight: 500; /* Medium font weight */
    text-decoration: none; /* Remove underline from link */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 123, 255, 0.3); /* Subtle blue shadow for the button */
    border: none; /* Ensure no border */
    font-size: 1rem; /* Adjust font size */
}

.bg-white:hover { /* Hover state for the button */
    background-color: #0056b3; /* Darker blue on hover */
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.4); /* Slightly larger shadow on hover */
}

/* Responsive adjustments (optional, if you want specific behavior on smaller screens) */
@media (max-width: 640px) {
    .bg-blue-600 {
        padding: 20px 15px;
    }
    .text-xl {
        font-size: 1.5rem;
    }
    .text-blue-100 {
        font-size: 0.9rem;
    }
    .bg-white {
        padding: 10px 25px;
        font-size: 0.9rem;
    }
}




.inline-block{
  color: white;
  background-color: #004ecc !important;
  border-radius: 10px;
}


/* service */

/* General Styles */
.services-section {
  background-color: #f9fbfc;
  padding: 4rem 1rem;
  font-family: 'Segoe UI', sans-serif;
  text-align: center;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
}

.section-description {
  margin-top: 0.75rem;
  color: #6b7280;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Service Cards */
.services-cards {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
}

.service-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 1.75rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  text-align: left;
  transition: transform 0.2s;
}

.service-card:hover {
  transform: translateY(-5px);
}

.service-card .icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.service-card h3 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #111827;
}

.service-card p {
  color: #6b7280;
  font-size: 0.95rem;
  margin-bottom: 1rem;
}

.learn-more {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}

.learn-more:hover {
  text-decoration: underline;
}

/* CTA Section */
.cta-box {
  margin-top: 3rem;
  background: linear-gradient(to right, #0067fa, #1d4ed8);
  border-radius: 12px;
  padding: 2rem 1.5rem;
  color: #fff;
  text-align: center;
}

.cta-box h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.cta-box p {
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
}

.cta-button {
  background-color: #fff;
  color: #1d4ed8;
  font-weight: 600;
  padding: 0.6rem 1.25rem;
  border-radius: 9999px;
  text-decoration: none;
  display: inline-block;
}

.cta-button:hover {
  background-color: #e0e7ff;
}


/* service */



/* <!-- testimonial --> */

.client-voices {
  background-color: #f9fafb;
}

.text-purple {
  color: #7c3aed;
}

.testimonial-card {
  transition: transform 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-4px);
}

/* Responsive spacing */
@media (max-width: 767px) {
  .trust-metrics .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}



/* <!-- testimonial --> */



/* map */

.map-section {
  background-color: #f9fafb;
}

.map-card {
  max-width: 100%;
}

/* For small devices: responsive padding */
@media (max-width: 767px) {
  .map-card {
    padding: 1rem;
  }
}


/* map */



/* developement */

.property-categories {
  background: #f9fafb;
  padding: 3rem 1rem;
}

.property-categories h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.property-categories .text-muted {
  color: #6b7280;
  font-size: 1rem;
}

.grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}

/* Responsive Breakpoints */
@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.property-card {
  background: white;
  border-radius: 10px;
  /* padding: 1rem; */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s;
}

.property-card:hover {
  transform: translateY(-4px);
}

.property-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 8px;
}

.property-card h6 {
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.property-card p {
  font-size: 0.9rem;
  color: #4b5563;
  flex-grow: 1;
  text-align: left;
}

.property-card a {
  text-decoration: none;
  color: #2563eb;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  margin-right: auto !important;
}

.property-card.large {
  background: #f3f4f6;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}



/* developement */

.development-section {
  background: #fff;
  padding: 3rem 1rem;
}

.section-title {
  font-size: 2.3rem !important;
  font-weight: 400 !important;
  color: #111827;
}

.dev-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

/* Tablet: 2 Columns */
@media (min-width: 768px) {
  .dev-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop: 3 Columns */
@media (min-width: 1024px) {
  .dev-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.dev-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}

.dev-card:hover {
  transform: translateY(-4px);
}

.dev-img-wrap {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

.badge {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #facc15;
  color: #1e3a8a;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 5px;
}

.dev-card-content {
  padding: 1rem;
}

.dev-card-content h5 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  color: #111827;
}

.dev-card-content p {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.5;
}

.dev-card-content a {
  display: inline-block;
  margin-top: 0.75rem;
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.text-card {
  background: #f9fafb;
}








/* buy/sell */



.buy-sell-section {
  background: #fff;
  padding: 3rem 1rem;
}

.section-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: #111827;
}

.buy-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

/* Tablet: 2 Columns */
@media (min-width: 768px) {
  .buy-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop: 3 Columns */
@media (min-width: 1024px) {
  .buy-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.buy-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}

.buy-card:hover {
  transform: translateY(-4px);
}

.img-wrap {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

.badge {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #facc15;
  color: #1e3a8a;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 5px;
}

.card-content {
  padding: 1rem;
}

.card-content h5 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  color: #111827;
}

.card-content p {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.5;
}

.card-content a {
  display: inline-block;
  margin-top: 0.75rem;
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.text-card {
  background: #f9fafb;
}


/* buy/sell */





.contact-expert-section {
  background-color: #f9fafb;
  text-align: center;
  padding: 3rem 1rem;
  border-radius: 12px;
  margin: 2rem auto;
  max-width: 960px;
}

.contact-expert-section h4 {
  font-size: 1.25rem;
  color: #111827;
  margin-bottom: 0.5rem;
}

.contact-expert-section p {
  font-size: 0.95rem;
  color: #6b7280;
  margin-bottom: 1.5rem;
}

.contact-btn {
  background-color: #2563eb;
  color: white;
  padding: 0.6rem 1.5rem;
  border-radius: 9999px;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease;
}

.contact-btn:hover {
  background-color: #1e40af;
}






/* Overall Section Container */
.why-choose-us-section {
    background-color: #f7f9fc; /* Light background similar to surrounding areas */
    padding: 60px 0; /* Vertical padding for the section */
}

/* The Main Card Container */
.why-choose-us-card {
    background-color: #ffffff; /* White background for the card */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Subtle shadow */
    padding: 40px 30px; /* Internal padding */
    max-width: 900px; /* Max width for the card */
    margin: 0 auto; 
    height: 150px;/* Center the card horizontally */
}

/* Main Title "Why Choose Ocean @9?" */
.why-choose-us-title {
    font-size: 2rem; /* Font size for the main title */
    font-weight: 600; /* Semi-bold */
    color: #333d4b; /* Dark text color */
    text-align: center;
    margin-bottom: 30px; /* Space below the title */
}

/* Individual Item Styling (e.g., Trusted Expertise, Customer First) */
.why-choose-us-item {
    padding: 0 15px; /* Horizontal padding between columns */
}

.why-choose-us-item .item-title {
    font-size: 1.1rem; /* Font size for item titles */
    font-weight: 400; /* Semi-bold */
    color: #007bff; /* Blue color for item titles */
    margin-bottom: 10px; /* Space below title */
}

.why-choose-us-item .item-description {
    font-size: 1.0rem; /* Font size for item descriptions */
    color: #6a7482; /* Greyish text color for descriptions */
    line-height: 1.6;
    font-weight: 400;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .why-choose-us-card {
        padding: 30px 20px;
    }
    .why-choose-us-title {
        font-size: 1.7rem;
    }
    .why-choose-us-item {
        margin-bottom: 25px; /* Add spacing between stacked columns */
    }
    .why-choose-us-item:last-child {
        margin-bottom: 0; /* No margin for the last item */
    }
}

@media (max-width: 575.98px) {
    .why-choose-us-title {
        font-size: 1.5rem;
    }
    .why-choose-us-item .item-title {
        font-size: 1rem;
    }
    .why-choose-us-item .item-description {
        font-size: 0.9rem;
    }
}






/* Inside stats grid */
.whatsapp-box-inline {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-top: 1rem;
}

.whatsapp-box-inline {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-top: 1rem;
}

.whatsapp-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background-color: rgb(28, 170, 28); /* Blue */
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  text-decoration: none;
  position: relative;
  left: 30px;
}

.whatsapp-icon-btn:hover {
  background-color: rgb(28, 170, 28);
}

.whatsapp-icon-btn svg {
  width: 34px;
  height: 34px;
}



/* Stat Card Styling */
.stat-card {
  background-color: #fff;
  padding: 2rem;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  height: 100%;
  min-height: 230px;
  transition: transform 0.3s ease;
  margin: 0 20px; /* Add 20px left and right margin */
}

/* Icon Circle Style */
.stat-icon {
  width: 50px !important;
  height: 50px !important;
  background-color: #fff;
  color: #007bff;
  font-size: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem auto;
}

/* Number */
.stat-card h4 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* Text */
.stat-card p {
  font-size: 1rem;
  color: #555;
}

/* Responsive adjustments */
@media (max-width: 576px) {
  .stat-card {
    padding: 1.5rem;
    min-height: 200px;
    margin: 10px 10px; /* smaller margin for mobile */
  }

  .stat-icon {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }

  .stat-card h4 {
    font-size: 1.6rem;
  }
}



.why-choose-section {
  background-color: #f7f8f9; /* subtle light grey background */
}

.why-card {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  max-width: 1000px;
  padding: 1.2rem !important;
}

.why-card h5 {
  font-size: 1rem;
  color: #2563eb;
}

.why-card p {
  font-size: 0.95rem;
  line-height: 1.5;
}







.development-section {
  background: #fff;
}

.dev-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: transform 0.3s ease;
  height: 100%;
}

.dev-card:hover {
  transform: translateY(-4px);
}

.dev-img-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}

.dev-img-wrap img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.icon-circle {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #007bff;
  color: white;
  padding: 10px;
  border-radius: 50%;
  font-size: 16px;
}

.icon-circle.green {
  background: #28a745;
}

.badge-label {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.dev-content {
  padding: 20px;
}

.dev-content h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.dev-content p {
  font-size: 14px;
  color: #555;
}

.learn-more {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: #0067fa;
  font-weight: 500;
  text-decoration: none;
}

.learn-more i {
  margin-left: 5px;
}

/* Text card adjustments */
.text-card {
  padding: 20px;
}

.text-card p {
  font-size: 14px;
  color: #333;
}



.buy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.buy-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: 0.3s ease;
}

.buy-card:hover {
  transform: translateY(-4px);
}

.img-wrap {
  position: relative;
}

.img-wrap img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}

/* Top-left icon */
.img-wrap .icon {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #fff;
  color: #333;
  padding: 6px;
  border-radius: 50%;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Top-right badge */
.img-wrap .badge {
  position: absolute;
  /* top: 10px; */
  right: 10px;
  background: #fff;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Card body */
.card-body {
  padding: 16px 20px;
}

.card-body h6 {
  font-weight: 600;
  margin-bottom: 8px;
}

.card-body p {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 10px;
}

.card-body a {
  font-size: 0.9rem;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
}

.buy-card.text-block {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  background: #f8f9fb;
}
.buy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 in a row */
  gap: 24px;
}

/* Responsive handling */
@media (max-width: 1024px) {
  .buy-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 in a row for tablets */
  }
}

@media (max-width: 767px) {
  .buy-grid {
    grid-template-columns: 1fr; /* 1 in a row for mobile */
  }
}







/* Font Awesome for icons */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

.services-section {
  background-color: #f9fafa;
  padding: 40px 20px 60px;
}

.container {
  max-width: 1140px;
  margin: 0 auto;
}

.section-title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}

.section-description {
  text-align: center;
  font-size: 16px;
  color: #555;
  margin-bottom: 40px;
}

.services-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.service-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  text-align: left;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  transition: 0.3s ease;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.icon-blue {
  background: #e3f0ff;
  color: #1f76d2;
}

.icon-green {
  background: #e3f9ed;
  color: #0db474;
}

.icon-purple {
  background: #f1e8ff;
  color: #9a55d3;
}

.service-card h3 {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 600;
}

.service-card p {
  font-size: 15px;
  color: #444;
  margin-bottom: 16px;
}

.learn-more {
  font-size: 14px;
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.cta-box {
  text-align: center;
  margin-top: 60px;
}

.cta-box h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.cta-box p {
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
}

.cta-button {
  display: inline-block;
  background: #1f76d2;
  color: #fff;
  padding: 10px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
}

/* Responsive Cleanup */
@media (max-width: 767px) {
  .services-cards {
    grid-template-columns: 1fr;
  }

  .section-title {
    font-size: 24px;
  }

  .cta-box h3 {
    font-size: 20px;
  }
}


.service-card{
  height: 280px !important;
}



.property-categories {
  padding: 60px 0;
  background: #f8f9fb;
}

.container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.section-title,
.section-description {
  text-align: center;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
}

.section-description {
  font-size: 16px;
  color: #666;
  margin-bottom: 40px;
}

.category-heading {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}

.property-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.property-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: 0.3s ease;
}

.property-card:hover {
  transform: translateY(-5px);
}

.img-wrap {
  position: relative;
  height: 180px;
  overflow: hidden;
}

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

.icon-circle {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}

/* Icon Colors */
.icon-circle.green { background: #28a745; }
.icon-circle.blue { background: #007bff; }
.icon-circle.purple { background: #6f42c1; }
.icon-circle.orange { background: #fd7e14; }
.icon-circle.red { background: #dc3545; }
.icon-circle.teal { background: #20c997; }

.badge {
  position: absolute;
  /* top: 12px; */
  right: 12px;
  background: #fff;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  color: #333;
}

.property-card h4 {
  font-size: 18px;
  margin: 16px;
  margin-bottom: 8px;
}

.property-card p {
  font-size: 14px;
  color: #555;
  margin: 0 16px 16px;
}

.property-card a {
  display: inline-block;
  margin: 0 16px 16px;
  color: #2563eb;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}

.venture-card img {
  width: 100%;
  height: 400px;
  border-radius: 12px;
  object-fit: cover;
}




.map-responsive {
  width: 100%;
  height: 300px;
  position: relative;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


@media (max-width: 768px) {
  .pbmit-slider-content h2 {
    font-size: 1.8rem;
    text-align: center;
  }
  .pbmit-slider-content p {
    text-align: center;
  }
  .pbmit-button {
    text-align: center;
  }
}




.our-values-section {
  background-color: #f8f9fa;
}

.value-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  /* padding: 15px; */
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

.value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.value-img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 12px;
}

.value-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1d3557;
  margin: 10px;
}







/* Overall Section */
.our-journey-section {
    background-color: #f7f9fc; /* Light background for the section */
    padding: 80px 0;
    overflow: hidden; /* Ensure content doesn't bleed */
}

/* Section Title and Subtitle */
.our-journey-section .section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333d4b;
    margin-bottom: 10px;
}

.our-journey-section .section-subtitle {
    font-size: 1rem;
    color: #6a7482;
    max-width: 700px;
    margin: 0 auto 60px auto;
    line-height: 1.6;
}

/* Timeline Container */
.timeline {
    position: relative;
    max-width: 1200px; /* Limit timeline width */
    margin: 0 auto;
    padding: 0 15px; /* Add some horizontal padding */
}

/* Vertical Line in the Timeline */
.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #d1d9e6; /* Light grey line */
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px; /* Center the line */
    z-index: 0;
}

/* Individual Timeline Item */
.timeline-item {
    padding: 10px 0;
    position: relative;
    width: 50%;
    margin-bottom: 40px; /* Space between items */
    z-index: 1; /* Ensure content is above the line */
    display: flex; /* Use flex to align icon and image */
    align-items: center; /* Vertically align image and icon */
}

.timeline-item.left {
    left: 0;
    padding-right: 120px; /* Space for icon and line */
    flex-direction: row; /* Content | Icon | Image */
}

.timeline-item.right {
    left: 50%;
    padding-left: 120px; /* Space for icon and line */
    flex-direction: row-reverse; /* Image | Icon | Content */
}

/* Timeline Content Card */
.timeline-content.card {
    background-color: #ffffff; /* White card background */
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Subtle shadow */
    padding: 20px 25px;
    position: relative;
    flex-grow: 1; /* Allow content to take available space */
}

.timeline-content .timeline-year {
    font-size: 0.9rem;
    font-weight: 600;
    color: #007bff; /* Blue year text */
    margin-bottom: 5px;
}

.timeline-content .timeline-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333d4b; /* Dark title text */
    margin-bottom: 10px;
}

.timeline-content .timeline-description {
    font-size: 0.9rem;
    color: #6a7482; /* Grey description text */
    line-height: 1.6;
    margin-bottom: 0;
}

/* Timeline Icon */
.timeline-icon {
    width: 60px; /* Width for the circular icon background */
    height: 60px; /* Height for the circular icon background */
    background-color: #ffffff; /* White background for the circle */
    border-radius: 50%;
    border: 2px solid #e0e6f0; /* Light blue border */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2; /* Bring icon to front */
}

.timeline-item.left .timeline-icon {
    right: -30px; /* Position to the right of the left item, overlapping the line */
}

.timeline-item.right .timeline-icon {
    left: -30px; /* Position to the left of the right item, overlapping the line */
}

.timeline-icon img {
    width: 30px; /* Size of the actual icon image */
    height: 30px;
    object-fit: contain;
}

/* Timeline Image */
.timeline-image {
    width: 150px; /* Width for the image */
    height: 150px; /* Height for the image */
    border-radius: 10px; /* Rounded corners for the image */
    overflow: hidden;
    flex-shrink: 0; /* Prevent image from shrinking */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Shadow for the image */
}

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

.timeline-item.left .timeline-image {
    margin-left: 20px; /* Space between content and image for left items */
}

.timeline-item.right .timeline-image {
    margin-right: 20px; /* Space between content and image for right items */
}


/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .our-journey-section .section-title {
        font-size: 2rem;
    }
    .our-journey-section .section-subtitle {
        font-size: 0.9rem;
        margin-bottom: 40px;
    }
    .timeline::after {
        left: 30px; /* Move line to the left for single column layout */
        margin-left: 0;
    }
    .timeline-item {
        width: 100%;
        padding-left: 80px; /* Adjust padding for all items */
        padding-right: 0;
        flex-direction: row; /* All items become left-aligned */
        margin-bottom: 30px; /* Reduce space between items */
    }
    .timeline-item.right {
        left: 0; /* Reset left position for right items */
    }
    .timeline-item.left .timeline-icon,
    .timeline-item.right .timeline-icon {
        left: 0; /* Align icon to the left line */
        right: auto;
        transform: translateY(-50%) translateX(-50%); /* Center icon on the line */
    }
    .timeline-icon {
        width: 50px;
        height: 50px;
    }
    .timeline-icon img {
        width: 25px;
        height: 25px;
    }
    .timeline-content.card {
        padding: 15px 20px;
        margin-right: 15px; /* Space between card and image */
    }
    .timeline-image {
        width: 120px; /* Smaller images */
        height: 120px;
    }
    .timeline-item.left .timeline-image,
    .timeline-item.right .timeline-image {
        margin-left: 0; /* Remove specific margins */
        margin-right: 0;
    }
}

@media (max-width: 767.98px) {
    .our-journey-section {
        padding: 40px 0;
    }
    .our-journey-section .section-title {
        font-size: 1.8rem;
    }
    .timeline-item {
        padding-left: 70px;
        margin-bottom: 25px;
    }
    .timeline-icon {
        width: 45px;
        height: 45px;
    }
    .timeline-icon img {
        width: 22px;
        height: 22px;
    }
    .timeline-content .timeline-year,
    .timeline-content .timeline-title {
        font-size: 1rem;
    }
    .timeline-content .timeline-description {
        font-size: 0.8rem;
    }
    .timeline-image {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 575.98px) {
    .our-journey-section .section-title {
        font-size: 1.6rem;
    }
    .timeline-item {
        padding-left: 60px;
        margin-bottom: 20px;
    }
    .timeline-icon {
        width: 40px;
        height: 40px;
    }
    .timeline-icon img {
        width: 20px;
        height: 20px;
    }
    .timeline-content.card {
        padding: 12px 15px;
    }
    .timeline-image {
        width: 80px;
        height: 80px;
    }
}






/* Background swirl image */
.footer-section {
  position: relative;
  background-color: #0b1625; /* fallback color */
  color: #cfd8e3;
  padding: 35px 20px 30px;
  overflow: hidden;
  font-family: 'Segoe UI', sans-serif;
}

/* Add the background image with opacity */
.footer-section::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: url('../images/footerlogo.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.3;  /* adjust opacity here */
  z-index: 0;
}

/* Make sure content is above the background image */
.footer-section > .footer-container {
  position: relative;
  z-index: 1;
}


.footer-container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
}

.footer-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
}

.footer-column {
  flex: 1 1 220px;
  min-width: 220px;
}

.footer-title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 15px;
}

.footer-subtitle {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
}

.footer-column p,
.footer-column li,
.footer-column a {
  font-size: 14px;
  color: #cfd8e3;
  line-height: 1.6;
  text-decoration: none;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column a:hover {
  color: #00aaff;
}

.footer-socials a {
  margin-right: 10px;
  color: #fff;
  font-size: 16px;
  transition: color 0.3s;
  background: #0067fa;
  height: 40px;
  width: 40px;
}

.footer-socials a:hover {
  color: #111;
  background: rgb(245, 229, 229);
}

.footer-contact i {
  margin-right: 10px;
  color: #0067fa;
}

/* Footer Bottom */
.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 40px;
  padding-top: 20px;
  font-size: 13px;
}

.footer-bottom a {
  color: #cfd8e3;
  text-decoration: none;
}

.footer-bottom a:hover {
  color: #00aaff;
}

/* Responsive */
@media (max-width: 768px) {
  .footer-columns {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .footer-bottom-left,
  .footer-bottom-center,
  .footer-bottom-right {
    margin-bottom: 5px;
  }
}



.value-card {
  position: relative;
  text-align: center;
}

.value-img-wrap {
  position: relative;
  overflow: hidden;
  height: 200px;
}

.value-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.4s ease;
}

.value-hover-text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  color: #0056b3; /* Blue text */
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  padding: 10px;
  text-align: center;
}

.value-img-wrap:hover .value-img {
  opacity: 0;
}

.value-img-wrap:hover .value-hover-text {
  opacity: 1;
}






body, input, textarea, button, label, h1, h2, h3, h4, h5, h6, p, a {
  font-family: seigoe UI system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}







/* Reset default margin and padding */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



/* Container full width with no side padding */
.container {
  /* max-width: 100%; */
  padding: 0 20px;
  margin: 0 auto;
}

/* Contact Section */
.contact-section {
  /* background: #f9fafb; */
  padding: 50px 0 70px;
  text-align: center;
}

.contact-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.2;
  color: #203354;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Form styling */
.contact-form {
  max-width: 600px;
  margin: 0 auto 50px;
  text-align: left;
}

.contact-form label {
  display: block;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 5px;
  color: #203354;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid #0a5fff;
  border-radius: 4px;
  font-size: 14px;
  color: #222;
  margin-bottom: 18px;
  font-family: inherit;
  resize: none;
  transition: border-color 0.3s ease;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #666;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #084fcc;
}

/* Submit button */
.submit-btn {
  background-color: #0a5fff;
  color: white;
  font-weight: 600;
  font-size: 13px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  transition: all 0.3s ease;
}

.submit-btn:hover,
.submit-btn:focus {
  background-color: white;
  color: #000;
  border: 1.5px solid #0a5fff;
}

/* Clear float after button */
.contact-form::after {
  content: "";
  display: table;
  clear: both;
}

/* Info cards container */
.info-cards {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* Individual info card */
.info-card {
  background: white;
  border: 1.5px solid #0a5fff;
  border-radius: 6px 6px 8px 8px;
  width: 200px;
  height: 90px;
  box-shadow: 0 4px 8px rgb(10 95 255 / 0.15);
  text-align: center;
  padding-bottom: 12px;
  font-size: 14px;
}

.info-card h4 {
  background-color: #0a5fff;
  color: white;
  font-weight: 700;
  margin: 0;
  padding: 0px 0;
  font-size: 19px;
  border-radius: 6px 6px 0 0;
}

.info-card p {
  padding: 12px 10px 0;
  color: #203354;
  line-height: 1.3;
  font-weight: 600;
}

/* Big footer box */
.contact-footer-box {
  max-width: 650px;
  margin: 0 auto;
  background-color: #0a5fff;
  color: white;
  font-weight: 700;
  font-size: 18px;
  padding: 26px 20px;
  border-radius: 10px;
  line-height: 1.3;
  user-select: none;
  text-align: center;
  white-space: pre-line; /* to keep line breaks */
}

/* Responsive */
@media (max-width: 768px) {
  .info-cards {
    flex-direction: column;
    gap: 20px;
  }
  
  .info-card {
    width: 100%;
    max-width: 350px;
  }

  .contact-form {
    max-width: 100%;
  }

  .submit-btn {
    float: none;
    width: 100%;
  }
}




/* Container to center content and add space */
.container {
  /* max-width: 100%; */
  padding: 0 30px;  /* Added more space on left and right */
  margin: 0 auto;
}

/* Contact Section */
.contact-section {
  /* background: #f9fafb; */
  padding: 50px 0 70px;
  text-align: center;
}

.contact-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.2;
  color: #203354;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Form Styling */
.contact-form {
  max-width: 600px;
  margin: 0 auto 50px;
  text-align: left;
}

.contact-form label {
  display: block;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 5px;
  color: #203354;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid #0a5fff;
  border-radius: 4px;
  font-size: 14px;
  color: #222;
  margin-bottom: 18px;
  font-family: inherit;
  resize: none;
  transition: border-color 0.3s ease;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #666;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #084fcc;
}

/* Submit button */
.submit-btn {
  background-color: #0a5fff;
  color: white;
  font-weight: 600;
  font-size: 13px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  transition: all 0.3s ease;
}

.submit-btn:hover,
.submit-btn:focus {
  background-color: white;
  color: #000;
  border: 1.5px solid #0a5fff;
}

/* Clear float after button */
.contact-form::after {
  content: "";
  display: table;
  clear: both;
}

/* Info Cards Container */
.info-cards {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Individual Info Card */
.info-card {
  background: white;
  border: 1.5px solid #0a5fff;
  border-radius: 6px 6px 8px 8px;
  width: 180px;  /* Reduced width */
  box-shadow: 0 4px 8px rgb(10 95 255 / 0.15);
  text-align: center;
  padding: 12px; /* Reduced padding */
  font-size: 13px; /* Reduced font size */
  transition: all 0.3s ease;
}

.info-card:hover {
  background-color: #0a5fff;
  color: white;
}

.info-card h4 {
  background-color: #0a5fff;
  color: white;
  font-weight: 700;
  margin: 0;
  padding: 8px 0;
  border-radius: 6px 6px 0 0;
  font-size: 14px;
  transition: background-color 0.3s ease;
  height: 66px;
}

.info-card:hover h4 {
  background-color: white;
  color: #0a5fff;
}

.info-card p {
  padding: 12px 10px 0;
  color: #203354;
  line-height: 1.3;
  font-weight: 600;
}

/* Contact Footer Box */
.contact-footer-box {
  max-width: 650px;
  margin: 0 auto;
  background-color: #0a5fff;
  color: white;
  font-weight: 700;
  font-size: 18px;
  padding: 26px 20px;
  border-radius: 10px;
  line-height: 1.3;
  user-select: none;
  text-align: center;
  white-space: pre-line;
}

/* Responsive */
@media (max-width: 768px) {
  .info-cards {
    flex-direction: column;
    gap: 20px;
  }

  .info-card {
    width: 100%;
    max-width: 350px;
  }

  .contact-form {
    max-width: 100%;
  }

  .submit-btn {
    float: none;
    width: 100%;
  }
}






.client-voices-section {
  background: #f9fafb;
  padding: 60px 20px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  color: #444;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
}

.section-title {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 8px;
  color: #2e2e2e;
}

.section-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: #777;
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.testimonials {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin-bottom: 50px;
}

.testimonial-card {
  background: #fff;
  box-shadow: 0 2px 12px rgb(0 0 0 / 0.06);
  border-radius: 12px;
  padding: 28px 30px 36px;
  width: 100%;
  max-width: 480px;
  position: relative;
  text-align: left;
}

.quote-icon {
  font-size: 36px;
  font-weight: 700;
  color: #0067fa; /* blue quotes */
  margin-bottom: 20px;
  user-select: none;
  font-family: Georgia, serif;
}

.testimonial-text {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 24px;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 16px;
}

.testimonial-author img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-author strong {
  font-weight: 600;
  color: #222;
}

.testimonial-author span {
  font-size: 12px;
  color: #999;
}

.trusted-stats {
  /* background: #fff; */
  max-width: 700px;
  margin: 0 auto;
  padding: 25px 30px;
  border-radius: 12px;
  box-shadow: 0 2px 15px rgb(0 0 0 / 0.05);
  display: flex;
  justify-content: space-around;
  text-align: center;
  gap: 15px;
}

.stat-item h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px;
}

.stat-item p {
  font-size: 13px;
  font-weight: 500;
  color: #777;
}

.stat-item:nth-child(1) h3 {
  color: #3a6ff5; /* blue */
}

.stat-item:nth-child(2) h3 {
  color: #27ae60; /* green */
}

.stat-item:nth-child(3) h3 {
  color: #a463f2; /* purple */
}

/* Responsive */
@media (max-width: 768px) {
  .testimonials {
    flex-direction: column;
    align-items: center;
  }
  
  .testimonial-card {
    max-width: 90%;
  }
  
  .trusted-stats {
    flex-direction: column;
    gap: 20px;
  }
}




.quote-icon {
  font-size: 70px;              /* Bigger symbols */
  font-weight: bold;
  color: #007bff;               /* Blue color */
  line-height: 1.1;             /* Tight spacing between lines */
  text-align: center;
  display: inline-block;
  font-family: Georgia, serif;  /* Elegant curved quotes */
  white-space: pre-line;        /* Allows line breaks with <br> */
}




/* animations */



/* 10000 properties */


/* Initial state */
.stats-section .stat-box,
.stats-section .explore-btn-wrap {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}

/* Visible state */
.stats-section .stat-box.animate-in,
.stats-section .explore-btn-wrap.animate-in {
  opacity: 1;
  transform: translateY(0);
}


/* 10000 properties */



/* our milestone */


/* ======= Milestone Animation Styles ======= */
.milestone-section .milestone-heading,
.milestone-section .milestone-list,
.milestone-section .pbmit-btn-wrapper,
.milestone-section .swiper {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-in-out;
}

.milestone-section.animate-in .milestone-heading,
.milestone-section.animate-in .milestone-list,
.milestone-section.animate-in .pbmit-btn-wrapper,
.milestone-section.animate-in .swiper {
  opacity: 1;
  transform: translateY(0);
}

/* Subtle image animation inside swiper */
.animated-photo {
  transition: transform 1.2s ease, opacity 1.2s ease;
  opacity: 0;
  transform: scale(0.95);
}

.milestone-section.animate-in .animated-photo {
  opacity: 1;
  transform: scale(1);
}

/* Optional stagger effect (delay for smoother visuals) */
.milestone-section.animate-in .milestone-heading {
  transition-delay: 0.1s;
}
.milestone-section.animate-in .milestone-list {
  transition-delay: 0.3s;
}
.milestone-section.animate-in .pbmit-btn-wrapper {
  transition-delay: 0.5s;
}
.milestone-section.animate-in .swiper {
  transition-delay: 0.6s;
}



/* our milestone */




/* our success */

@keyframes fallFromTop {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.stat-card {
  opacity: 0;
  transform: translateY(-100px);
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.stat-card.animate {
  animation: fallFromTop 0.6s ease-out forwards;
}

.success-numbers-section .row .col-6:nth-child(1) .stat-card { animation-delay: 0.1s; }
.success-numbers-section .row .col-6:nth-child(2) .stat-card { animation-delay: 0.3s; }
.success-numbers-section .row .col-6:nth-child(3) .stat-card { animation-delay: 0.5s; }
.success-numbers-section .row .col-6:nth-child(4) .stat-card { animation-delay: 0.7s; }
.success-numbers-section .row .col-6:nth-child(5) .stat-card { animation-delay: 0.9s; }
.success-numbers-section .row .col-6:nth-child(6) .stat-card { animation-delay: 1.1s; }



/* our success */




/* why choose section */

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.why-choose-section .col-md-4 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease-out;
}

.why-choose-section .col-md-4.animate {
  animation: fadeUp 0.8s ease-out forwards;
}

/* Delay for each column */
.why-choose-section .col-md-4:nth-child(1) { animation-delay: 0.1s; }
.why-choose-section .col-md-4:nth-child(2) { animation-delay: 0.3s; }
.why-choose-section .col-md-4:nth-child(3) { animation-delay: 0.5s; }



/* why choose section */




/* property categories */


@keyframes slideFadeUpProperty {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.property-categories .property-card {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s ease-out;
  will-change: transform, opacity;
}

.property-categories .property-card.animate-property {
  animation: slideFadeUpProperty 0.8s ease forwards;
}

/* Optional staggered effect */
.property-categories .property-card:nth-child(1) { animation-delay: 0.1s; }
.property-categories .property-card:nth-child(2) { animation-delay: 0.2s; }
.property-categories .property-card:nth-child(3) { animation-delay: 0.3s; }
.property-categories .property-card:nth-child(4) { animation-delay: 0.4s; }
.property-categories .property-card:nth-child(5) { animation-delay: 0.5s; }
.property-categories .property-card:nth-child(6) { animation-delay: 0.6s; }




.property-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 1;
}

/* Hover animation: lift card slightly up */
.property-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.property-card .img-wrap img {
  transition: transform 0.3s ease;
}

.property-card:hover .img-wrap img {
  transform: scale(1.02);
}


/* property categories */



/* developement */

/* Initial hidden state for animation */
.dev-card {
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* When card becomes visible on scroll */
.dev-card.dev-animate {
  opacity: 1;
  transform: translateY(0);
}

/* Hover effect for lift animation */
.dev-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}



/* developement */



/* buy/sell */

/* Initial state */
.buy-card {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Animated state */
.buy-card.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Hover lift effect */
.buy-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* buy/sell */




/* cant find section */

.contact-expert-section {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.contact-expert-section.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Optional: Hover effect on button */
.contact-btn {
  transition: transform 0.3s ease;
}

.contact-btn:hover {
  transform: translateY(-3px);
}


/* cant find section */


/* your journey to our success */



.video-section-one {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease, transform 1s ease;
}

.video-section-one.animate-in {
  opacity: 1;
  transform: translateY(0);
}


/* your journey to our success */


/* our services */


.service-card, .cta-box {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.service-card.animate-in,
.cta-box.animate-in {
  opacity: 1;
  transform: translateY(0);

}


/* our services */






/* testimonial */

.testimonial-card, .stat-item {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.testimonial-card.animate-in,
.stat-item.animate-in {
  opacity: 1;
  transform: translateY(0);
}


/* testimonial */


/* find us */

.map-card {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.map-card.animate-in {
  opacity: 1;
  transform: translateY(0);
}


/* find us */



/* our ventues */

.venture-card {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease, scale 0.3s ease;
  transform-origin: center center;
}

/* Animation on scroll */
.venture-card.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Zoom effect on hover */
.venture-card:hover {
  transform: scale(1.05); /* Slight zoom */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* our ventues */



/* discover properties */

/* Initial hidden state */
.property-banner-section .col-lg-6 {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}

/* Visible state */
.property-banner-section .col-lg-6.animate-in {
  opacity: 1;
  transform: translateY(0);
}


/* discover properties */



/* banner image */

/* Zoom-in effect on hover for banner background */
/* .pbmit-slider-item:hover .pbmit-slider-bg {
  transform: scale(1.05);
  transition: transform 0.8s ease;
} */

/* Initial state for smooth transform */
.pbmit-slider-bg {
  transition: transform 0.8s ease;
  transform: scale(1);
}


/* banner image */



.whatsapp-box-inline {
  position: sticky;
  top: 20px;
  z-index: 999;
}



.property-card.large {
  background-color: #ffffff;
  padding: 20px;
  margin: 0; /* Remove default margin */
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}




.ventures-section .venture-cards {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.ventures-section .venture-card {
  width: 370px;  /* Increased width */
  height: 270px; /* Increased height */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  min-width: 370px;
  min-height: 270px;
}

.ventures-section .venture-card img {
  width: 1000px;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* venture crad */

.ventures-section {
  background-color: #f7f9fc;
  padding: 60px 20px;
  text-align: center;
}

.projects-title {
  color: #111;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ventures-subtitle {
  color: #555;
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto 40px auto;
}

.venture-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.venture-card {
  width: 300px;
  height: 200px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.venture-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
}

.venture-card img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}


/* venture crad */



.stats-section {
  background-color: #f8f9fb;
}

.stats-card {
  background: #ffffff;
  border-radius: 20px;
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.text-purple {
  color: #a74dfb;
}

@media (max-width: 768px) {
  .stats-card .col-6 {
    margin-bottom: 20px;
  }


  .ventures-section .venture-cards {
    gap: 70px !important;
  }
}


  .success-numbers-section {
    background-color: #f8f9fb;
  }

  .stat-card {
    background-color: #ffffff;
    border-radius: 14px;
    padding: 30px 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
    height: 100%;
  }

  .stat-card:hover {
    transform: translateY(-6px);
  }

  .stat-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-color: #eeeeee; /* You can customize this */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .stat-icon img {
    width: 27px;
    height: 27px;
    object-fit: contain;
  }

  .stat-card h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222;
  }

  .stat-card p {
    font-size: 14px;
    color: #555;
  }



/* 1st */




  .timeline-section {
  padding: 60px 20px;
  background: #fff;
  font-family: Arial, sans-serif;
  position: relative;
}

.timeline-title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}

.timeline-subtitle {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 40px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.timeline-container {
  display: flex;
  justify-content: space-between;
  position: relative;
}

/* Timeline left structure */
.timeline {
  width: 50%;
  position: relative;
  padding-left: 20px;
  border-left: 2px solid #e0e0e0;
}

.timeline-item {
  margin-bottom: 70px;
  position: relative;
}

.timeline-icon {
  width: 40px;
  height: 40px;
  background: #ccc;
  border-radius: 50%;
  position: absolute;
  left: -21px;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 18px;
}

.timeline-icon.blue { background-color: #2e6fff; }
.timeline-icon.green { background-color: #28a745; }
.timeline-icon.pink { background-color: #e83e8c; }
.timeline-icon.orange { background-color: #fd7e14; }
.timeline-icon.red { background-color: #dc3545; }

.timeline-content {
  margin-left: 30px;
}

.timeline-content h4 {
  margin: 0;
  font-size: 16px;
  color: #888;
}

.timeline-content h5 {
  font-size: 18px;
  margin: 4px 0;
  color: #111;
}

.timeline-content p {
  font-size: 15px;
  color: #555;
}

/* Timeline images C-shape layout */
.timeline-images {
  width: 50%;
  position: relative;
}

.timeline-image {
  position: absolute;
  width: 160px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* C-Shape Positions */
.image-1 { top: 0; right: 0; }
.image-2 { top: 140px; right: 60px; }
.image-3 { top: 280px; right: 120px; }
.image-4 { top: 420px; right: 60px; }
.image-5 { top: 560px; right: 0; }
/* 1st */




/* <section class="timeline-section">
  <h2 class="timeline-title">Our Journey</h2>
  <p class="timeline-subtitle">
    From humble beginnings to Mysuru’s trusted name in real estate.
  </p>

  <div class="timeline-structure">
    <!-- Left Zigzag Texts -->
    <div class="timeline-texts">
      <div class="timeline-box top"> <!-- Zigzag up -->
        <div class="icon blue"><i class="fas fa-rocket"></i></div>
        <h4>2015</h4>
        <h5>Started</h5>
        <p>Ocean 9R was founded to reshape Mysuru’s real estate.</p>
      </div>
      <div class="timeline-box mid"> <!-- Zigzag down -->
        <div class="icon green"><i class="fas fa-link"></i></div>
        <h4>2017</h4>
        <h5>Foundation Laid</h5>
        <p>Laid strong real estate asset base and partnerships.</p>
      </div>
      <div class="timeline-box top">
        <div class="icon pink"><i class="fas fa-expand"></i></div>
        <h4>2019</h4>
        <h5>Expansion</h5>
        <p>Entered residential & commercial markets in Mysuru.</p>
      </div>
      <div class="timeline-box mid">
        <div class="icon orange"><i class="fas fa-cogs"></i></div>
        <h4>2021</h4>
        <h5>Innovation</h5>
        <p>Launched digital property & service platforms.</p>
      </div>
      <div class="timeline-box top">
        <div class="icon red"><i class="fas fa-users"></i></div>
        <h4>2024</h4>
        <h5>Leadership</h5>
        <p>Serving 25,000+ happy families across Mysuru.</p>
      </div>
    </div>

    <!-- Right C-Shape Images -->
    <div class="timeline-images">
      <img src="img1.jpg" class="img img1" />
      <img src="img2.jpg" class="img img2" />
      <img src="img3.jpg" class="img img3" />
      <img src="img4.jpg" class="img img4" />
      <img src="img5.jpg" class="img img5" />
    </div>
  </div>
</section>

 */



 .image-container {
  position: relative;
  overflow: hidden;
}

/* Entire expandable overlay */
.image-overlay-expandable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #0a2b5f;
  color: white;
  transition: max-height 0.4s ease;
  max-height: 90px; /* only top bar visible initially */
  overflow: hidden;
  z-index: 2;
}

/* Expanded state */
.image-overlay-expandable.expanded {
  max-height: 390px; /* adjust based on content */
}

/* Top bar remains fixed */
.top-bar {
  padding: 10px;
  text-align: center;
}

.pbmit-service-title {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #00aaff;
  padding-bottom: 4px;
}

.toggle-arrows {
  font-size: 18px;
  margin-top: 5px;
  letter-spacing: 5px;
  cursor: pointer;
  position: relative;
  bottom: 15px;
}

/* Subheadings inside overlay */
.sub-headings {
  text-align: center;
  margin-top: 10px;
  position: relative;
  bottom: 29px;
}

.sub-headings p {
  margin: 0px 0;
  font-size: 25px;
  font-weight: 500;
  color: white;
}

/* Cross arrow button (unchanged but now toggles) */
.toggle-button {
  position: absolute;
  bottom: 15px;
  right: 15px;
  cursor: pointer;
  z-index: 3;
}
.pbmit-service-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 5; /* ensure it's above other elements */
  display: block;
}
@media (min-width: 992px) {
  .pbmit-service-btn {
    display: block !important;
  }
}



/* 1st secrvive */



/* Top Blue Info Bar */
.info-bar {
  background-color: #dceeff;
  padding: 15px 30px;
  text-align: center;
  font-size: 14px;
  height: 170px;
}

/* Image Section */
.image-wrapper {
  text-align: center;
  padding: 30px 10px;
  height: 790px;
}

.section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  bottom: 90px;
  background-color: white !important;
  border: 1px solid grey ;
  color: grey !important;
}

.section-title.blue {
  color: #1769aa;
}

.main-img {
  width: 100%;
  max-width: 890px !important;
  border-radius: 8px;
  margin: 20px auto;
  display: block;
  height: 450px !important;
}

.sub-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}

.desc {
  max-width: 500px;
  margin: 10px auto;
  font-size: 14px;
  color: #444;
}

/* Slider Section */
.slider-section {
  text-align: center;
  padding: 40px 20px;
  position: relative;
}

/* Arrows */
.slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.slider-wrapper img {
  width: 80%;
  max-width: 400px;
  border-radius: 10px;
}

.arrow {
  font-size: 28px;
  color: #aaa;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
}

.arrow.left {
  left: 10px;
}

.arrow.right {
  right: 10px;
}

/* Dot Navigation */
.dot-nav {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 25px;
  flex-wrap: wrap;
}

.dot-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}

.dot {
  width: 20px !important;
  height: 20px !important;
  background-color: orange;
  border-radius: 50%;
 height: 30px !important;
    width: 30px !important;
    border: 10px solid white !important;
}

.label {
  font-size: 14px;
  color: #333;
  position: relative;
}

/* Hover underline effect */
.dot-item:hover .label::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: orange;
}


/* 1st service */

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Section styling */
.top-section {
  padding: 40px 20px;
  /* min-width: 1600px; */
  max-width: 2000px;
  width: 100%;
  margin: auto;
  position: relative;
  /* height: 300px !important; */
  height: 1000px;
}

/* Top Info Bar */
.info-bar {
  background: #e6f0fa;
  text-align: center;
  padding: 12px 15px;
  font-size: 14px;
  color: #333;
  border-radius: 5px;
  margin-bottom: 30px;
  font-size: 20px;
  color: #0067fa;
}

/* Image and title styling */
.image-wrapper {
  position: relative;
  text-align: center;
}

.section-title {
  font-size: 24px;
  background-color: #d6e6f8;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 8px;
  color: #333;
  margin-bottom: 20px;
}

.subtitle {
  font-size: 16px;
  color: #777;
  margin-bottom: 15px;
}

.main-img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Text content under image */
.sub-title {
  margin-top: 15px;
  font-size: 27px;
  font-weight: 600;
  color: #222;
  text-align: left;
 margin: 20px;
}

.desc {
  font-size: 19px;
  margin-top: 10px;
  color: #444;
  max-width: 90%;
  margin: 20px;
  text-align: left;
}

.section-title1{
  color: #2563eb !important;
  font-weight: 300;
}

/* Dots on image */
.image-with-dots .dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: orange;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}

.image-with-dots .hover-label {
  position: absolute;
  left: 20px;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
  padding: 4px 8px;
  font-size: 12px;
  color: #000;
  white-space: nowrap;
  border-left: 2px solid orange;
  display: none;
}

.image-with-dots .dot:hover .hover-label {
  display: block;
}

/* Arrow Navigation */
.nav-arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  background-color: #004080;
  color: white;
  padding: 12px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  z-index: 999;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.nav-arrow.left {
  left: 20px;
}

.nav-arrow.right {
  right: 20px;
}

@media (max-width: 768px) {
  .section-title {
    font-size: 20px;
  }

  .sub-title {
    font-size: 16px;
  }

  .desc {
    font-size: 13px;
  }

  .nav-arrow {
    padding: 10px;
    font-size: 16px;
  }
}
.image-grid-with-dots {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 1000px;
  margin: 20px auto;
  position: relative;
}

.grid-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.grid-img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* Dots and labels */
.grid-img .dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: orange;
  border-radius: 50%;
  cursor: pointer;
}

.grid-img .hover-label {
  position: absolute;
  left: 20px;
  top: 0;
  background: #fff;
  padding: 4px 8px;
  font-size: 12px;
  color: #000;
  border-left: 2px solid orange;
  white-space: nowrap;
  display: none;
}

.grid-img .dot:hover .hover-label {
  display: block;
}



.side-arrows {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* allows arrows to sit on top without blocking underlying sections */
  z-index: 999;
}

.side-arrow {
  background-color: #fff;
  color: #1d2c3b;
  border: none;
  padding: 15px 22px;
  font-size: 24px;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: background 0.3s;
  pointer-events: auto; /* re-enable pointer on buttons */
}

.side-arrow:hover {
  background-color: #004488;
  color: white;
}



.image-wrapper-2col {
  max-width: 90%;
  margin: auto;
  padding: 30px 0;
}

.section-title1 {
  text-align: center;
  font-size: 28px;
  color: #2471A3;
  margin-bottom: 5px;
}

.subtitle {
  text-align: center;
  font-size: 16px;
  color: #444;
  margin-bottom: 30px;
}

.image-layout {
  display: flex;
  gap: 20px;
}

.main-img {
  flex: 1;
  position: relative;
  height: 600px;
}

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

.side-imgs {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.side-img {
  position: relative;
  flex: 1;
}

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

/* Orange dot + animation */
.dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: orange;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
}

.blink {
  animation: blinkAnim 1s infinite;
}

@keyframes blinkAnim {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.3); }
}

.hover-label {
  display: none;
  position: absolute;
  left: 120%;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 4px;
}

.dot:hover .hover-label {
  display: block;
  position: relative;
  top: 43px;
  background-color: black;
  width: 150px;
}







.image-layout {
  display: flex;
  /* width: 900px; */
  margin: 0 auto; 
}

.left-image {
  width: 450px;
  height: 450px;
}

.right-column {
  display: flex;
  flex-direction: column;
}

.right-column img {
  width: 450px;
  height: 150px;
  object-fit: cover;
}




/* responsive */

.image-layout1{
  max-width: 1000px;
  width: 100%;
}


@media (max-width: 992px) {
  .image-layout {
    flex-direction: column;
    .main-img1{
      max-height: 525px;
      height: 100%;
    }


    
  }


  .bottom-section{
    max-height: 620px;
    height: 100%;
  }

  .image-layout .main-img,
  .image-layout .side-imgs {
    flex: 100%;
  }

  .side-imgs {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .side-img {
    width: 45%;
    margin-bottom: 10px;
  }
}

@media (max-width: 600px) {
  .section-title, .section-title1 {
    font-size: 1.5rem;
  }

  .desc, .info-bar {
    font-size: 0.9rem;
    padding: 10px;
    height: 200px;
  }

  .side-img {
    width: 100%;
  }

  .dot {
    width: 14px;
    height: 14px;
  }

  .dot .hover-label {
    font-size: 10px;
  }

  .side-arrow {
    padding: 8px 10px;
    font-size: 1rem;
  }
}




/* Keep two-column structure even on mobile */



.image-layout .side-imgs {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}



/* For mobile: keep same layout, just scale down */
@media (max-width: 768px) {
  .image-layout {
    flex-direction: row; /* Keep row even on mobile */
    gap: 10px;

  }

  .image-layout .main-img {
    width: 60%;
  }

  .image-layout .side-imgs {
    width: 40%;
  }

  .dot {
    width: 14px;
    height: 14px;
  }

  .dot .hover-label {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  .image-layout {
    flex-direction: row;
  }

  .image-layout .main-img {
    width: 60%;
  }

  .image-layout .side-imgs {
    width: 40%;
    gap: 8px;
  }

  .side-imgs .side-img img {
    height: auto;
    aspect-ratio: 1 / 1; /* Maintain square shape */
    height: 163px !important;
  }
}





/* 2nd service */











.square-layout {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  padding: 10px;
  box-sizing: border-box;
}

.layout-grid {
  display: grid;
  grid-template-columns: 22% 76%; /* left and right column */
  grid-template-rows: auto auto auto;
  gap: 2%;
  height: 700px;
}

.left-column {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;
}

.top-right {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}

.bottom-row {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  position: relative;
  bottom: 209px;
  
}

.img-box {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Default sizes for desktop */
.left-column .img-box {
  height: 180px;
}

.top-right .img-box {
  height: 370px;
}

.bottom-row .img-box {
  height: 180px;
}

/* Responsive scaling for smaller screens */
@media (max-width: 768px) {
  .left-column .img-box {
    height: 18vw; /* scale relative to viewport width */
  }

  .city-image-wrapper{
min-height: 100px;
max-height: 110px;
height: 100%;
  }
  .explore-button{
    margin-top: 0px !important;
  }
  .city-section{
    padding-bottom: 0px !important;
  }
  .service-one.pbmit-bg-color-secondary{
    padding-top: 1px !important;
    height: 562px !important;
  }

  .top-right .img-box {
    height: 46vw !important;
  }

  .bottom-row .img-box {
    height: 18vw;
    position: relative;
    top: 112px;
  }

  .layout-grid {
    grid-template-columns: 25% 73%;
    gap: 2%;
    height: 300px !important;
  }
}

@media (max-width: 480px) {
  .left-column .img-box {
    height: 22vw;
  }

  .top-right .img-box {
    height: 44vw;
  }

  .bottom-row .img-box {
    height: 22vw;
  }

  .layout-grid {
    grid-template-columns: 26% 72%;
    gap: 2%;
  }
}














/* 2nd service */















/* property loans */

.loan-banner {
  max-width: 1200px;
  /* margin: auto; */
  padding: 20px;
}

.banner-image {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.banner-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.banner-text {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #0067fa;
  /* background: rgba(255, 255, 255, 0.9); */
  padding: 15px 25px;
  border-radius: 8px;
}

.banner-text h2 {
  margin: 0;
  font-size: 15px;
  color: #0067fa;
}

.banner-text p {
  margin: 5px 0 0;
  font-size:20px;
  color: #0067fa;
}

.banks-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 59px;
  margin-top: 30px;
}

.bank-box {
  background: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Custom widths for each box */
.hdfc {
  width: 200px;
  height: 100px;
}
.icici {
  width: 160px;
   height: 100px;
}
.sbi {
  width: 190px;
   height: 100px;
}
.axis {
  width: 200px;
   height: 100px;
}
.union {
  width: 150px;
   height: 100px;
}
.bom {
  width: 390px;
   height: 100px;
}

.bank-box img {
  max-width: 400px;
  max-height: 90px;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 768px) {
  .banner-text h2 {
    font-size: 35px;
  }

  .banner-text p {
    font-size: 14px;
  }

  .bank-box {
    width: 45%;
  }
}

@media (max-width: 480px) {
  .bank-box {
    width: 100%;
  }

  .banner-text {
    top: 10px;
    left: 10px;
    padding: 10px;
  }
}

.banks-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 in a row by default */
  gap: 40px;
  padding: 20px;
}

.bank-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px; /* optional */
}



/* Tablet & Mobile - 2 in a row */
@media (max-width: 768px) {
  .banks-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 per row */
    justify-items: start; /* align items to the left */
    padding-top: 0px;
    margin-top: 0pc;
    position: relative;
    bottom: 50px;
  }
}


.banner-image {
  position: relative;

  min-width: 99vw;
  width: 100%;
  margin-left: -10px; 
  margin-right: -10px;
  overflow: hidden;
  border-radius: 10px;
}



/* property loans */




/* property management */


.coming-soon-section {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  margin: 0 auto;
}

.coming-soon-section .top-image-text {
  position: relative;
}

.coming-soon-section .top-image-text img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  top: 10px;
}



.coming-soon-section .banner-text {
  position: absolute;
  top: 20%;
  left: 5%;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
}

.coming-soon-section .coming-text {
  text-align: center;
  margin-top: 30px;
}

.coming-soon-section .coming-text h1 {
  font-size: 130px; /* Big font for large screens */
  font-weight: 900;
  color: white;
  -webkit-text-stroke: 2px black;
  line-height: 1.2;
  margin: 40px 0;
  word-break: break-word;
  white-space: pre-line;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .coming-soon-section .banner-text {
    font-size: 1.5rem;
    left: 4%;
    top: 15%;
  }

.loanimage img{
  height: 490px !important;
}


  .coming-soon-section .top-image-text img {
  width: 100%;
  height: 200px;
  display: block;
  position: relative;
  top: 10px;
}


  .coming-soon-section .coming-text h1 {
    font-size: 79px !important;
    -webkit-text-stroke: 1.2px black;
  }
}

@media (max-width: 480px) {
  .coming-soon-section .banner-text {
    font-size: 1.2rem;
    left: 3%;
    top: 12%;
  }

  .coming-soon-section .coming-text h1 {
    font-size: 36px;
    -webkit-text-stroke: 1px black;
  }
}



/* property management */





/* <!-- our journey --> */


.milestone-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.milestone-wrapper.visible-milestone {
  opacity: 1;
  transform: translateY(0);
}

.milestone-text {
  width: 48%;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  height: 132px;
}


.milestone-image {
  width: 48%;
  text-align: center;
}

.align-left .milestone-text {
  flex-direction: row;
  text-align: left;
}

.align-right .milestone-text {
  flex-direction: row-reverse;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .milestone-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .milestone-text,
  .milestone-image {
    position: static !important;
    left: 0 !important;
    margin-left: 0 !important;
    width: 320px;
  }

  .milestone-icon {
    position: static !important;
    margin: 10px 0;
  }

  .milestone-image img {
    margin-top: 10px;
    width: 100%;
    max-width: 280px;
    margin-right: 160px
  }
}




/* <!-- our journey --> */



/* dot blinks */

@media (max-width: 768px) {
  .dot-img1 { top: 25%; left: 50%; }
  .dot-img2 { top: 45%; left: 55%; }
  .dot-img3 { top: 35%; left: 65%; }
  /* You can fine-tune the % for each image here */
}



/* dot blinks */


.pbmit-service-style-2 .pbmit-service-title{
  color: white;
}


/* contact section */


.contact-section {
  max-width: 1000px;
  margin: auto;
  padding: 40px 20px;
  font-family: sans-serif;
  text-align: center;
}

.contact-section h2 {
  color: #0033cc;
  font-size: 28px;
  margin-bottom: 30px;
}

.form-container form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.form-container input,
.form-container textarea {
  width: 100%;
  max-width: 500px;
  padding: 10px;
  border: 2px solid #0033cc;
  border-radius: 4px;
  font-size: 16px;
}

.form-container textarea {
  height: 100px;
  resize: vertical;
}

.form-container button {
  background-color: #0033cc;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}

.info-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 40px 0;
}

.info-box {
  background-color: #f1f1f1;
  border-top: 6px solid #0033cc;
  padding: 20px;
  width: 200px;
  text-align: center;
  border-radius: 6px;
}

.info-box h4 {
  color: #0033cc;
  margin-bottom: 10px;
}

.bottom-banner {
  background-color: #0033cc;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-top: 30px;
}

.bottom-banner h3 {
  font-size: 20px;
  line-height: 1.5;
}

/* Responsive */
@media (max-width: 600px) {
  .info-boxes {
    flex-direction: column;
    align-items: center;
  }

  .info-box {
    width: 90%;
  }

  .form-container input,
  .form-container textarea {
    width: 90%;
  }

  .bottom-banner h3 {
    font-size: 18px;
  }
}


/* contact section */



/* service section */

.city-section {
  text-align: center;
  padding: 10px 5px; /* 5px left and right */
  background: #fff;
  overflow: hidden;
  position: relative;
}

.city-image-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.city-image {
  width: 100%;
  height: auto;
  display: block;
}

.services-heading {
  position: absolute;
  top: 20px; /* Start below the visible area */
  left: 50%;
  transform: translateX(-50%);
  font-size: 100px;
  font-weight: 800;
  color: white;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
  opacity: 0;
  transition: all 1s ease-out;
}

/* When page loads, animate it upward */
.city-section.animate .services-heading {
top: 100px !important;
  opacity: 1;
  font-size: 100px;
}

.explore-button {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #0057d9;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.explore-button:hover {
  background-color: #003f9e;
}

.city-text {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #111827;
}

.highlight {
  color: #0057d9;
  font-weight: 600;
}

.highlight-blue {
  color: #1d4ed8;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
  .services-heading {
    font-size: 28px;
    bottom: 10px;

  }


  .city-section.animate .services-heading{
    position: relative;
    bottom: 160px !important;
    top: -160px;
  }

  .city-text {
    font-size: 18px;
  }

  .explore-button {
    font-size: 13px;
    padding: 8px 16px;
  }
}

@media (max-width: 480px) {
  .services-heading {
    font-size: 24px;
  }

  .city-text {
    font-size: 16px;
  }
}








/* service section */



.property-section {
  padding: 0 40px; /* Adds space to the whole section on left and right */
}

.property-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.property-text {
  flex: 1;
  min-width: 280px;
}

.property-text h2 {
  font-size: 28px;
  color: #1b2d4f;
  margin-bottom: 35px;
}

.explore-btn {
  display: inline-block;
  padding: 12px 26px;
  background-color: #0067fa;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
}

.property-image {
  flex: 1;
  min-width: 280px;
  position: relative;
  max-width: 500px;
}

.property-image img {
  min-height: 220px;

  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.overlay-btn {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #1b2d4f;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .property-container {
    flex-direction: column;
    text-align: center;
  }

  .overlay-btn {
    top: 50%;
    left: 50%;
  }

  .property-section {
    padding: 0 20px;
  }
}

@media (min-width: 1020px) {
  .video-top-heading{
    position: relative;
    bottom: 77px;
  }


  .play-button1{
    position: relative;
    top: 100px;
  }
  
}






.serbut {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 25px;
  padding: 8px 0;
}

.serbut:hover {
  color: #fff;
  text-decoration: underline;
}










.trusted-section {
  width: 100%;
  padding: 40px 10px;
  display: flex;
  justify-content: center;
  background-color: #f9fafb;
}

.trusted-box {
  background: #fff;
  padding: 30px 20px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: center;
  max-width: 800px;
  width: 100%;
}

.trusted-heading {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #222;
}

.trusted-stats {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.stat {
  flex: 1;
  min-width: 100px;
}

.stat-value {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 6px;
}

.stat-label {
  font-size: 14px;
  color: #666;
}

.blue {
  color: #3366ff;
}

.green {
  color: #28a745;
}

.purple {
  color: #9333ea;
}


/* Responsive */
@media (max-width: 600px) {
  .trusted-stats {
    flex-direction: column;
    align-items: center;
  }

  .trusted-box {
height: 460px !important;
  }

  .stat {
    width: 100%;
  }
}







.blur-section {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.blur-section::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(8px);
  z-index: 1;
}

.popup-box {
  position: relative;
  z-index: 2;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  max-width: 90%;
  width: 350px;
  height: 140px;
  border: 1px solid gray;
}

.popup-text {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #000;
}

.popup-btn {
  background-color: #083a74;
  color: #fff;
  padding: 10px 24px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
}








/* our services animations */

/* Animation for card hover */
.service-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.service-card:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 30px rgba(0, 123, 255, 0.2);
  z-index: 2;
}

/* Animation for icon on hover */
.service-card:hover .icon-wrap img {
  transform: scale(1.2) rotate(8deg);
  transition: transform 0.4s ease;
}

/* Text color transition */
.service-card h3,
.service-card p,
.service-card .learn-more {
  transition: color 0.4s ease;
}

.service-card:hover h3 {
  color: #0077ff;
}

.service-card:hover p {
  color: #222;
}

.service-card:hover .learn-more {
  color: #0056b3;
  text-decoration: underline;
}







/* testimonial */




/* Hover effect for testimonial cards */
.testimonial-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

/* Animate the quote icon on hover */
.testimonial-card:hover .quote-icon {
  color: #3b82f6;
  transform: scale(1.2) rotate(5deg);
  transition: all 0.4s ease;
}

/* Hover animation for trusted stats */
.stat {
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.stat:hover {
  transform: scale(1.08);
}

/* Optional: glow text on hover */
.stat:hover .stat-value {
  text-shadow: 0 0 5px rgba(59, 130, 246, 0.4);
}


/* our services animations */




.video-background-fixed {
  background-image: url('../images/vidimagenew.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  position: relative;
  z-index: 0;
}

.content-overlay {
  position: relative;
  z-index: 2;
  color: white;
  padding: 100px 20px;
  text-align: center;
}



.video-background-fixed {
  position: relative;
  background-image: url('../images/vidimagenew.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.content-overlay {
  z-index: 2;
  color: white;
  padding: 20px;
}

.video-top-heading {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.3;
}





.play-button1 a:hover {
  background-color: #fff;
  color: #000;
}

/* Responsive styles */
@media (max-width: 768px) {
  .video-top-heading {
    font-size: 2rem;
    line-height: 1.4;
  }


    .play-button1 a {
    /* width: 45px;
    height: 45px; */
    font-size: 1rem;
    line-height: 45px;
       position: relative;
    bottom: 20px !important;
  }
}

 

@media (max-width: 480px) {
  .video-top-heading {
    font-size: 1.5rem;
  }

  .play-button1 a {
    /* width: 45px;
    height: 45px; */
    font-size: 1rem;
    line-height: 45px;
       position: relative;
    bottom: 20px !important;
  }
}



/* banner */

.centered-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  color: #002d72;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 520;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  min-width: 700px;
  max-width: 90%;
  width: fit-content;
  font-size: 2.0rem;
  line-height: 1.4;
  white-space: normal;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .centered-heading {
    font-size: 1.1rem;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .centered-heading {
    font-size: 1rem;
    padding: 6px 12px;
  }
}

body{
  font-family: 'segoe UI Symbol', sans-serif;
  /* font-size: 22px; */
}

h1, h2, h3, h4, h5, h6{
  font-family: 'poppins',sans-serif;
}

body, p, span, div, li, a, td, th, input, button, label, textarea {
  font-family: 'Segoe UI Symbol', sans-serif;
}



button{
  background-color: #0067fa;
}








body.page-transition {
  animation: rollOut 0.6s forwards;
  overflow: hidden;
}

@keyframes rollOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}


.pbmit-header-content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999; /* stay above all content */
  background-color: white; /* or your site's header color */
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
  height: 75px;
}



body{
  padding-top: -3px;
}






.whatsapp-float {
  position: fixed;
  bottom: 120px;
  right: 51px;
  background-color: #25D366;
  color: white;
  border-radius: 50%;
  padding: 17px;
  font-size: 17px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  text-align: center;
  transition: background-color 0.3s, transform 0.3s;
  height: 50px;
  width: 50px;
}

.whatsapp-float:hover {
  background-color: #1ebe57;
  transform: scale(1.1);
}

.whatsapp-float i {
  vertical-align: middle;
  position: relative;
  bottom: 7px;
  font-size: 20px;
}





/* animations to drags */


/* === Section Fade + Slide Animation === */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.top-section,
.bottom-section {
  opacity: 0;
  animation: fadeInUp 1.2s ease-out forwards;
  animation-delay: 0.3s;
}

/* === Animate Text Titles === */
.section-title,
.section-title1 {
  opacity: 0;
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.5s;
}

.sub-title,
.subtitle {
  opacity: 0;
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.7s;
  font-weight: 300;
}

.desc {
  opacity: 0;
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.9s;
}

/* === Image Zoom on Load === */
.main-img img,
.side-img img {
  opacity: 0;
  transform: scale(1.05);
  animation: zoomIn 1.2s ease-out forwards;
  animation-delay: 0.6s;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* === Dot Blink Animation === */
@keyframes blink {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
.dot.blink {
  animation: blink 1.4s infinite ease-in-out;
}

/* === Tooltip Hover Fade === */
.hover-label {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(-10px);
}
.dot:hover .hover-label {
  opacity: 1;
  transform: translateY(-18px);
}

















.stats-section .stat-box {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.stats-section .stat-box:hover {
  transform: translateY(-8px) scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.stats-section .explore-btn {
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.stats-section .explore-btn:hover {
  background-color: #0053c7;
  transform: scale(1.05);
}

.whatsapp-box-inline .whatsapp-icon-btn {
  transition: transform 0.3s ease;
}

.whatsapp-box-inline .whatsapp-icon-btn:hover {
  transform: scale(1.2) rotate(5deg);
}




  .success-numbers-section .stat-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 40px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  }

  .success-numbers-section .stat-card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    cursor: pointer;
  }






.new1{
  position: relative;
  bottom: 2px;
  left: 3px;
}



/* our journet responsiveness */


@media (max-width: 768px) {
  .milestone-wrapper {
    display: block !important;
    text-align: center;
    margin-bottom: 40px;
  }

  .milestone-wrapper .milestone-icon {
    position: static !important;
    margin: 10px auto !important;
  }

  .milestone-wrapper .milestone-text {
    position: static !important;
    margin: 10px auto !important;
    text-align: center !important;
    position: relative !important;
    right: 20px !important;
    top: 0px;
    height: 190px;
    width: 295px;
  }

  .milestone-wrapper .milestone-image img {
    position: static !important;
    margin-top: 10px;
    max-width: 90%;
            position: relative !important;
        left: 249px !important;
  }
}


@media (max-width: 430px) {
  .milestone-wrapper {
    display: block !important;
    text-align: center;
    margin-bottom: 40px;
  }

  .milestone-wrapper .milestone-icon {
    position: static !important;
    margin: 10px auto !important;
  }

  .milestone-wrapper .milestone-text {
    position: static !important;
    margin: 10px auto !important;
    text-align: center !important;
    position: relative !important;
    right: 20px !important;
    top: 0px;
    height: 190px;
    width: 295px;
  }

  .milestone-wrapper .milestone-image img {
    position: static !important;
    margin-top: 10px;
    max-width: 90%;
            /* position: relative !important;
        left: 134px !important; */
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .milestone-wrapper {
    display: block !important;
    text-align: center;
    margin-bottom: 40px;
  }

  .milestone-wrapper .milestone-icon {
    position: static !important;
    margin: 10px auto !important;
  }

  .milestone-wrapper .milestone-text {
    position: static !important;
    /* margin: 10px auto !important; */
    text-align: center !important;
    position: relative !important;
    right: 20px !important;
    top: 0px;
    height: 190px;
    width: 415px;
  }

  .milestone-wrapper .milestone-image img {
    position: static !important;
    margin-top: 10px;
    max-width: 90%;
            position: relative !important;
            top: 10px;
        left: 449px !important;
  }

}

@media (max-width:768px) {
    .trusted-box{
    height: 470px !important;
  }
}

/* our journet responsiveness */



/* residetioal service responisveness */


.dot .hover-label {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.75);
  color: white;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  display: none;
}

.dot:hover .hover-label {
  display: block;
}

@keyframes blink {
  50% { opacity: 0.6; }
}

/* Responsive scaling for small screens */
@media (max-width: 767px) {
  .main-img img,
  .side-img img {
    max-height: 180px;
  }

  .dot {
    width: 12px;
    height: 12px;
  }

  .dot .hover-label {
    font-size: 12px;
    padding: 3px 6px;
    top: -25px;
  }
}


/* residetioal service responisveness */






/* dots responsiveness */
@media screen and (max-width: 1024px) {
.square-layout{
  height: 700px !important;
}
}

/* Tablets (portrait, ~768px) */
@media screen and (max-width: 760px) {
.square-layout{
  height: 590px !important;
}
}

/* Mobile devices (~480px) */
@media screen and (max-width: 480px) {
.square-layout{
  height: 450px !important;
}
.bottom-row{
  position: relative;
  bottom: 226px;
}
.top-section{
  height: 1200px !important;
}
}



/* dots responsiveness */



  @media (max-width: 1024px) {
    .square-layout1 .img-box:nth-child(1) .dot { top: 215%; left: 18%; }
    .square-layout1 .img-box:nth-child(2) .dot { top: 245%; left: 18%; }
    .square-layout1 .img-box:nth-child(3) .dot { top: 275%; left: 21%; }
    .top-right .dot { top: 237%; left: 52%; }
    .bottom-row .img-box:nth-child(1) .dot { top: 73%; left: 19%; }
    .bottom-row .img-box:nth-child(2) .dot { top: 76%; left: 34%; }
    .bottom-row .img-box:nth-child(3) .dot { top: 72%; left: 54%; }
    .bottom-row .img-box:nth-child(4) .dot { top: 72%; left: 77%; }
  }

  /* Responsive for Mobile */
  @media (max-width: 767px) {
    .square-layout1 .img-box:nth-child(1) .dot { top: 220%; left: 15%; }
    .square-layout1 .img-box:nth-child(2) .dot { top: 250%; left: 15%; }
    .square-layout1 .img-box:nth-child(3) .dot { top: 280%; left: 18%; }
    .top-right .dot { top: 240%; left: 50%; }
    .bottom-row .img-box:nth-child(1) .dot { top: 75%; left: 17%; }
    .bottom-row .img-box:nth-child(2) .dot { top: 78%; left: 32%; }
    .bottom-row .img-box:nth-child(3) .dot { top: 75%; left: 50%; }
    .bottom-row .img-box:nth-child(4) .dot { top: 75%; left: 73%; }
  }

    @media (max-width: 430px) {
    .square-layout1 .img-box:nth-child(1) .dot { top: 188% !important; left: 15%; }
    .square-layout1 .img-box:nth-child(2) .dot { top: 203% !important; left: 10% !important; }
    .square-layout1 .img-box:nth-child(3) .dot { top: 215% !important; left: 16%; }
    .top-right .dot { top: 240%; left: 50%; }
    .bottom-row .img-box:nth-child(1) .dot { top: 45% !important; left: 55%; }
    .bottom-row .img-box:nth-child(2) .dot { top: 56% !important; left: 25% !important; }
    .bottom-row .img-box:nth-child(3) .dot { top: 49% !important; left: 30% !important; }
    .bottom-row .img-box:nth-child(4) .dot { top: 75%; left: 39% !important; }
  }







  /* newcss */
  .img-box {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.dot {
  width: 16px;
  height: 16px;
  background-color: orange;
  border: 2px solid white;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
}

.blink {
  animation: blink 1.5s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.hover-label {
  position: absolute;
  top: -25px;
  left: 20px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 11px;
  padding: 3px 6px;
  border-radius: 4px;
  display: none;
  white-space: nowrap;
}

.dot:hover .hover-label {
  display: block;
}

.small-img {
  width: 90px;
}

.bottom-img {
  height: 85px;
}

.right-img.full-width {
  width: 100%;
  height: 195px;
}


.image-grid-section{
  height: 600px;
}

/* Responsive */
@media (max-width: 768px) {
  .image-grid-section {
    padding: 0 15px;
  }

  .small-img {
    width: 60px;
    height: 60px !important;
  }

  .right-img.full-width {
    width: 100%;
    height: 150px !important;
  }

  .bottom-img {
    height: 65px !important;
  }

  .dot {
    width: 12px;
    height: 12px;
  }

  .hover-label {
    font-size: 10px;
  }
}
.right-img{
  height: 350px !important;
}

.small-imgs{
  height: 165px !important;
  width: 250px;
  gap: 2rem !important ;
}

.bottom-imgs{
  height: 150px;
}

.bottom-imgs {
  height: 150px;
}







    @media (max-width: 992px) {
      .image-grid-section {
        padding: 0 30px;
      }

      .small-img,
      .small-imgs {
        width: 70px !important;
        height: 110px !important;
      }

      .bottom-img,
      .bottom-imgs {
        height: 110px !important;
      }

      .right-img.full-width {
        height: 160px !important;
      }

      .dot {
        width: 12px;
        height: 12px;
      }

      .hover-label {
        font-size: 10px;
      }
    }

    @media (max-width: 576px) {
      .image-grid-section {
        padding: 0 15px;
      }

      .small-img,
      .small-imgs {
        width: 60px !important;
        height: 95px !important;
      }

      .bottom-img,
      .bottom-imgs {
        height: 95px !important;
      }

      .right-img.full-width {
        height: 135px !important;
      }

      .dot {
        width: 10px;
        height: 10px;
      }

      .hover-label {
        font-size: 9px;
        top: -20px;
      }
    }


























    /* Keep existing styles */
.image-box {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 12px;
}

.image-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

/* Blinking and fixed-position dot */
.dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background: orange;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 2;
  animation: blink 1.2s infinite;
}

/* Adjust dot position — stays fixed visually regardless of resizing */
.image-box .dot {
  top: 10px;
  left: 10px;
}

/* Blinking animation */
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

/* Responsive height */
@media (max-width: 767.98px) {
  .left-col .image-box {
    height: 130px;
  }

  .right-col {
    height: 260px;
  }

  .bottom-images .image-box {
    height: 90px;
  }
}

@media (min-width: 768px) {
  .left-col .image-box {
    height: 180px;
  }

  .right-col {
    height: 360px;
  }

  .bottom-images .image-box {
    height: 110px;
  }
}

@media (min-width: 992px) {
  .left-col .image-box {
    height: 210px;
  }

  .right-col {
    height: 420px;
  }

  .bottom-images .image-box {
    height: 130px;
  }
}










.image-box {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 12px;
}

.image-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

/* Blinking and fixed-position dot */
.dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background: orange;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 2;
  top: 10px;
  left: 10px;
  animation: blink 1.2s infinite;
}

/* Blinking animation */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Height Controls */
@media (max-width: 767.98px) {
  .left-col .image-box {
    height: 130px;
  }

  .right-col {
    height: 260px;
  }

  .bottom-images .image-box {
    height: 90px;
  }
}

@media (min-width: 768px) {
  .left-col .image-box {
    height: 180px;
  }

  .right-col {
    height: 360px;
  }

  .bottom-images .image-box {
    height: 110px;
  }
}

@media (min-width: 992px) {
  .left-col .image-box {
    height: 210px;
  }

  .right-col {
    height: 420px;
  }

  .bottom-images .image-box {
    height: 130px;
  }
}


.hover-label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 3;
  pointer-events: none;
}

/* Show label ONLY when dot is hovered */
.dot:hover + .hover-label {
  opacity: 1;
}
.hover-label {
  opacity: 1 !important;
  background: red;
}













  .img-box img {
    width: 100%;
    height: auto;
    max-height: 220px; /* 👈 Set your preferred height */
    object-fit: cover;
    border-radius: 10px;
    display: block;
  }


    .image-relative img {
    width: 100%;
    height: auto;
    max-height: 453px; /* 👈 Set your preferred height */
    object-fit: cover;
    border-radius: 10px;
    display: block;
  }




    .img-box1 img {
 height: 100px;
  }





   .img-box {
  position: relative;
}

.dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: orange;
  border-radius: 50%;
  animation: blink-animation 1s infinite;
  cursor: pointer;
  z-index: 2;
}

/* Blinking animation */
@keyframes blink-animation {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Hover label styling */
.hover-label {
  display: none;
  position: absolute;
  top: 100%; /* Show below the dot */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 13px;
  white-space: nowrap;
  margin-top: 6px;
  z-index: 5;
}

/* Show label when hovering dot */
.dot:hover .hover-label {
  display: block;
}













.equal-layout {
  display: flex;
  gap: 20px;
}

.left-image,
.right-images {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.left-image .img-box {
  flex: 1;
}

.right-images .img-box {
  flex: 1;
  margin-bottom: 20px;
}

.right-images .img-box:last-child {
  margin-bottom: 0;
}

.img-box {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

/* Dot & Label */
.dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background: orange;
  border-radius: 50%;
  z-index: 2;
}

.blink {
  animation: blink-animation 1.2s infinite;
}

@keyframes blink-animation {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.hover-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin-top: 8px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

.dot:hover .hover-label {
  opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
  .equal-layout {
    flex-direction: row;
  }

  .img-box {
    height: auto;
  }

  .img-box img {
    height: auto;
  }

  .right-images .img-box {
    margin-bottom: 12px;
  }

  .right-images .img-box:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .equal-layout {
    flex-direction: row;
    gap: 8px; /* Less horizontal gap between left and right */
  }

  .left-image,
  .right-images {
    width: 50%; /* Equal width on small screens */
  }

  .right-images .img-box {
    height: calc(33.33vh - 8px); /* Taller right images */
    margin-bottom: 8px; /* Reduce gap between stacked images */
  }

  .right-images .img-box:last-child {
    margin-bottom: 0;
  }

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

  .left-image .img-box {
    height: calc(100vh - 100px); /* Match overall height */
  }

  .img-box {
    padding: 0;
  }
}









.equal-layout {
  display: flex;
  gap: 20px;
}

.left-image,
.right-images {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.left-image {
  height: 100%;
}

.left-image .img-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.right-images {
  justify-content: space-between;
}

.right-images .img-box {
  flex: 1;
}

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


  .equal-height-section{
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

   .equal-height-section1{
    padding-left: 220px !important;
    padding-right: 220px !important;
  }
/* Responsive behavior */
@media (max-width: 1058px) {
  .equal-layout {
    flex-direction: row; /* Keep same structure on small devices */
  }
  .equal-height-section{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
   .equal-height-section1{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .left-image,
  .right-images {
    flex: 1;
  }

  .right-images .img-box {
    flex: 1;
    margin-bottom: 5px;
  }
}


.left-image1 img{
  min-height: 700px;
}





a{
  text-decoration: none !important;
}

   .pbmit-slider-three .pbmit-slider-item
{
  height: 550px !important;
}

@media(max-width:1280px)
{

    .pbmit-slider-three .pbmit-slider-item
{
  height: 550px !important;
}
}

body{
  font-family: Segoe UI symbol, sans-serif
}






.btnnew:hover{
  border: 1px solid #1d3557;
  color: #1d3557;
}



/* Ensures heading overlays image correctly */
.services-heading {
  font-size: 3rem;
  line-height: 1.2;
  padding: 0 15px;
  z-index: 2;
  white-space: nowrap;
}

/* Adjust for smaller screens */
@media (max-width: 768px) {
  .services-heading {
    font-size: 2rem;
    white-space: normal;
  }

  .city-text {
    font-size: 1.25rem;
    padding: 0 10px;
  }
}

/* Further adjust for very small phones */
@media (max-width: 480px) {
  .services-heading {
    font-size: 1.6rem;
  }

  .city-text {
    font-size: 1.1rem;
  }
}


@media(min-width:768px)
{
.py-5{
  padding-top: 1px !important;
}
}





.coming-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* Full top-bottom movement with slight left-right variation */
@keyframes verticalFloat {
  0% {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(0);
  }
  25% {
    top: 25%;
    left: 52%;
    transform: translateX(-50%) translateY(0);
  }
  50% {
    top: 90%;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
  }
  75% {
    top: 25%;
    left: 48%;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(0);
  }
}

.animate-vertical-move {
  animation: verticalFloat 6s ease-in-out infinite;
}



@media (max-width:500px) {
  .top-section{
    height: 1090px !important;
  }
  
}


  .info-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
    padding: 0 20px;
  }

  .info-card {
    display: flex;
    flex-direction: column;
    width: 260px;
  }

  .card-label {
    background-color: #2563eb;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    transition: background 0.3s;
  }

  .card-label:hover {
    background-color: #fff;
    color: #2563eb;
    border: 1px solid navy;
  }

  .card-content {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 0 10px 10px;
  }

  @media (max-width: 576px) {
    .info-card {
      width: 100%;
      max-width: 330px;
    }
  }
  /* Clients Section */
.clients-section {
  padding: 60px 20px;
  background: #fff;
  text-align: center;
}

.section-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #222;
}

.clients-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-items: center;
}

.client-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
  width: 100%;
  max-width: 350px;
}

.client-card img {
  width: 100%;
  height: auto;
  display: block;
}

.client-card:hover {
  transform: translateY(-5px);
}

/* Responsive */
@media (max-width: 992px) {
  .clients-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .clients-row {
    grid-template-columns: 1fr;
  }
}

.document-section {
    padding: 40px 20px;
    background: #fff;
  }

  .document-section h2 {
    font-size: 25px;
    color: #1f3b5c;
    margin-bottom: 60px;
    font-weight: 400;
    text-align: center;
  }

  .document-grid {
    display: flex;
    justify-content: center;
    gap: 80px;
    flex-wrap: wrap;
  }

  .document-grid ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  .document-grid ul li {
    font-size: 16px;
    margin-bottom: 12px;
    color: #000;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .document-grid {
      flex-direction: column;
      gap: 20px;
      align-items: center;
    }
    .document-grid ul {
      text-align: center;
    }
  }






.btnnew{
  background-color: #2563eb !important;
}
  

@media (max-width: 768px) {
  .pbmit-title {
    font-size: 1.8rem !important;
  }
}



  @media (max-width: 768px) {
    .city-image-wrapper {
      height: auto;
    }

    .city-image {
      object-fit: cover;
      width: 100%;
      height: auto;
    }

    .city-section h2 {
      font-size: 1.5rem !important;
      padding-bottom: 30px;
    }
  }
  .city-heading {
  font-size: 2.5rem;
}

@media (max-width: 768px) {
  .city-heading {
    font-size: 1.5rem;
    padding: 0 10px;
  }

  .city-image-wrapper {
    min-height: 200px;
  }
}
.phone-line {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}