/*
		
		Theme Color : #00847D
		Text Color : #ffffff

	*/

	/* Default */
	body.pg-loaded, .pg-loaded .ff-app{ font-family: "DM Sans"; }
	.pg-loaded .ff-head{ font-family: "Josefin Sans"; }
	body{ font-size: 0.9rem; letter-spacing: 0.025rem; }
	@media screen and (min-width: 980px) { body{ font-size: 1rem; } }
	@media screen and (min-width: 1400px) { body{ font-size: 1.08rem; } }
	@media screen and (min-width: 1650px) { body{ font-size: 1.15rem; } }
	.clr-bg-light{ background-color: #F7F7F7 }
	.clr-p{ color: rgb(var(--clr-p)); }
	.bg-p{ background-color: rgb(var(--clr-p)); color: var(--clr-p-t); }
	.btn-clr-p{
		background-color: rgb(var(--clr-p));
		color: var(--clr-p-t);
		border: transparent;
	}
	.clr-bg-pp-l{
		background-color: rgba(var(--clr-p), 0.08);
	}

	/* Section */
	.head-sub{
		color: rgb(var(--clr-p));
		text-transform: uppercase;
		line-height: 1.2rem;
		font-size: 0.95rem;
	}
	.bg-img-light .head-sub{
		color: #ffffff;
	}
	@media screen and (min-width: 980px) {
		.head-sub{
			line-height: 0.5rem;
		}
	}
	.bg-img-light{
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(../img/rp-bg.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.bg-img-light h2.ff-head{
		color: #ffffff;
	}


	/* Menu */
	.navbar-brand img{
		height: 2rem;
	}
	@media(min-width: 800px){
		.navbar-brand img{
			height: 2rem;
		}
	}
	.navbar-nav{
		gap: 10px;
	}
	.nav-link{
		text-align: center;
	}
	.navbar-nav .btn-clr-p{
		border-radius: 100rem;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		padding: 0.3rem 2rem 0 !important;
		text-transform: uppercase;
		font-size: 0.95rem;
		font-weight: 700;
	}
	.navbar-nav .btn-clr-p-o{
		background-color: transparent;
		border: 2px solid rgb(var(--clr-p));
		color: rgb(var(--clr-p));
		border-radius: 100rem;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		padding: 0.3rem 1rem !important;
		text-transform: uppercase;
		font-weight: 700;
		font-size:13px;
	}

	/* Banner */
	.lp-banner{
		position: relative;
		background-color: rgb(0, 0, 0, 0.1);
		width: 100%;
		height: 60svh;
		overflow: hidden;
	}
	.lp-banner video,
	.lp-banner--img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.lp-banner .overlay{
		position: absolute;
		inset: 0;
		background-color: rgb(0, 0, 0, 0.5);
		color: #ffffff;
		display: grid;
		place-content: center;
		text-align: center;
		text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	}
	.lp-banner .overlay h1{
		font-size: clamp(2.5rem, 6vw, 4.5rem);
	/*	font-size: 2.6rem;*/
	}
	@media(max-height: 600px){
		.lp-banner{
			height: 95svh;
		}
	}


	/* Project Card */
	.project-card{
		display: flex;
		flex-direction: column;
		margin-bottom: 2rem;
	}
	.project-card--img{
		display: block;
		width: 100%;
		height: 18rem;
		border-radius: 1rem 1rem 0 0;
		background-color: rgba(0, 0, 0, 0.1);
		overflow: hidden;
		z-index: -1;
		cursor: pointer;
	}
	.project-card--img .bg{
		width: 100%;
		height: 100%;
		/*object-fit: cover;*/
		object-position: center;
		transition: transform 250ms ease-in-out;
	}
	.project-card:hover .project-card--img .bg{
		transform: scale(1.1);
	}
	.project-card--img .bg-logo{
		position: absolute;
		top: 0.5rem;
		left: 0.5rem;
		max-height: 4rem;
		max-width: 10rem;
		z-index: 10;
		backdrop-filter: blur(3px);
		background-color: rgba(255, 255, 255, 0.9);
		padding: 3px;
		border-radius: 4px;
	}
	.project-card--content{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 22rem;
		background-color: #ffffff;
		width: 100%;
		margin-inline: auto;
	/*	margin-top: -4.5rem;*/
		padding: 1rem;
		border-radius: 0 0 1rem 1rem;
		font-size: 0.95rem;
	}
	.project-card .name{
		display: block;
		font-size: 1.3rem;
		font-weight: 700;
	}
	.project-card .name:hover{
		color: rgb(var(--clr-p));
		cursor: pointer;
	}
	.project-card .developer{
		opacity: 0.6;
		font-size: 0.8rem;
	}
	.project-card .offers{
		position: relative;
		padding: 0.5rem 1rem;
		border: 1px solid rgb(var(--clr-p));
		border-radius: 0.75rem;
	}
	.project-card .offers .heading{
		display: inline-block;
		background-color: rgb(var(--clr-p));
		color: var(--clr-p-t);
		padding: 0.1rem 1rem;
		border-radius: 4px;
		text-transform: uppercase;
		font-size: 0.85rem;
		letter-spacing: 1.5px;
		position: absolute;
		top: -0.75rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.project-card .offers ul{
		list-style: none;
		margin: 0;
		padding: 0;
		font-style: 0.95rem;
		display: flex;
		flex-direction: column;
		gap: 3px;
	}
	.project-card .offers ul li{
		display: flex;
		gap: 10px;
		align-items: baseline;
		line-height: 1.3;
	}
	.project-card .price{
		font-size: 1.3rem;
		line-height: 1;
		font-weight: 900;
		text-transform: capitalize;
	}
	.project-card .price .sub{
		display: block;
		font-size: 0.85rem;
		font-weight: 400;
		opacity: 0.75;
		text-transform: uppercase;
	}
	.project-card .price .pri{
		font-size: 2.8rem;
	}
	.project-card .btn-clr-p{
		display: flex;
		line-height: 1;
		padding: 15px 15px 10px;
		border-radius: 100px;
	}
	.project-slider .glide__arrow{
		background-color: #ffffff;
		color: #000000;
		width: 3rem;
		aspect-ratio: 1;
		overflow: hidden;
		border-radius: 50%;
		border: 1px solid rgb(0, 0, 0, 0.05);
	}
	.project-slider .glide__arrow{ top: 25% }
	.project-slider .glide__arrow--left{
		left: 0;
	}
	.project-slider .glide__arrow--right{
		right: 0;
	}
	@media screen and (min-width: 800px) {
		.project-slider .glide__arrow{ top: 50% }
		.project-slider .glide__arrow--left{
			left: -3em;
		}
		.project-slider .glide__arrow--right{
			right: -3em;
		}
	}


	/* Top Developer */
	.dev-card{
		position: relative;
		width: 100%;
		min-height: 20rem;
		display: grid;
		place-content: center;
		border-radius: 25px;
		overflow: hidden;
	}
	.dev-card .dev-card--bg{
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: transform 250ms;
	}
	.dev-card:hover .dev-card--bg{
		transform: scale(1.1);
	}
	.dev-card .content{
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);

		display: grid;
		place-content: center;
		transition: background-color 250ms;
	}
	.dev-card .content .dev-card--logo{
		display: inline-block;
		margin-inline: auto;
		max-width: 70%;
		max-height: 10rem;
		filter: brightness(0) invert(1);
		transition: filter 250ms;
	}
	.dev-card--name{
		display: inline-block;
		margin-inline: auto;
		max-width: 70%;
		color: #ffffff;
		font-size: 1.4rem;
		transition: color 250ms;
		text-align: center;
	}
	.dev-card:hover{
		cursor: pointer;
	}
	.dev-card:hover .content{
		background-color: rgba(255, 255, 255, 0.85);
		backdrop-filter: blur(2px);
	}
	.dev-card:hover .content .dev-card--logo{
		filter: brightness(1) invert(0);
	}
	.dev-card:hover .dev-card--name{
		color: #000000;
	}
	.project-slider.dev-project .glide__arrow{ top: 50% }
	.project-slider.dev-project .glide__arrow--left{
		left: -0.75em;
	}
	.project-slider.dev-project .glide__arrow--right{
		right: -0.75em;
	}
	@media screen and (min-width: 800px) {
		.project-slider.dev-project .glide__arrow{ top: 50% }
		.project-slider.dev-project .glide__arrow--left{
			left: -3em;
		}
		.project-slider.dev-project .glide__arrow--right{
			right: -3em;
		}
	}


	/* Section - Why */
	.why-icon{
		font-size: 5rem;
	}
	.why-block p{
		font-size: 0.95rem;
	}

	/* Section - Counter */
	.counter-block{
		display: flex;
		align-items: center;
		text-align: left;
		line-height: 1;
		gap: 10px;
		font-weight: 700;
		font-size: 1.6rem;
	}
	.counter-block .number{
		color: rgb(var(--clr-p));
		font-size: 4rem;
		font-weight: 600;
	}



	/* LP Form */
	.form-img{
		max-width: 100%;
		opacity: 0.3;
	}
	@media (min-width: 800px){
		.form-img{
			max-width: 80%;
		}	
	}
	input{
		width: 100%;
		padding: 1rem;
		border-radius: 15px;
		border: 2px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 1rem;
		opacity: 0.6;
		font: inherit;
	}
	input:hover,
	input:focus{
		opacity: 1;
	}
	form .btn-clr-p{
		padding: 1rem;
		width: 100%;
	}

	input[type=checkbox]{
	  accent-color: #000000;
	  opacity: 0.2;
	}
	.custom-control{
		display: flex;
		align-items: flex-start;
	}
	.custom-checkbox{
		font-size: 9px;
		color: rgba(0, 0, 0, .5);
	}
	.custom-checkbox input, .custom-checkbox label{
		display: inline;
		width: auto;
	}
	.custom-checkbox label{ padding-left: 3px }
	.custom-checkbox a{
		text-decoration: none;
	}
	.custom-checkbox a:hover{
		text-decoration: underline;
	}
	.custom-control label a{
		color: inherit;
	}



	/* Developer Slider */
	.dev-slider .glide__slide{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 3rem;
	}
	.dev-slider-logo{
		max-width: 80%;
		max-height: 3rem;
		filter: brightness(0) opacity(50%);
		transition: filter 250ms;
	}
	.dev-slider-logo:hover,
	.dev-slider-logo:focus{
		cursor: pointer;
		filter: brightness(1) opacity(100%);
	}


	/* Footer */
	.footer {
	  padding-block: 40px 10px;
	  background-image: url(../img/comman/sample/banner-footer.png);
	  background-color: rgb(var(--clr-p));
	  background-size: cover;
	  background-repeat: no-repeat;
	  font-size: 0.95rem;
	  color: #ffffff;
	}
	hr{
	  opacity: .1;
	}
	.footer a{
		color: #d2d7db;
		text-decoration: none;
		font: inherit;
	}
	.footer a:hover,
	.footer a:focus{
		color: rgb(var(--clr-p));
	}
	.disclaimer{
		font-size: 0.7rem;
		color: #d2d7db;
		text-align: justify;
	}
	.clr-text-mute{
		color: #d2d7db;
	}



	/* Enq 3 N */
	.enq-pop .modal-content{
		border-radius: 2rem;
	}
	.enq-pop .modal-content .logos{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 10px;
	}
	.enq-pop .modal-body{
	  padding-block: 2rem;
	  overflow: hidden;
	}
	.modal-body button.btn-close{
	  position: absolute;
	  padding: 0.4rem;
	  top: 0.5rem;
	  right: 0.5rem;
	  width: 1.5rem;
	  aspect-ratio: 1;
	  width: 0.85rem;
	  font-size: 0.7rem;
	  --bs-btn-close-opacity: 1;
	  filter: invert(1);
	  border-radius: 50%;
	  border: 1px solid #000000;
	  z-index: 9;
	}

	.modal-body:has(.enq3n-grid){
	  padding-inline: 0;
	  background-image: url(../img/comman/sample/enq3nbg.png);
	  background-size: 100% 100%;
	  color: #ffffff;
	  background-color: rgb(var(--clr-p));
	  border-radius: 20px;
	}
	.modal-content .enq3n-grid .logos img{
		height: 2.5rem;
	/*  filter: brightness(0) invert(1);*/
	}
	.enq3n-grid h4{
	  font-weight: 400;
	  text-transform: capitalize;
	  text-align: center;
	  margin-block: 2rem 1.5rem;
	}
	.enq3n-grid h4 .bl{
	  display: inline-block;
	  background-color: #F9F871;
	  color: #2F4858;
	  padding: 3px 0.8rem;
	  border-radius: 100px;
	  font-size: 90%;
	  line-height: 1;
	  margin-top: 5px;
	  text-transform: uppercase;
	}
	@media only screen and (min-width: 991px) {
	  .enq3n-grid h4 .bl{
	    font-size: 100%;
	  }
	}
	.enq3n-grid h4 .bl .b{
	  font-weight: 700;
	}
	.enq3n-subheading{
	  display: block;
	  font-size: 1.2rem;
	  font-weight: 500;
	  text-align: center;
	  text-transform: uppercase;
	  line-height: 1.1;
	}
	@media only screen and (min-width: 991px) {
	  .enq3n-subheading{
	    font-size: 1.4rem;
	  }
	}
	.pp-enq3n-grid .block{
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	  gap: 7px;
	  padding:  0.5rem 0.6rem;
	  font-size: 0.9rem;
	  line-height: 1.2;
	  border-radius: 100px;
	  box-shadow: 0px 4px 4px 0px #00000040,
	              0px -4px 4px 0px rgb(var(--clr-p));
	}
	@media only screen and (min-width: 991px) {
	  .pp-enq3n-grid .block{
	    gap: 1rem;
	    padding:  0.5rem 1rem;
	  }
	}
	.pp-enq3n-grid .block img{
	  display: inline-block;
	  max-width: 2rem;
	  height: 2rem;
	  filter: brightness(0) invert(1);
	}
	.pp-enq3n-grid .col-6:nth-child(3) .block img{
	  max-width: 2rem !important;
	  height: 1.3rem !important;
	}
	@media only screen and (min-width: 991px) {
	  .pp-enq3n-grid .block img{
	    max-width: 2.5rem;
	    height: 2.5rem;
	  }
	  .pp-enq3n-grid .col-6:nth-child(3) .block img{
	    max-width: 2.5rem !important;
	    height: 1.8rem !important;
	  }
	}
	.enq3n-form-grid{
	  border-radius: 25px;
	  width: 85%;
	  margin-inline: auto;
	  margin-top: 2rem;
	}
	.enq-pop .modal-content .enq3n-grid .btn-hr .hr{
	  background-color: transparent;
	  width: 3rem;
	}
	.enq-pop .modal-content .enq3n-grid input{
	  width: 100%;
	}
	.enq-pop .modal-content .enq3n-grid button{
	  width: 70%;
	  border-radius: 100px;
	  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.3));
	}
	@media only screen and (max-width: 991px) {
	  .enq-pop .modal-content .enq3n-grid button{
	    font-size: 1.1rem;
	  }
	}




	.lp-highlight{
		background-color: rgba(var(--clr-p), 0.65);
		backdrop-filter: blur(2px);
		color: var(--clr-p-t);
		padding-block: 1.2rem 1rem;
	}
	.lp-highlight--block{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		padding: 0.5rem 0.5rem 0;
		height: 7rem;
		border-radius: 15px;
		border-radius: 15px;
		cursor: pointer;
		transition: background-color 250ms;
	/*	border-right: 2px solid rgba(255, 255, 255, 0.5);*/
		background-color: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(1px);
	}
	.banner-hightlights .glide__arrow{
		width: 2.5rem;
		height: 2.5rem;
	}
	.lp-highlight--block h3{
		font-weight: 500;
	}
	.lp-highlight--block h6{
		font-size: 20px;
		font-weight: 500;
		text-transform: capitalize;
		text-shadow: 0px 1px 2px #000000;
	}
	.lp-highlight--block:hover{
		background-color: rgba(0, 0, 0, 0.8);
	}
	.lp-highlight--block--gcard{
		position: relative;
		border-radius: 15px;
		overflow: hidden;
	}
	.lp-highlight--block--img{
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: -1;
		border-radius: 15px;
		overflow: hidden;
		transition: transform 250ms;
	}
	.lp-highlight--block--gcard:hover .lp-highlight--block--img{
		transform: scale(1.1);
	}


	/*.lp-highlight{
		position: relative;
		margin-top: -7rem;
		z-index: 10;
		margin-bottom: 3rem;
	}*/
	.lp-highlight .glide__arrow--left, .lp-highlight .glide__arrow--right{

	}
	.lp-highlight .glide__arrow--left{
		left: 0;
		background-color: var(--clr-p-t);
		color: rgb(var(--clr-p));
		border-radius: 50%;
	}
	.lp-highlight .glide__arrow--right{
		right: 0;
		background-color: var(--clr-p-t);
		color: rgb(var(--clr-p));
		border-radius: 50%;
	}
	@media(min-height: 800px){
		.lp-highlight .glide__arrow--left, .lp-highlight .glide__arrow--right{
			display: block;
		}
		.lp-highlight .glide__arrow--left{
			left: -3em;
		}
		.lp-highlight .glide__arrow--right{
			right: -3em;
		}
	}


	#thanksPopup .modal-content{
		position: relative;
	}
	#thanksPopup .btn-close{
		position: absolute;
		top: 1rem;
		right: 1rem;
	  z-index: 10;
	}



	#enq3n .custom-checkbox{
		color: rgba(255, 255, 255, 0.6); !important;
	}
	.enq-pop .modal-content .enq3n-grid input[type="checkbox"]{
		width: auto;
		margin-right: 5px;
	}


	@media(max-height: 600px){
		#small-screen-fix{
			display: none;
		}
	}



	.mob-actions{
		position: sticky;
		left: 0;
		bottom: 0;

		display: flex;
		align-content: center;
		justify-content: space-evenly;
	/*	gap: 0.5rem;*/
		width: 100%;
	/*	padding: 0.5rem;*/
	/*	margin-top: 1rem;*/
		z-index: 99;
	}
	.mob-actions a{
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: center;

		background-color: rgb(var(--clr-p));
	/*	backdrop-filter: blur(3px);*/
		padding: 0.7rem 0.5rem;

		text-decoration: none;
		font: inherit;
		color: var(--clr-p-t);
		font-weight: 600;
	/*	border-radius: 10px;*/
	}
	.mob-actions a:not(:last-child){
		border-right: 1px solid rgb(255, 255, 255, 0.3);
	}
	.mob-actions a:hover,
	.mob-actions a:active{
		background-color: rgb(var(--clr-p));
		color: var(--clr-p-t);
	}
	@media(min-width: 800px){
		.mob-actions{
			display: none;
		}
	}



	.lp-scroller{
		position: absolute;
		bottom: 1rem;
		left: 46%;
		transform: translateX(-50%);

		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1.6rem;
		color: #ffffff;
		border-radius: 50%;
	/*	border: 1px solid #ffffff;*/
	}
	@media(min-width: 800px){
		.lp-scroller{
			left: 50%;
		}
	}


	.nav-side-logo, #enqPopupProLogo{
		border-left: 2px solid rgba(0, 0, 0, 0.3);
		padding-left: 10px;
		margin-left: 5px;
		max-width: 150px;
		height: auto !important;
		align-self: center;
		justify-self: center;
		max-height: 3rem;

	}
	@media(max-width: 800px){
		.nav-side-logo, #enqPopupProLogo{
			height: auto !important;
		}
	}


	.navbar-brand{
		display: flex;
	  align-items: baseline;
	  justify-content: center;
	}



	@media(min-height: 601px) and (max-height: 700px){
		.enq-pop .modal-body{
			padding-block: 1rem;
		}
		.enq3n-grid h4, .enq3n-subheading{
			font-size: 145%;
			margin-block: 1rem 1.5rem;
		}
		input{
			padding: 2.5%;
		}
	}


	.isProjectPage .lp-banner{
		height: 45svh;
	}
	@media(max-width: 600px){
		.isProjectPage .lp-banner{
			height: 30svh;
		}
	}

	.config{
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	.lp-scroller img{
		height: 4rem;
    filter: invert(1);
	}


	/* Slider Fix - Center	*/
	.glide__slides{
		margin-inline: auto;
	}