.projects-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: 35rem;
	margin-bottom: -5rem;
	z-index: 1;
	padding-top: 120px!important;
}

.projects-banner .container {
	padding-top: 8rem;
}

.projects-banner .single_path {
	left: 0;
    height: 0.9rem;
    top: 11rem;
    opacity: 0.5;
}

.projects-banner .container img {
	width: 100%;
	height: 30rem;
}


.projects-details {
	padding-top: 19rem;
	padding-bottom: 6rem;
}

.projects-details h3 {
	color: #20A67D;
	font-size: 35px;
}

.projects-details .product-icon {
	right: 0rem;
    height: 18rem;
    top: 8rem;
}

.projects-details .single_path {
	right: 6rem;
    height: 1rem;
    top: 19.5rem;
}


.projects-details .container {
	/* padding: 2rem 0; */
}

.projects-details p {
	line-height: 1.8rem;
}

.projects-details .sri-map {
	background-repeat: no-repeat;
	height: 30rem;
	width: 17rem;
    margin: auto;
}


/* Pins */
.projects-details .pin-1 {
	top: 324px;
    left: 250px;
	cursor: pointer;
}

.projects-details .pin-2 {
	top: 171px;
    left: 97px;
	cursor: pointer;
}

.projects-details .pin-3 {
	top: 332px;
    left: 165px;
	cursor: pointer;
}

.projects-details .pin-4 {
	top: 236px;
    left: 210px;
	cursor: pointer;
}

.projects-details .pin-5 {
	top: 355px;
    left: 32px;
	cursor: pointer;
}


.projects-details .pin-6 {
	top: 434px;
    left: 63px;
	cursor: pointer;
}

.projects-details .pin-7 {
	top: 320px;
    left: 38px;
	cursor: pointer;
}

.projects-details .pin-8 {
	top: 434px;
    left: 168px;
	cursor: pointer;
}

.projects-details .pin-9 {
	top: 4px;
    left: 50px;
	cursor: pointer;
}

.projects-details .pin-10 {
	top: 387px;
    left: 50px;
	cursor: pointer;
}

.projects-details .pin-11 {
	top: 305px;
    left: 118px;
	cursor: pointer;
}

.projects-details .pin-12 {
	top: 321px;
    left: 79px;
	cursor: pointer;
}

.projects-details .pin-13 {
	top: 47px;
    left: 71px;
	cursor: pointer;
}

.projects-details .pin-14 {
	top: 251px;
    left: 67px;
	cursor: pointer;
}

.projects-details .pin-15 {
	top: 107px;
    left: 48px;
	cursor: pointer;
}

.projects-details .pin-16 {
	top: 255px;
    left: 118px;
	cursor: pointer;
}

.projects-details .pin-17 {
	top: 444px;
    left: 102px;
	cursor: pointer;
}

.projects-details .pin-18 {
	top: 361px;
    left: 202px;
	cursor: pointer;
}

.projects-details .pin-19 {
	top: 66px;
    left: 100px;
	cursor: pointer;
}

.projects-details .pin-20 {
	top: 338px;
    left: 126px;
	cursor: pointer;
}

.projects-details .pin-21 {
	top: 215px;
    left: 161px;
	cursor: pointer;
}

.projects-details .pin-22 {
	top: 218px;
    left: 30px;
	cursor: pointer;
}

.projects-details .pin-23 {
	top: 387px;
    left: 105px;
	cursor: pointer;
}

.projects-details .pin-24 {
	top: 138px;
    left: 166px;
	cursor: pointer;
}

.projects-details .pin-25 {
	top: 107px;
    left: 98px;
	cursor: pointer;
}

.sri-map img:hover {
	filter: brightness(0) invert(1);
}









.projects {
	background-color: #20A67D;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.projects .drop-path {
	left: 0;
    top: 11.5rem;
    height: 5rem;
    opacity: 0.7;
}

.projects .white-path {
	right: 0;
    bottom: 33rem;
    height: 1.5rem;
	opacity: 0.7;
}


.projects .project-image {
	display: none;
}

.projects .green-banner {
	bottom: 20rem;
}

.projects .container .project-image .image {
	height: 23rem;
	object-fit: cover;
	cursor: pointer;
	transition: all 0.6s;
}

.projects .eye {
	position: absolute;
    top: 35%;
    left: 45%;
	transition: all 0.6s;
	opacity: 0;
	cursor: pointer;
}

.projects .container .small-drop {
	height: 1.3rem;
	filter: brightness(100);
}

.projects .container .load-more {
	color: #011F4E;
	padding: 0.8rem 4.5rem;
}

.projects .container .load-more:hover {
	color: white;
	background-color: #011F4E!important;
}

.projects .hover {
	filter: contrast(80%);
	transition: all 0.6s;
}

.projects .eye-hover {
	transition: all 0.6s;
	opacity: 1;
}









.modal-gallery {
	background: rgba(16, 115, 214, 0.90);
	padding-top: 180px;
}

.modal-gallery .mySwiper2 {
	margin-right: 20px;
	margin-left: 20px;
}

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

.modal-gallery .mySwiper2 img {
	/* width: 100%!important; */
	height: 40rem;
	object-fit: cover;
}

.modal-gallery .mySwiper {
	margin-right: 90px;
	margin-left: 90px;
}
.modal-gallery .mySwiper .swiper-wrapper {
	justify-content: center;
}

.modal-gallery .mySwiper img {
	width: 100%!important;
	height: 5rem;
}

.modal-gallery .modal-content {
	background: transparent;
    border: 0;
}

.modal-gallery .modal-header {
    border-bottom: none!important;
}

.modal-gallery .swiper-modal-close {
	right: 3.1rem;
    top: -0.5rem;
    cursor: pointer;
}



.modal-xl {
	max-width: 1400px!important;
}






@media (max-width: 1400px){

	.projects-banner {
		height: 22rem;
    	/* margin-bottom: 15rem; */
	}


	.projects-banner .container img {
		height: 23rem;
	}

	.projects-details .product-icon {
		height: 15rem;
    	/* top: -7rem; */
	}

	.modal-gallery .swiper-modal-close {
		right: 2.9rem;
	}

	.projects-details .single_path {
		right: 2rem;
		height: 1rem;
		top: 16.5rem;
	}


}





@media (max-width: 1200px){

	.projects-banner {
		height: 20rem;
    	/* margin-bottom: 10rem; */
	}

	.projects-banner .container {
		padding-top: 4rem;
	}

	.projects-banner .container img {
		height: 22rem;
	}

	.projects-details .product-icon {
		height: 14rem;
    	/* top: -6rem; */
	}

	.modal-gallery .swiper-modal-close {
		right: 2.1rem;
	}


}



@media (max-width: 991px){

	.projects-banner {
		height: 15rem;
    	/* margin-bottom: 10rem; */
	}

	.projects-banner .container {
		padding-top: 3rem;
	}

	.projects-banner .container img {
		height: 18rem;
	}

	.projects-details {
		padding-top: 16rem;
		padding-bottom: 6rem;
	}

	.projects-details .product-icon {
		height: 13rem;
    	/* top: -5rem; */
	}
	

	.projects-details .single_path {
		right: 2rem;
		height: 0.7rem;
		top: 16rem;
	}

	.projects-details .container {
		/* padding: 2rem 1rem; */
	}

	.projects-details {
		/* margin-bottom: 3rem; */
	}

	.modal-gallery .mySwiper2 img {
		height: 30rem;
	}

	.modal-gallery .mySwiper {
		margin-right: 50px;
		margin-left: 50px;
	}

	.modal-gallery .swiper-modal-close {
		right: 1.8rem;
	}


}




@media (max-width: 768px){

	.projects-banner {
		height: 10rem;
		/* margin-bottom: 5rem; */
	}

	.projects-banner .container {
		padding-top: 2rem;
	}

	.projects-banner .container img {
		height: 10rem;
	}

	.projects-details {
		padding-top: 12rem;
		padding-bottom: 6rem;
	}

	.projects-details .product-icon {
		height: 7rem;
    	/* top: -1rem; */
	}

	.projects-details .single_path {
		right: 1rem;
		height: 0.7rem;
		top: 12rem;
	}

	.projects-details .container {
		/* padding: 2rem 1rem; */
	}

	.projects-details {
		/* margin-bottom: 2rem; */
	}

	.modal-gallery .mySwiper2 {
		margin-right: 0px;
		margin-left: 0px;
	}

	.modal-gallery .mySwiper2 img {
		height: 25rem;
	}

	.modal-gallery .mySwiper {
		margin-right: 30px;
		margin-left: 30px;
	}
}



@media (max-width: 736px){

	.projects-banner {
		height: 10rem;
		/* margin-bottom: 5rem; */
	}

	.projects-banner .container {
		padding-top: 2rem;
	}

	.projects-banner .container img {
		height: 10rem;
	}

	.projects-details {
		padding-top: 12rem;
		padding-bottom: 6rem;
	}

	.projects-details .product-icon {
		height: 7rem;
    	/* top: -1rem; */
	}

	.projects-details .single_path {
		right: 1rem;
		height: 0.7rem;
		top: 12rem;
	}

	.projects-details .container {
		/* padding: 2rem 1rem; */
	}

	.projects-details {
		/* margin-bottom: 2rem; */
	}

	.modal-gallery .mySwiper2 {
		margin-right: 0px;
		margin-left: 0px;
	}

	.modal-gallery .mySwiper2 img {
		height: 25rem;
	}

	.modal-gallery .mySwiper {
		margin-right: 30px;
		margin-left: 30px;
	}
}




@media (max-width:450px) {
	.projects-details .product-icon {
		right: 0rem;
		height: 5rem;
		top: 9rem;
	}

	.projects-details h3 {
		color: #20A67D;
		font-size: 26px;
	}

	.projects {
		background-color: #20A67D;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}

@media (max-width:414px) {

	.projects-details .product-icon {
		right: 0rem;
		height: 5rem;
		top: 9rem;
	}

	.projects-details h3 {
		color: #20A67D;
		font-size: 26px;
	}

	.projects {
		background-color: #20A67D;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.modal-gallery .mySwiper2 img {
		height: 20rem;
	}
}

@media (max-width:375px) {

	.projects-details .product-icon {
		right: 0rem;
		height: 5rem;
		top: 9rem;
	}
	.projects-details .single_path {
		display: none;
	}

	.projects-details h3 {
		color: #20A67D;
		font-size: 26px;
	}

	.projects {
		background-color: #20A67D;
		padding-top: 0rem;
		padding-bottom: 3rem;
	}

	.modal-gallery .mySwiper2 img {
		height: 17rem;
	}
}

@media (max-width: 1366px){
	.gen-banner {
		height: 36rem !important;
	}
}
@media (max-width: 991px){
.gen-banner {
    height: 26rem !important;
}
}
@media (max-width: 600px){
.gen-banner {
    height: 19rem !important;
}
@media (max-width: 480px){
	.gen-banner {
    height: 20rem !important;
}
}