.logo {
	max-width: 200px;
}
.nav-tabs .nav-link{
font-size: 18px;
    font-weight: 600;
    padding: 20px;}
.backm{z-index:0!important;}
:root {
  --lightbox: rgb(0 0 0 / 0.75);
  --carousel-text: #fff;
}

body {
  margin: 1.5rem 0 3.5rem;
}

@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
input.btn.btn-warning {
    font-weight: 600;
}
.gallery-item {
  display: block;
}
.btn-close{
	opacity:unset!important;
	border-radius: 20px!important;
	background-color:#ffc107!important;
}
.gallery-item img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s;
}

.gallery-item:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}

.lightbox-modal .modal-content {
  background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}


[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
  position: absolute;
  top: 1.25rem;
  right: 3.5rem;
  z-index: 10;
  border: 0;
  background: transparent;
  opacity: .6;
  font-size: 1.25rem;
}
.btn.active, button#gallery, button#plan{
    padding: 6px 50px;
    font-size: 18px;
    font-weight: 600;
    color: #144677;
}
.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}
img{
    width: 100%;   
    object-fit: cover;
    overflow: hidden;
}
.banner img {
	max-width: 100%;
}
.left-flex{    
        margin-top: -8%!important;
}
a.white:hover {
    color: white;
}
a.white {
    text-decoration: unset;
}
.banner {
	max-width: 100% !important;
	padding: 0px !important
}
.center{
	text-align: center;
}
textarea.form-control{height:70px!important;}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.filter-button.active
{
    background-color: #42B32F;
    color: white;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
	-webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.block{
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


.sidebar{
	    right: 0%;
    width: 25%;
    padding: 5% 2% 14% 2%!important;
	top:90px;
	 float:right;	
	 position: fixed;
	 margin-top:2%;
	/* top: calc(25% + 0px);
	 */}
.sidebar1{
	right: 0%;
    width: 25%;
    padding: 2% 1% 2% 1%;
	top:0px;
	 float:right;	
	 position: fixed;
	}
.sidebar2{
	right: 0%;
    width: 25%;
    padding: 2%;
	top:85%;
	 float:right;	
	 position: fixed;
	}
.bg{
	    background: #144677;
    background-size: auto;
    color:white;
}	 
.mbr-3{
	margin-bottom:0px;
	margin-right:0px;
}
.head-sec {
	margin: inherit !important;
}
.white{
	color: white;
}
.menu-call-btn {
	background: #144677;
	border: 2px solid #144677;
	color: #fff;
	padding: 5px 20px 8px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
	float: right;
}

.menu-call-btn:hover {
	background: #fff;
	color: #144677;
}

.form-sec {

	background: #249AD0;
	padding: 30px;
	
	text-align: center;
}
.nav.nav-tabs .nav-link.active {
    border-bottom: 5px solid #000;
}

.nav.nav-tabs .nav-link {
    margin-top: 5px;
    transition: 1s;
    color: #000;
    border: none;
    border-bottom: 5px solid #e2e2e2;
    font-weight: 500;
    transition: all .3s ease-in-out;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 50%;
}
.form-group {
	margin-bottom: 12px;
}
.btn-dark{padding: 5px 50px;}
.sub-btn  {
	background: #81c244;
	padding: 5px 50px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
}

.sub-btn:hover {
	background: #e87b40;
	color: #fff;
}

.heading-text {
	margin-bottom: 20px;
}

.card {
	text-align: center;
	padding: 10px 0px;
	border: 0px !important;
	background: transparent !important;
}

.greenbg {
	padding: 30px !important;
    background: #167CB6;
    /*border-left: 5px solid #81c244;*/
}

.orangebg {
	background: #ffeee5;
    padding: 30px !important;
    border-left: 5px solid #e87b40;
}

.stats {
	/* background:#e87b40; */
	border-radius: 0px 0px 100px 100px;
}

.card .h2 {
	font-size: 16px;
	/* color:#fff; */
}

.mute-text {
	font-size: 14px;
	/* color:#fff; */
}

.section-style {
	margin: 50px 0px !important;
}

.section-style h2 {
	color: #144677;
}

.section-style h4 {
	color: #fff;
}
.white-text{
	color: white;
}
.rounded-circle {
	border-radius: 50% !important;
	background-color: #81c244;
	padding: 10px;
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
	color: white;
	margin: 0 auto;
	margin-bottom: 10px;
}
.accordion-item{border:unset!important;}
button.accordion-button, .nav-tabs .nav-link.active, .nav-link {
    color: #144677!important;
    font-weight: 600;
}
.card {
	border-bottom: 2px solid #81c244 !important;
	box-shadow: 0px 15px 12px #ebebeb;
	--bs-card-border-radius: 0px 0px 10px 10px !important;
}

.amenities h2 {
	text-align: left;
	margin-bottom: 20px;
	color: #81c244;
}

.amenities {
	padding: 10px 0 10px;
	background: #F3FAFF;
}

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

.amenities-icon img {
	width: 60px;
}

.amenities-icon p {
	font-weight: 600;
	color: #4E555B;
	font-size: 16	px;
}

.amenities-cont {
	/*background: #040404;*/
	color: #fff;
	font-size: 14px;
}

.odd .icon-col:nth-child(even) {
	background: #F3FAFF;
}

.odd .icon-col:nth-child(odd) {
	background: #F3FAFF;
}

.even .icon-col:nth-child(even) {
	background: #F3FAFF;
}

.even .icon-col:nth-child(odd) {
	background: #F3FAFF;
}

.odd .icon-col:nth-child(even):hover {
	background: #F3FAFF;
}

.odd .icon-col:nth-child(odd):hover {
	background: #F3FAFF;
}

.even .icon-col:nth-child(even):hover {
	background: #F3FAFF;
}

.even .icon-col:nth-child(odd):hover {
	background: #F3FAFF;
}

.location h2 {
	color: #e87b40;
}

.location ul {
	padding-left: 0px;
	margin-bottom: 0px;
}

.location ul li {
	list-style: none;
	line-height: 2;
}
.mt-10 {
    margin-top: 30px;
}
/*li:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	color: #81c244;
	font-size: 14px;
	margin-right: 10px;
}*/

.cta {
	background: #144677;
	padding: 10px 0px;
}

.cta h3 {
	margin-bottom: 0px;
}

.cta h3 {
	margin-bottom: 0px;
	line-height: inherit;
	font-weight: bold;
}

.cta-btn {
	width: 300px !important;
	border: none;
	margin: 0 auto;
	padding: 10px;
	background: #81c244;
	font-weight: bold;
	animation: bganim 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
	border: 1px solid #6c6c6c;
	text-transform: uppercase;
	box-shadow: 3px 4px 0px #81c244;
}

@keyframes bganim {
	from {
		background-color: #e87b40;
	}

	to {
		background-color: #81c244;
	}
}

.thankyou{display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.thankyou h2{text-align:center;}

.thankyou-head{
	position: fixed;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
	
}
.sticky-cta {
	background: #81c244;
	position: fixed;
	bottom: 0px;
	width: 100%;
	display: none;
	text-align: center;
}

.sticky-enq {
	background: #144677;
	color: #fff!important;
	padding: 10px;
	font-weight: bold;
  text-decoration: none;
}
button.btn.btn-warning {
    font-weight: 500;
}
.sticky-enq a,
.sticky-enq a:hover {
	color: #fff!important;
	text-decoration: none;
}

.sticky-call a,
.sticky-call a:hover {
	 color:#144677!important;
	text-decoration: none;
}

.sticky-call {
	background: #ffc107;
	padding: 10px;
	font-weight: bold;
  color:#144677!important;
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
    .mcen{text-align:center!important;}
.mobile-des{display:none;}
.btn-close{
	opacity:unset!important;
	border-radius: 20px!important;
	background-color:#ffc107!important;
}
.mobile-100{width:100%!important;}
.form-des{display:block!important;}
.bg1{
    background: #144677;
    background-size: auto;
    color: white;
    text-align: center;
    padding: 8%;}

 .btn.active, button#gallery, button#plan{
    padding: 2px 20px!important;
    font-size: 16px!important;
    font-weight: 500!important;}
}
.space{    border: 10px solid #fff;
    padding: 15px;}
    
.ccd-config-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
    margin-bottom: 30px;
}
.ccd-config-top del {
    color: rgba(65, 65, 65, 0.4);
    font-size: 20px;
    font-weight: 600;
    margin-right: 24px;
}
.ccd-config-top .text-1 {
    color: #144677;
    margin-right: 24px;
    font-weight:600;
}
th.table-primary {
    color: #144677;
    font-weight: 600;
}
tr {
    border: 1px solid #144677;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #144677; text-align: center;}
    
a.white:hover {
    
    text-decoration: unset;}    
    .table thead th{border-top: 1px solid #144677;border-bottom: 1px solid #144677!important;
    text-align: center;}
@media only screen and (max-width: 1280px){
	.form-des{display:none;}
	.bor {
    border-right: 1px solid #000;}
	 h2.left-flex {
    font-size: 1.8rem!important;
    margin-left: 8%;}
    .disk {
    margin-left: -14%!important;}
    .left-flex {
    margin-top: -10%!important;}
    .sidebar2{top:80%!important;}
    .sidebar{ padding: 4% 2% 14% 2%!important; top:68px;}

}
@media only screen and (min-width: 1366px){
.sidebar{    padding: 5% 2% 14% 2%!important;
    top: 8%;}
    .bor {
    border-right: 1px solid #000;}
   p{font-size: 18px;}
   .form-des{display:none;}
   .left-flex {
    margin-top: -11%!important;
    margin-left: 7%;}
    .row.amenities-icon.disk {
    margin-left: -14%;}
    .sidebar2{bottom:0!important;}
}

@media only screen and (min-width: 1920px){
.disk { margin-left: -6%!important;}
.bor {
    border-right: 1px solid #000;}
.sidebar2 {
    top: 79%!important;
}p{font-size: 18px;}
.mbt{margin-bottom:20px;}
h2.left-flex {
    font-size: 2.4rem;
    margin-left: 2%;}
    .form-group {
    margin-bottom: 1.5rem!important;}
}



@media (max-width: 767.98px) {
    html, body {
    overflow-x: hidden!important;}
     .mcen{text-align:center!important;}
     .section-style h4, .white-text{text-align:center;}
     a.mcen {
    display: block;
    float: unset!important;}
    .icoext{margin-top:-2%!important;}
	button.btn.btn-warning {
    font-size: 12px!important;
}
    .bor{border-right:0px solid!important;}
.mob-space {
    margin: 8% 0% 12% 0%!important;
}
.mlogo{width:80%!important; margin:0 auto; padding-bottom: 4%;
    display: block;}
.algn{float:unset!important; text-align:center;}
	.logo {
    max-width: 150px;
	}
	.menu-call-btn {
    padding: 2px 10px 2px;
    margin-top: -7px;
	}
	.section-style {
    margin: 30px 0px !important;
	}
	.amenities {
    padding: 20px 0 5px!important;
	}
	.form-sec {
		position: relative;
		top: auto;
		right: 0;
		left: 0;
		max-width: 80% !important;
		margin: 20px auto !important;
	}

	.amenities-cont {
		margin-bottom: 20px;
	}

	.cta {
		display:block;
		
	}
	.mmlogo{display:none;}

	.cta h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.sticky-cta {
		display: block;
	}
	.odd .icon-col:first-child, .odd .icon-col:last-child {
	background: #F3FAFF;
	}
	.even .icon-col:first-child, .even .icon-col:last-child {
		background: #F3FAFF;
	}
	.odd .icon-col:nth-child(2), .odd .icon-col:nth-child(3) {
	background: #F3FAFF;
	}
	.even .icon-col:nth-child(2), .even .icon-col:nth-child(3) {
	background: #F3FAFF;
	}
	.location{padding-bottom:40px;}
}

.wrapper{
  width: 100%;
}
.carousel{
  max-width: 1200px;
  margin: auto;
  padding: 0 30px;
}
.carousel .card{
  color: #fff;
  text-align: center;
  margin: 20px 0;
  line-height: 250px;
  font-size: 90px;
  font-weight: 600;
  border-radius: 10px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
}
.carousel .card-1{
  background: #ed1c24;
}
.carousel .card-2{
  background: #0072bc;
}
.carousel .card-3{
  background: #39b54a;
}
.carousel .card-4{
  background: #f26522;
}
.carousel .card-5{
  background: #630460;
}
.owl-dots{
  text-align: center;
  margin-top: 40px;
}
.owl-dot{
  height: 15px;
  width: 15px;
  margin: 0 5px;
  outline: none;
  border-radius: 14px;
  border: 2px solid #0072bc!important;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}
.owl-dot.active,
.owl-dot:hover{
  background: #0072bc!important;
}