/*Banner section css start here*/
.portfolio-detail-banner{ width: 100%; position: relative; display: block; }
.portfolio-detail-banner img { height: auto; object-fit: cover; display: block; min-height: auto; max-height: none; object-position: top center; }
body.postid-6715 .portfolio-detail-banner img{ max-height:none !important; }
body.postid-7678 .portfolio-detail-banner img{ max-height:none !important; }
body.postid-6569 .portfolio-detail-banner img{ max-height:none !important; }
body.postid-7923 .portfolio-detail-banner img{ max-height:none !important; }
body.postid-8665 .portfolio-detail-banner img{ max-height:none !important; }
body.postid-8663 .portfolio-detail-banner img{ max-height:none !important; }

/*Banner section css end here*/

/*Get it on section start here*/
.get-on-wrap{ display: block; position: relative; text-align: center; padding: 67px 0 0 0;}
.get-on-wrap:after { content: ""; position: absolute; width: 100%; height: 1265px; background: linear-gradient(180deg, #F1FAFF 14.25%, rgba(241, 250, 255, 0) 100%); left: 0; top: 0; z-index: -1; }
.get-on-wrap .site-our-expertise-heading{margin: 0 0 20px 0;}
.get-on-caption{padding: 0 0 60px 0;}
.get-on-caption .button{display: flex; gap: 15px; border-radius: 10px; border-width: 2px; align-items: center;}
.get-on-caption .button img{max-width:30px;}
.get-on-caption .button svg path{transition: all .2s ease-in-out;}
.get-on-caption .button:hover svg path{fill: #00649E;}
.what-project{width: 100%; position: relative; text-align: left;}
.what-project .what-project-caption { padding:0 0 60px 0; display: flex; overflow: hidden; position: relative; align-items: center; gap: 20px;}
.what-project-caption .project-content { padding: 0; width: 65%; position: relative; }
.what-project-caption .project-content h2{margin: 0 0 16px 0;}
.what-project-caption .project-devp{width: 35%; text-align: center;}
.what-project-caption img{width: auto; height: auto; max-width: 80px; display: block;}
.what-project-caption .project-devp-inner { display: flex; justify-content: center; align-items: center; gap: 32px; flex-wrap: wrap;}
.what-project-caption .project-devp-inner .p-devp-item{position: relative;}
.what-project-caption .project-devp-inner .p-devp-item .h6 { font-size: 14px; line-height: 16px; color: #00649E; margin: 0; background: #00649e; color: #fff; padding: 4px 8px; font-weight: 400; border-radius: 4px; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all .3s ease-in-out; white-space: nowrap;}
.what-project-caption .project-devp-inner .p-devp-item .h6:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; left: 50%; top: 100%; border-top-color: #0064b0; border-width: 7px; transform: translateX(-50%); }
.what-project-caption .project-devp-inner .p-devp-item:hover .h6{opacity: 1; visibility: visible;}
.pf-info { background: #FDF1F5; border-radius: 20px; padding: 32px 30px; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 67px 0; row-gap: 20px;}
.pf-info .pf-info-item{padding: 0 15px 0 0; margin-right: 15px; border-right: 1px solid #00000033;}
.pf-info .pf-info-item:last-child{border-right: 0px; padding-right: 0px; margin-right: 0px;}
.pf-info .pf-info-item .h4{margin: 0 0 15px 0; color: #000;}
.pf-info .pf-info-item .h5{margin: 0; color: #00649E; font-weight: 500; font-size: 22px; max-width: 700px;}
.colm-wrap{display: flex; align-items: center; justify-content: flex-start; gap: 35px; position: relative; margin: 0 0 67px 0;}
.colm-wrap .colm-item{width: 50%; padding: 0;}
.colm-wrap .colm-item img{display: block;}
.colm-wrap .colm-item .h3{ margin: 0 0 15px 0;}
.colm-wrap .colm-item .h3 span{ color: #00649E;}
.colm-wrap .colm-item p, .colm-wrap ul li{color: #383838; margin: 0 0 1rem 0;}
.colm-wrap .colm-item p:last-child, .colm-wrap ul li:last-child{margin: 0;}
.colm-wrap ul{padding: 0 0 0 20px;}
.colm-wrap ul li { padding: 0; list-style: disc; }
.colm-wrap.revrs .colm-content{order: 1;}
.colm-wrap.revrs .colm-img{order: 2;}
/*Get it on section end here*/

/*pf-card sectiion css start here*/
.pf-card-wrap{display: block; position: relative; padding: 0 0 67px 0;}
.pf-card-wrap .pf-card-caption{display:flex; justify-content:space-between; width: 100%; gap: 20px;}
.pf-card-wrap .pf-card-item{text-align: center; background: #F1FAFF; border-radius: 50px; width: 25%; padding: 40px;}
.pf-card-wrap .pf-card-item:nth-child(2){background: #FEF1EB;}
.pf-card-wrap .pf-card-item:nth-child(3){background: #E7E3FD;}
.pf-card-wrap .pf-card-item:nth-child(4){background: #EEF5E5;}
.pf-card-wrap .pf-card-item img { width: auto; height: auto; max-width: 67px; display: block; margin: 0 auto; min-height: 70px; object-fit: contain; }
.pf-card-wrap .pf-card-item .h5{margin: 0; padding: 40px 0 0 0; color: #000000;}
/*pf-card sectiion css end here*/

/*pf-testimonial sectiion css start here*/
.pf-testimonial{display: block; position: relative; margin: 0 0 67px 0; padding: 60px 0 60px 0; background: #F1FAFF;}
.pf-testimonial .pf-testimonial-caption{text-align: center; display: block;}
.pf-testimonial h2{color: #000000; margin: 0 0 25px 0;}
.pf-testimonial p{color: #383838; margin: 0 auto 30px; max-width: 1280px;}
.pf-testimonial .h4{font-size: 28px; color: #3695F1; margin: 0 0 10px 0;}
.pf-testimonial .h6{font-size: 18px; color: #000000; margin: 0;}
/*pf-testimonial sectiion css end here*/

/*core value section css start here*/
.core-value-wrap{display: block; position: relative; padding: 0 0 67px 0;}
.core-value-wrap .core-value-caption{width: 100%; text-align: center;}
.core-value-wrap .core-value-caption h2{color: #000; margin: 0 0 40px 0;}
.core-value-wrap .cvalue-items{width: 100%; display: flex; justify-content: flex-start; column-gap: 40px; row-gap: 50px; flex-wrap: wrap; text-align: left;}
.core-value-wrap .cvalue-item{width: calc(50% - 20px);}
.core-value-wrap .cvalue-item .h4{font-size: 26px; color: #00649E; margin: 0 0 6px 0;}
.core-value-wrap .cvalue-item p{font-weight: 500; color: #383838; max-width: 100%;}
/*core value section css end here*/

/*Our Approach section css start here */
.our-approach{background: #FFEFF2; display: block; position: relative; padding: 60px 0;}
.our-approach h2{color: #000; margin: 0 0 40px 0; text-align: center;}
.our-approach .our-approach-inner{display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: flex-start;} 
.our-approach .approach-img, .our-approach .approach-content{width: calc(50% - 10px);}
.our-approach .approach-img img{max-width: 433px; height: auto; display: block;}
.our-approach .accordion-caption{background: transparent; border: 0;}
.our-approach .accordion-item{margin: 0 0 10px 0;}
.our-approach .accordion-item-title{padding:14px 0; font-size: 26px; line-height: 32px; font-weight: 700; border-bottom: 1px solid #B4B4B4;}
.our-approach .accordion-item-title, .our-approach .accordion-item-title.active, .our-approach .accordion-item-title:hover{background: transparent; color: #00649E;}
.our-approach .accordion-item-content{background: transparent; border-bottom: 0px; padding: 15px 0;}
.our-approach .accordion-item-content p{font-weight: 500;}
.our-approach .accordion-caption .arrow { border: none !important; width: 18px; height: 18px; margin: 0; background-image: url(../img/portfolio_detail_img/plus-icon.svg); transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: 17px; }
.our-approach .accordion-item-title.active .arrow{background-image: url(../img/portfolio_detail_img/minus-icon.svg);}
/*Our Approach section css end here */

@media only screen and (max-width: 1666px) {
	.pf-info .pf-info-item .h5 {max-width: 660px;}
}

@media only screen and (max-width: 1440px) {
	.what-project-caption img{
		max-width: 70px;
	}
	.pf-info .pf-info-item .h5 {max-width: 750px;}
}

@media only screen and (max-width: 1366px) {
	.portfolio-detail-banner img { min-height: auto; max-height: none;}
	.pf-info .pf-info-item .h5 {max-width: 620px;}
}

@media only screen and (max-width: 1280px) {
	.pf-info .pf-info-item{padding: 0 25px 0 0; margin-right: 25px;}
	.what-project-caption .project-content{width: 55%;}
	.what-project-caption .project-devp{width: 45%;}
}

@media only screen and (max-width: 1199px) {
	.pf-card-wrap .pf-card-item{padding: 30px 10px;}
	.portfolio-detail-banner img{min-height: auto; max-height: none;}
}

@media only screen and (max-width: 1024px) {
	.what-project .what-project-caption{flex-wrap: wrap;}
	.what-project-caption .project-content, .what-project-caption .project-devp{width: 100%;}
	.what-project-caption .project-devp-inner{margin-top: 15px;}
	.colm-wrap{ margin: 0 0 40px 0; flex-wrap: wrap; }
	.colm-wrap .colm-item{ width: 100%; }
	.colm-wrap.revrs .colm-img{order: 1;}
	.colm-wrap.revrs .colm-content{order: 2;}	
	.pf-info .pf-info-item .h5 {max-width: 320px;}
}

@media only screen and (max-width: 991px) {
	.get-on-wrap{padding: 60px 0 0 0;}
	.get-on-caption{padding:0 0 50px 0;}
	.what-project .what-project-caption{padding:0 0 50px 0;}
	.pf-info{padding: 25px; row-gap: 20px; margin: 0 0 60px 0;}
	.pf-info .pf-info-item{padding: 0 20px 0 0; margin-right: 20px;}
	.colm-wrap{margin: 0 0 60px 0;}
	.colm-wrap{gap: 20px;}
	.pf-card-wrap, .core-value-wrap{padding: 0 0 60px 0;}
	.pf-card-wrap .pf-card-caption{flex-wrap: wrap;}
	.pf-card-wrap .pf-card-item{ width:calc(50% - 10px); }
	.core-value-wrap .core-value-caption h2, .our-approach h2{margin: 0 0 30px 0; }
	.core-value-wrap .cvalue-items{column-gap:20px; row-gap: 30px;}
	.core-value-wrap .cvalue-item{width: calc(50% - 10px);}
	.pf-testimonial{margin: 0 0 60px 0; padding: 50px 0;}
	.our-approach .accordion-item-title{font-size: 22px; line-height: 28px;}
	.pf-testimonial h2{margin: 0 0 20px 0;}
	.our-approach{padding: 50px 0;}
	.what-project-caption .project-devp-inner{flex-direction: row; row-gap: 30px !important; column-gap: 20px !important;}
	.what-project-caption .project-devp-inner .p-devp-item .h6{top: -28px; font-size: 12px; padding: 2px 8px;}
	.what-project-caption img{max-width: 60px;}
}

@media only screen and (max-width: 767px) {
	.get-on-wrap{ padding: 40px 0 0 0; }
	.get-on-caption .button{gap: 10px;}
	.get-on-caption{padding:0 0 30px 0;}
	.what-project .what-project-caption{ padding:0 0 30px 0; flex-wrap: wrap; }
	.what-project-caption .project-content, .what-project-caption .project-devp{ width: 100%; }
	.pf-info{ margin: 0 0 40px 0; }
	.pf-card-wrap, .core-value-wrap{padding: 0 0 40px 0;}
	.pf-card-wrap .pf-card-item{border-radius: 30px;}
	.pf-testimonial{margin: 0 0 40px 0; padding: 30px 0;}
	.pf-testimonial h2{margin: 0 0 20px 0;}
	.pf-testimonial p{margin: 0 0 25px 0;}
	.pf-testimonial .h4{font-size: 18px; margin: 0 0 5px 0;}
	.core-value-wrap .core-value-caption h2, .our-approach h2{margin:0 0 20px 0;}
	.core-value-wrap .cvalue-items{row-gap: 20px;}
	.core-value-wrap .cvalue-item{width: 100%;}
	.core-value-wrap .cvalue-item p{max-width: 100%;}
	.our-approach{padding: 30px 0;}
	.our-approach .approach-img, .our-approach .approach-content{width: 100%;}
	.our-approach .approach-img{text-align: center;}
	.our-approach .approach-img img{display: block; margin: 0 auto;}
	.our-approach .accordion-item-title{font-size: 20px; line-height: 26px;}
	.our-approach .accordion-caption .arrow{background-size: 15px;}
	.our-approach .accordion-item-content{padding:15px 0 5px 0;}
	.pf-card-wrap .pf-card-item .h5{padding: 30px 0 0 0;}
	.pf-testimonial h2{margin: 0 0 15px 0;}
}

@media only screen and (max-width: 575px) {
	.pf-card-wrap .pf-card-item{width: 100%;}
	.pf-card-wrap .pf-card-item img{max-width: 60px; min-height: auto !important;}
	.pf-card-wrap .pf-card-item .h5{padding: 20px 0 0 0;}
	.what-project-caption .project-devp-inner{gap: 20px;}
	.what-project-caption .project-devp-inner h6{font-size: 16px; margin: 0 0 10px 0;}
	.what-project-caption img{max-width: 50px;}
	.pf-info{border-radius: 15px;}
	.pf-info .pf-info-item{width: 100%; padding: 0 20px 0 0; margin-right: 20px; border: none;}
	.pf-info .pf-info-item .h4{margin: 0 0 10px 0;}
	.portfolio-detail-banner img{min-height: auto; max-height: none;}
	.what-project-caption .project-devp-inner{margin-top: 12px;}
}