@font-face {
    font-family: 'Vogun-Medium'; /* Choose a name for your font */
    src: url('../fonts/vogun/Vogun-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'nexa'; /* Choose a name for your font */
    src: url('../fonts/nexa/nexa.ttf') format('truetype');
}

html,body{
	font-family: "Lato", sans-serif
}
.section_padding{
	padding: 90px 20px;
}
.section_title h1{
	font-family: "Lato", sans-serif;
	font-size: 70px;
	line-height: 90px;
	color: #000;
	text-align: center;
	margin: 0;
	text-transform: capitalize;
}

.section_title h1 span{
	color: #22403F;
    font-style: italic;
    text-transform: capitalize;
    font-weight: 200;
    font-family: "Lato", sans-serif;
    background: #5b5b5b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.project_location .section_title h1, .project_gmap_section .section_title h1, .work_progress .section_title h1, .project_features_section .section_title h1, .floor_plans_section .section_title h1, .walk_through_video .section_title h1, .amenities_gallery .section_title h1, .project_amenities_section .section_title h1, .brandpool .section_title h1{
	font-family: "Lato", sans-serif;
    color: #000;
    background: linear-gradient(45deg, #22403f, #1d8682, #487878);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section_description p{
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: rgba(104, 104, 104, 1);
	margin: 0;
}

.section_description p a{
	color: #000;
	text-decoration: none;
}

.enq-btn{
	padding: 15px 30px 15px 30px;
	background-color: #22403F;
	border:none;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff!important;
	letter-spacing: 3px;
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}
.enq-btn-2
{
	padding: 15px 30px 15px 30px;
	background-color: transparent;
	border:1px solid #22403F;
	font-size: 12px;
	text-transform: uppercase;
	color: #22403F!important;
	letter-spacing: 3px;
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.project_banner{
	height: 95vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.project_banner .banner-overlay{
	height: 100%;
}

.project_title_container{
	bottom:25px;
	z-index: 9;
}

.project_banner .project_title_container .logo_container_project{
	width: 250px;
}

.project_banner .project_title_container .section_title h1{
	font-size: 60px;
}

.project_banner .project_title_container .section_title h4{
	font-size: 22px;
}

.project_banner .project_title_container .qr_show_banner{
	width: 120px;
}

.project_details_short{
	border-bottom: 1px solid rgba(175, 175, 175, .3);
}

.project_details_short p{
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
}

.project_details_short p b{
	font-size: 15px;
}

.social_main p{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 0;
	text-transform: uppercase;
}

.social-toggle{
	cursor: pointer;
}

.socials_container{
	-webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0) translateY(-190px);
  transform: scale(0) translateY(-190px);
  opacity: 0;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  margin-left: -45%;
  /* stops flickering */
  -webkit-backface-visibility: hidden;
    position: absolute;
}

.socials_container.open-menu {
  -webkit-transform: scale(1) translateY(-70px);
  transform: scale(1) translateY(-70px);
  opacity:1;
}

.socials_container ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
.socials_container ul li{
	padding: 10px 20px;
    background-color: #105e6b;
}
.socials_container ul li a{
	font-size: 18px;
	color: #fff!important;
}

.project_summery .section_title h1{
	color: #000;
    background: linear-gradient(45deg, #22403f, #1d8682, #487878);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.project_summery .contact_info_main .contact_info_item p{
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
.project_summery .contact_info_main .contact_info_item h6{
	font-size: 22px;
	color: #000;
}

.project_amenities_section{
	background-color: #F5F5F5;
}

.project_amenities_section .project_feature_item span{
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.amenities_gallery{
	padding: 50px 0px;
}

.amenities_gallery .amenities_corousel .item .amenities_details{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	top: 101%;
	left: 0;
	z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
    transition: 1.5s all ease-out;
    opacity: 0;
}
.amenities_gallery .amenities_corousel .item .amenities_details h3{
	color: #fff;
	font-family: "Cormorant Infant", serif;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: center;
}

.amenities_gallery .amenities_corousel .item:hover .amenities_details{
	top: 0;
	opacity: 1;
}

.walk_through_video.section_padding{
	padding-bottom: 30px;
}


.floor_plans_section .tabs_main_sty{
	justify-content: center;
	border-bottom: 0;
}

.floor_plans_section .tabs_main_sty .nav-item .nav-link {
    color: #8D8D8D;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    padding-bottom: 10px;
    letter-spacing: 2px;
}

.floor_plans_section .tabs_main_sty .nav-item .nav-link.active {
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: bold;
}

.floor_plans_section .floor_plan_item_main{
	background-color: #F5F5F5;
}

.floor_plans_section .floor_plan_item_main img{
	mix-blend-mode: multiply;
}

.floor_plans_section .floor_plan_item_main h3{
	font-size: 40px;
	font-family: "Cormorant Infant", serif;
}

.floor_plans_section .floor_plan_item_main p,.floor_plans_section .floor_plan_item_main h6{
	text-transform: uppercase;
}

.floor_plans_section .floor_plan_item_main p{
	color: #8D8D8D;
	font-size: 14px;
}

.floor_plans_section .floor_plan_item_main h6{
	color: #000;
	font-size: 15px;
}

.floor_plans_section .floor_plan_item_main:nth-child(even){
	background-color: #fff;
}

.project_features_section{
	background-color: #f5f5f5;
}

.project_features_section .project_feature_item button{
	background-color: transparent;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: none!important;
}

.project_features_section .project_feature_item .card.card-body{
	background-color: transparent;
    border: none;
    line-height: 32px;
    letter-spacing: 1px;
}

.work_progress .gallery_tabs_main{
	justify-content: center;
	border-bottom: none;
}

.work_progress .gallery_tabs_main .nav-item .nav-link {
    color: #8D8D8D;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    padding-bottom: 10px;
    letter-spacing: 2px;
}

.work_progress .gallery_tabs_main .nav-item .nav-link.active {
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: bold;
}

.enquiry_side_pop{
	width: 45%;
	background-color: #00333C;
    /*background-image: url(../images/inner-bg-left.png), url(../images/inner-bg-right.png),url(../images/inner-bg-tp-left.png), url(../images/inner-bg-tp-right.png);*/
    background-repeat: no-repeat;
    background-position: -10% 101%, 110% 101%, -10% -50%, 110% -50%;
    background-size: auto 50%;
    padding: 25px 85px 85px 85px;
    overflow-y: scroll;
}

.enquiry_side_pop button i{
	font-size: 50px;
	color: #fff;
}

.enquiry_side_pop .offcanvas-header .enq-btn i{
	margin: 0;
	padding: 0;
}

.enquiry_side_pop .offcanvas-body
{
	overflow-y: unset;
}

.enquiry_side_pop form .form-control{
	height: 55px;
    border-radius: 50px;
    padding-left: 60px;
}


.enquiry_side_pop form .inp_grp_frm.adjust .form-control{
    padding-left: 50px;
}

.enquiry_side_pop form .form-control:focus{
	box-shadow: none!important;
}

.enquiry_side_pop form i{
	position: absolute;
    top: 20px;
    color: #105e6b;
    font-size: 20px;
    left: 30px;
}

.enquiry_side_pop form .inp_grp_frm.adjust i{
    left: 35px;
}

.enquiry_side_pop form .enq-btn{
	height: 60px;
}

.enquiry_side_pop form .inp_grp_frm {
	margin-bottom: 32px;
}

.enquiry_side_pop .project_title_summery{
	margin-bottom: 75px;
	margin-top: 30px;
}


.enquiry_side_pop .enq_pop_bottom_text_div h2{
	font-size: 55px;
    font-weight: bold;
    line-height: 1.2;
    background: linear-gradient(170.59deg, #e3bf81 -2.71%, rgba(253, 191, 129, 0) 75.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
    margin-bottom: 0;
}

.enquiry_side_pop form label{
	font-size: 13px;
}

.main_container_flooor{
	width: 120%;
	margin-left: 15%;
}

.floors_carousel .item{
	background-color: #fff;
}

.floors_carousel .item .image_container, .floors_carousel .item .content_container
{
	width: 50%;
}

.floors_carousel .item .content_container .enq-btn-2{
    width: 45px;
    height: 45px;
    padding: 12px;
    font-size: 12px;
    border-radius: 25px;
    text-align: center;
}

.floors_carousel.owl-carousel .owl-nav button.owl-next{
	right: 33%;
}

.walk_through_video .play_button{
	width: 55px;
	height: 55px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	text-decoration: none;
}
.walk_through_video .play_button i{
	color: #000000;
}

.main_container_digital_gallery{
	width: 120%;
}



      .main_container_digital_gallery .swiper {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
      }

      .main_container_digital_gallery .swiper-slide {
        background-position: center;
        background-size: cover;
        width: auto;
        height: 470px;
        overflow: hidden;
      }

      .main_container_digital_gallery .swiper-slide img {
        display: block;
        width: 100%;
      }

.client_logos .item img {
    aspect-ratio: 3 / 2;
    object-fit: contain;
    padding: 35px;
}

.left-mask{
	width: 175px;
	height: 100px;
	background-image: linear-gradient(45deg, #fff, transparent);
	z-index: 9;
	left: 0px;
}
.right-mask{
	width: 175px;
	height: 100px;
	background-image: linear-gradient(-45deg, #fff, transparent);
	z-index: 9;
	right: 0px;
}

.client_logos .owl-nav{
	position: absolute;
    top: -55%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 99;
    margin: 0;
}

.client_logos .owl-nav button.owl-prev {
    position: absolute;
    right: 160px;
    left: auto;
}

.client_logos .owl-nav button.owl-next {
    position: absolute;
    right: 100px;
    left: auto;
}

.client_logos .owl-nav button.disabled
{
	visibility: visible;
}

.project_location button:focus{
	box-shadow: none!important;
}

.project_location .card{
	background-color: transparent;
	border: 0;
	color: #000;
}

.project_location .project_feature_item span{
	text-transform: uppercase;
	letter-spacing: 1.5px;
}




.swiper-pagination {
    display: flex;
    justify-content: end;
    bottom: 15%;
    padding: 0 8%;
    align-items: center;
}

.banner_divider{
	width: 200px;
	height: 4px;
	background-color: #838383;
	display: inline-block;
	margin: auto 15px;
	border-radius: 4px;
	overflow: hidden;
}

.banner_pagination_numbers{
	color: #fff;
}

.width_define{
	background-color: #fff;
	height: 100%;
	display: block;
	transition: 1s width;
}

.main_slider video{
	width: 100%;
	height: auto;
}

.main_slider .banner_contents{
	width: 750px;
	position: absolute;
	z-index: 99;
	bottom: 15%;
	left: 10%;
}

.main_slider .banner_contents h1{
	font-family: "Lato", sans-serif;
	font-size: 70px;
	color: #fff;
	line-height: 1.5;
}

.main_slider .banner_contents .banner_btn{
	background-color: #fff;
	color: #000;
	padding: 15px 25px;
	border-radius: 45px;
	outline: none;
	text-decoration: none;
	border: none;
	text-transform: uppercase;
}

.banner_overlay{
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #061013 0%, rgba(6, 16, 19, 0) 93.69%);
	position: absolute;
	z-index: 9;
}

.about-main-container h1{
	font-family: "Lato", sans-serif;
	font-size: 65px;
	line-height: 1.5;
}
.about-main-container p{
	font-size: 16px;
	line-height: 1.8;
	width: 80%;
}

.about_btn{
	font-size: 15px;
	letter-spacing: 1px;
	padding: 10px 20px;
	border-radius: 45px;
	text-transform: uppercase;
    border: 1px solid #d4d4d4;
    box-shadow: none!important;
}



.service_btn{
	font-size: 15px;
	letter-spacing: 2px;
	padding: 15px 20px;
	border-radius: 45px;
	background-color: #fff;
	color: #000;
	text-transform: uppercase;
    box-shadow: none!important;
}

.testimonial_btn{
	font-size: 15px;
	letter-spacing: 2px;
	padding: 15px 20px;
	border-radius: 45px;
	background-color: #fff;
	color: #000;
	border: 1px solid #E0E7E8;
	text-transform: uppercase;
    box-shadow: none!important;
}



.counter_container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.counter{
	font-size: 65px;
	font-weight: 200;
}


.blog_big_container p{
	font-size: 16px;
}


.main_project{
	background-image: url(../images/main_project.png);
	background-size: cover;
	background-position: center;
	height: 100vh;
}

.project_overlay{
	width: 100%;
    height: 100%;
    background: linear-gradient(10deg, rgba(0, 21, 24, .7) 25.32%, transparent, rgba(255, 255, 255, .3) 88.96%);
    position: absolute;
    z-index: 9;
}
.project_grid_overlay{
	width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 21, 24, .7), transparent 60%);
    position: absolute;
    z-index: 9;
}
.main_title_tag{
	width: 650px;
}
.main_title_tag h1{
	font-family: "Lato", sans-serif;
	font-size: 78px;
	color: #fff;
	line-height: 1.3;
}

.location_main_feat{
	flex-wrap: wrap;
}

.project_dec_item{
	border-left:1px solid #eee;
	padding-left: 25px;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 20px;
}

.project_dec_item p{
	color: #A5A5A5;
	font-size: 13px;
	letter-spacing: 1.5px;
	margin-bottom: 4px;
}


.project_dec_item h6{
	font-size: 20px;
	letter-spacing: 1.3px;
}


.logo_container_project{
	width: 250px;
	top: 50px;
	right: 50px;
	z-index: 99;
}

.project_griddetails_container_main{
	bottom: 20px;
	padding: 10px 30px;
	z-index: 99;
}

.project_basic_info_container
{
	color: #fff;
}
.project_basic_info_container h4{
	font-size: 25px;
	margin-bottom: 20px;
}
.project_basic_info_container p{
	margin: 0;
	font-size: 15px;
}
.project_basic_info_container p i{
	margin-right: 10px;
}
.project_grid_logo_container
{
	width: 150px;
}

.project_btn{
	width: 60px;
	height: 60px;
	text-decoration: none;
	background-color: #fff;
	color: #000;
	border: none;
	outline: none;
	box-shadow: none!important;
	border-radius: 60px;
	overflow: hidden;
	opacity: 0;
	transition: 1s all;
    box-shadow: none!important;
}

.button_postion_project{
	z-index: 99;
	top: 20px;
	right: 20px;
	rotate: -45deg;
}

.project_btn i{
	font-size: 20px;
}

.project_main_container:hover .project_btn{	
	opacity: 1;
}

.project_main_container{
	border-radius: 25px;
	overflow: hidden;
	cursor: pointer;
}

.services_section{
	background-color: #22403F;
}

.service_content{
	top: 0px;
	width: 550px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
}

.service_content h1{
	font-family: "Lato", sans-serif;
	font-size: 70px;
}


.stories_and_success{
	background-color:#fff;
}

.testimonials_carousel .item p
{
	font-size: 13px;
	letter-spacing: 1px;
	color: #000;
}

.testimonials_carousel .item p span
{
	font-weight: 800;
	cursor: pointer;
}

.testimonials_carousel .item h6{
	color: #a1a1a1;
	font-size: 13px;
	color: #a1a1a1;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.testimonials_carousel .item h5{
	font-size: 16px;
	letter-spacing: 2px;
	color: #000;
	line-height: 25px;
	text-transform: uppercase;
}

.stories_and_success .testimonials_carousel .pop_details
{
	position: absolute;
    background-color: #f3f5ee;
    padding: 30px 40px;
    width: 100%;
    min-height: 100%;
    height: auto;
    z-index: 9;
    top: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    left: 0;
    visibility: hidden;
    transition: 1s all;
}

.stories_and_success .testimonials_carousel .pop_details.show
{
    visibility: visible;
    opacity: 1;
}

.testimonials_carousel .pop_details img
{
	width: 50px;
}







.testimonials_grid .item p
{
	font-size: 13px;
	letter-spacing: 1px;
	color: #000;
}

.testimonials_grid .item p span
{
	font-weight: 800;
	cursor: pointer;
}

.testimonials_grid .item h6{
	color: #a1a1a1;
	font-size: 13px;
	color: #a1a1a1;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.testimonials_grid .item h5{
	font-size: 16px;
	letter-spacing: 2px;
	color: #000;
	line-height: 25px;
	text-transform: uppercase;
}


.testimonials_grid .item{
	background-color: #F3F5EE;
	padding: 25px;
	border-radius: 15px;
}

.stories_and_success .testimonials_grid .pop_details
{
	position: absolute;
    background-color: #F3F5EE;
    padding: 30px 40px;
    width: 100%;
    min-height: 100%;
    height: auto;
    z-index: 9;
    top: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 1s all;
    left: 0;
}

.stories_and_success .testimonials_grid .pop_details.show
{
    visibility: visible;
    opacity: 1;
}

.testimonials_grid .pop_details img
{
	width: 50px;
}







.pop_details .details_container{
	position: relative;
}

.pop_details .details_container button{
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	border: none;
}

.stories_and_success .section_title h1{
	text-align: left;
	text-transform: capitalize;
}

.tabs_main_sty {
	border: none;
}
.tabs_main_sty .nav-item .nav-link
{
	color: #8D8D8D;
	border: none;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0;
	padding-bottom: 10px;
	letter-spacing: 2px;
}

.tabs_main_sty .nav-item .nav-link.active{
	color: #000;
	font-weight: bold;
}

.avatar_container{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
}

.testimonials_carousel .item{
	background-color: #F3F5EE;
	padding: 25px;
	border-radius: 15px;
	overflow-x: hidden;
}


.events_section .section_title h1{
	text-align: left;
	text-transform: capitalize;
}


.news_events_carousel .item p
{
	font-size: 13px;
	letter-spacing: 1px;
	color: #8D8D8D;
	margin-bottom: 5px;
}


.news_events_carousel .item h5{
	font-size: 16px;
	color: #000;
	line-height: 25px;
}

.blogs_section{
	background: linear-gradient(73.54deg, #EEF5F9 17.24%, #EEFBF1 98.57%);
}

.item img{
	border-radius: 10px;
}

.blog_big_container h5{
	line-height: 1.5;
	font-size: 15px;
	text-transform: capitalize;
}

.blogs_section .section_title h1
{
	text-align: left;
	font-size: 65px;
	text-transform: capitalize;
}

.blog_small_container .image_container_blog{
	width: 300px;
	margin-right: 20px;
}

.blog_small_container .text_container_blog p{
	font-size: 13px;
	letter-spacing: 1px;
	color: #8D8D8D;
	margin-bottom: 10px;
}

.blog_small_container .text_container_blog h5{
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 10px;
}

.blog_small_container .text_container_blog a{
	text-decoration: none;
	font-size: 14px;
	color: #000;
	border-bottom: 1.5px solid #000;
}

.main_banner{
	height: 600px;
	background-size: cover;
	background-position: top-left;
}

.service_banner{
	background-size: cover;
	background-position: bottom;
}

.main_banner h1{
	font-family: "Lato", sans-serif;
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    z-index: 99;
    text-transform: uppercase;
    letter-spacing: 10px;
}


.about_content{
	line-height: 1.9;
	margin: 0;
}

.about_mission_vision{
	background-color: #EEEEEE;
}

.about_mission_vision .section_title h1{
	text-align: left;
	text-transform: capitalize;
}

.mission_vision_card{
	background-color: #F7F9F9;
	border-radius: 20px;
}

.mission_vision_card .icon{
	width: 75px;
}

.mission_vision_card .content p{
	line-height: 1.9;
}

.mission_vision_card .content h3{
	font-size: 30px;
}

.our_values_main{
	background-color: #F7F9F9;
}

.chairman_section{
	background-color: #22403F;
}

.chairman_section .section_title h1{
	text-align: left;
	color: #fff;
	text-transform: capitalize;
	line-height: 1.2;
}



.message_content_chairman{
	color: #7FAEA9;
}

.name_details h5{
	font-size: 25px;
	color: #fff;
	font-weight: 500;
}
.name_details p{
	font-size: 15px;
	color: #fff;
	opacity: .6;
}

.teams_section .section_title h1{
	text-transform: capitalize;
	text-align: left;
}

.user_profile{
	height: 100%;
	width: 100%;
	transition: 1s all;
	opacity: 0;
	backdrop-filter: blur(18px);
	background-color: rgba(255, 255, 255, .15);
	display: flex;
	align-items: center;
	justify-content: end;
	padding: 20px 25px;
	flex-direction: column;
}


.teams_main:hover .user_profile{
	opacity: 1;
}

.socials_teams a{
	padding: 0 15px;
	font-size: 20px;
}

.no-bg-blog{
	background: none;
}
.blog_details_section .social_share{
	color: #8D8D8D;
}

.blog_details_section .social_share a{
	margin: 0px 5px;
	font-size: 13px;
	color: #000;
}

.blog_details_section .section_title h1{
	text-align: left;
	font-size: 35px;
	text-transform: none;
	line-height: 1.6;
	text-transform: capitalize;
}

.blog_details_section p{
	line-height: 1.9;
}

.related_blog .section_title h1{
	text-align: left;
	font-size: 35px;
	text-transform: none;
}

.contact_form .section_title h1{
	text-align: left;
	font-size: 60px;
	text-transform: capitalize;
	line-height: 1.3;
}

.contact_info_basic p{
	font-size: 12px;
	color: #8D8D8D;
}
.contact_info_basic h5{
	line-height: 1.6;
}

.contact_info_basic h5 a{
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

.custom-inp{
	border-radius: 25px;
	font-size: 14px;
	padding: 18px 20px;
}

input.custom-inp{
	height: 50px;
}

.custom_contact_btn{
	border-radius: 20px;
	padding: 15px 35px;
	background-color: #22403F;
    box-shadow: none!important;
}

.location_info{
	background: #F4EFE9;
}

.location_info .section_title h1{
	text-align: left;
	text-transform: capitalize;
	line-height: 1.3;
}

.contact_info_basic .map_btn{
	border-bottom: 1px solid #000;
	font-size: 18px;
	color: #000;
	text-decoration: none;
    box-shadow: none!important;
}

.gmap_section .section_title h1{
	text-align: left;
	text-transform: capitalize;
	line-height: 1.3;
}

.gmap_section .service_btn{
	border: 1px solid #eee;
}

.foot_enq_banner{
	background-color: #22403F;
}

.foot_enq_banner .section_title h1{
	text-align: left;
	text-transform: uppercase;
	line-height: 1.3;
	font-size: 38px;
	color: #fff;
}

.info_n_links{
	background-color: #171717;
}

.info_n_links .contact_info_basic h5 a{
	color: #fff;
}

.links_area h6{
	font-size: 12px;
	color: #8D8D8D;
}

.links_area .footer_links{
	list-style: none;
	padding: 0;
	margin: 0;
}

.links_area .footer_links li{
	padding: 10px 0px;
}

.links_area .footer_links li a{
	color: #fff;
	text-decoration: none;
	font-size: 15px;
}
.news_letter_area h6{
	font-size: 18px;
	color: #fff;
}

.news_letter_area h5{
	font-size: 16px;
	line-height: 1.7;
	color: #fff;
}

.custom_inp_newsletter{
	height: 60px;
	border-radius: 0;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 15px 20px;
	font-size: 15px;
	border: 1px solid #343434;
	background-color: transparent;
	color: #fff;
	border-right: none;
	box-shadow: none!important;
}

.custom_btn_newsletter{
	height: 60px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #22403F;
	border-radius: 0;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border: 1px solid #343434;
	color: #fff;
	border-left: none;
    box-shadow: none!important;
}

.footer_socials ul{
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer_socials ul li{
	padding-right:30px;
	color: #fff;
}

.footer_socials ul li a{
	font-size: 18px;
	color: #fff;
}

.privacy_terms{
	display: flex;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.privacy_terms li{
	padding-left: 20px;
}

.privacy_terms li a{
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}

.navbar-brand{
	width: 70px;
	padding: 10px 0;
	transition: all 1s;
}

.mob_logo_inc{
	width: 130px;
	transform: all 1s;
	display: inline-block;
}

.scrolled_nav .mob_logo_inc{
	width: 130px;
}

.scrolled_nav .main_button{	
	border: 1px solid #eee;
}


.scrolled_nav .main_button:before{
	display: none;
}	

.nav-item {
	padding-right: 20px;
}
.nav-item a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.navbar-nav, .brand_main, .nav_contact{
	width: 325px;
}


.nav_contact .nav-link{
	color: #fff;
}


.service_main_info{
	background-color: #F6F7F4;
}

.service_main_info .section_title h1{
	text-align: left;
	font-size: 65px;
	text-transform: capitalize;
}

.service_main_info .section_description p{
	font-size: 15px;
	line-height: 1.9;
	text-align: left;
}

.service_main_info .section_description button{
	font-size: 13px;
}


.inside_gallery .section_title h1{
	text-align: left;
	text-transform: capitalize;
}

.video_photo_filter button{
	font-size: 14px;
	color: #8D8D8D!important;
	box-shadow: none!important;
}

.video_photo_filter button.active{
	color: #000!important;
}

.inside_gallery .gallery_carousel{
	position: relative;
}


.inside_gallery .gallery_carousel .owl-nav{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.inside_gallery .gallery_carousel .owl-nav button{
	background-color: #fff;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	border-radius: 50px;
	box-shadow: 0px 0px 5px -2px;
}

.inside_gallery .gallery_carousel .owl-nav button.owl-prev{
	margin-left: -25px;
}


.inside_gallery .gallery_carousel .owl-nav button.owl-next{
	margin-right: -25px;
}

.inside_gallery .gallery_carousel .owl-dots{
	display: none;
}

.inside_gallery .gallery_carousel .owl-nav button.disabled{
	background-color: #e8e8e8;
    color: #c0c0c0;
}

.pricing_section{
	background-color: #F6F6F6;
}

.pricing_section .section_title h1{
	text-align: left;
	text-transform: capitalize;
}

.pricing_container{
	background-color: #fff;
	border-radius: 25px;
	margin-left: 50px;
	overflow: hidden;
}

.pricing_container:first-child{
	margin-left: 0;
}

.pricing_container .pricing_head{
	border-bottom: 1px solid #EDEDED;
}

.pricing_container .pricing_head h6{
	font-size: 14px;
	color: #56A045;
}
.pricing_container .pricing_head h2{
	font-weight: bold;
	font-size: 35px;
}
.pricing_container .pricing_head h2 span{
	font-size: 20px;
	font-weight: 500;
	color: #AAAAAA;
}

.pricing_container .pricing_head p{
	font-size: 16px;
	line-height: 1.9;
}

.pricing_container .pricing_btn{
	background-color: #F6F6F6;
	width: 100%;
	height: 50px;
	border-radius: 50px;
	font-weight: bold;
    box-shadow: none!important;
}

.pricing_container .pricing_body .pricing_features_list{
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing_container .pricing_body .pricing_features_list li{
	padding-bottom: 25px;
	font-size: 16px;
	display: flex;
	justify-content: start;
	align-items: center;
}

.pricing_container .pricing_body .pricing_features_list li:before{
	content: "\f00c";
	width: 20px;
	height: 20px;
	background-color: #ECF4F3;
	border-radius: 25px;
	margin-right: 12px;
	font-family: 'FontAwesome';
	display: flex;
	align-items: center;
	justify-content: center;
	color: #22403F;
}

.pricing_container:hover{
	background-color: #22403F;
}

.pricing_container:hover .pricing_head h2, .pricing_container:hover .pricing_head p, .pricing_container:hover .pricing_body .pricing_features_list li{
	color: #fff;
}


.pricing_container:hover .pricing_btn{
	background-color: #fff;
}


.navbar .nav-link:focus, .navbar .nav-link:hover{
	color: #cecece!important;
}

.navbar{
	transition: background-color 1.5s;
}


.scrolled_nav .nav-link:focus, .scrolled_nav .nav-link:hover{
	color: #000!important;
	font-weight: bold;
	letter-spacing: 1px;
}


.scrolled_nav .navbar-nav .nav-item .nav-link, .scrolled_nav .nav_contact button, .scrolled_nav .nav_contact .nav-link{
	color: #22403F!important;
}

.scrolled_nav{
	background-color: #eeeeee;
}



.navbar-toggler i{
	color: #fff;
}

.inner_navbar .navbar-toggler i{
	color: #000;
}


.scrolled_nav .navbar-toggler i{
	color: #000;
}


.main_project_drop_down{
	width: 65vw;
	height: 0;
	background-size: cover;
	background-image: url(../images/slider1.png);
	border: 1px solid #fff;
	border-radius: 15px;
	overflow: hidden;
	opacity: 0;
	padding: 0;
	transition: opacity 1s,top 1.5s,height 1.8s, padding 1s;
	display: block;
	top: 200%;
	z-index: -1;
}

.dropdown-menu.main_project_drop_down.show{
	opacity: 1;
	top: 100%;
	z-index: 1;
	height: 65vh;
	padding: 50px;
}

.project_info_nav h1{
	font-size: 45px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.project_info_nav p{
	text-transform: uppercase;
}

.main_button{
	position: relative;
    padding: 10px 25px;
    color: #fff;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px) saturate(180%);
    -webkit-backdrop-filter: blur(4px) saturate(180%);
    outline: none;
    border: none;
	text-transform: uppercase;
}

.main_button:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 1.5px;
    background: linear-gradient(202deg, #fff, #7f7f7f);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.glass{
	position: relative;
    padding: 10px 25px;
    color: #fff;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px) saturate(180%);
    -webkit-backdrop-filter: blur(4px) saturate(180%);
    outline: none;
    border: none;
	text-transform: uppercase;
}

.glass:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 1.5px;
    background: linear-gradient(202deg, #fff, #7f7f7f);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.news_events_carousel .owl-nav, .news_events_carousel .owl-dots, .testimonials_carousel .owl-nav, .testimonials_carousel .owl-dots{
	display: none;
}

.menu_mobile{
	background-color: #eeeeee;
}

.menu_mobile .offcanvas-header .offcanvas-title
{
	color: #000;
}

.menu_mobile .offcanvas-header button{
	filter: invert(0);
}


.mobile_menu_list{
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile_menu_list li{
	font-size: 25px;
	padding-bottom: 30px;
	text-align: left;
}


.mobile_menu_list li a{
	color: #000;
	text-decoration: none;
}

.project_drp_mobile .accordion-item{
	background: transparent;
	border: none;
}

.project_drp_mobile .accordion-button{
	background: transparent;
    color: #000;
    border: none;
    padding: 0;
    box-shadow: none!important;
    font-size: 25px;
    display: flex;
    justify-content: start;
}

.project_drp_mobile .accordion-button::after{
	filter: invert(0);
	margin-left: 15px;
}

.navbar .main_button i{
	font-size: 15px;
}

.action_buttons_footer{
	position: fixed;
	z-index: 999;
	bottom: 25px;
}

.action_buttons_footer a{
	color: #519741;
	text-decoration: none;
	font-size: 20px;
}

.action_buttons_footer .action_container{
	background-color: #e6e6e6;
}

.navbar-toggler:focus{
	box-shadow: none!important;
}



@media (max-width: 1399px)
{
	.navbar .nav-link{
		font-size: 14px;
	}
	.about_btn{
		font-size: 14px;
	}
}



@media (max-width: 1250px)
{
	.navbar .nav-link{
		font-size: 13px;
	}

	.main_title_tag{
		width: 80%;
	}
	.about_btn{
		font-size: 13px;
	}
}

@media (max-width: 1199px)
{
	.main_title_tag{
		width: 80%;
	}

	.mob_toggler, .mob_logo, .nav_contact{
		width: 170px;
	}
	.about-main-container h1, .section_title h1{
		font-size: 45px;
		line-height: 1.3;
	}
	.main_slider .banner_contents h1,.main_title_tag h1{
		font-size: 50px;
	}
	.service_content {
    	top: -50px;
	}
	.service_content h1 {
    	font-size: 60px;
	}
	.blogs_section .section_title h1{
		font-size: 60px;
	}

	.main_banner h1{
		font-size: 45px;
	}

	.counter {
    	font-size: 45px;
	}

	.service_main_info .section_title h1{
		font-size: 50px;
	}
	.pricing_container{
		display: flex;
	}
	.pricing_head{
		border: none;
		width: 50%;
	}

	.blog_details_section{
		padding-bottom: 10px;
	}
}

@media (max-width: 991px)
{
	.main_title_tag{
		width: 80%;
	}
	.about-main-container p{
		width: 100%;
	}
	.counter{
		font-size: 30px;
	}
	.about-main-container h1, .section_title h1{
		font-size: 36px;
		line-height: 1.3;
	}
	.main_slider .banner_contents h1,.main_title_tag h1{
		font-size: 40px;
	}
	.main_banner h1{
		font-size: 40px;
	}
	.service_content {
        top: -75px;
        width: 425px;
    }
    .service_content h1 {
    	font-size: 45px;
    	margin-bottom:15px!important;
    }
    .service_content p{
    	font-size: 12px;
    	margin-bottom: 25px!important;
    }
    .service_content .service_btn{
    	font-size: 10px;
    	padding: 10px 15px;
    }
    .foot_enq_banner .section_title h1{
    	font-size: 28px;
    }

	.blogs_section .section_title h1{
		font-size: 45px;
	}

    .service_btn{
    	font-size: 12px;
    }
    .banner_btn{
    	font-size: 12px;
    }
    .main_button{
    	font-size: 12px;
    }
    .testimonial_btn{
    	font-size: 12px;
    }
    .tabs_main_sty .nav-item .nav-link{
    	font-size: 12px;
    }

    .service_main_info .section_title h1 {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .filters_main{
    	flex-direction: column;
    }
    .video_photo_filter{
    	order: 2;
    }
    .category_filter{
    	order: 1;
    	justify-content: start !important;
    }

    .contact_form .section_title h1{
		font-size: 45px;
	}
	.blog_small_container{
		flex-direction: column;
	}
	.blog_small_container .image_container_blog{
		width: 100%;
	}

	.blog_big_container{
		position: sticky;
		top: 15%;
	}
}


@media (max-width: 767px)
{
	.main_title_tag{
		width: 80%;
	}

	.counter{
		font-size: 25px;
	}
	.about-main-container h1, .section_title h1{
		font-size: 30px;
		line-height: 1.3;
	}
	.main_slider .banner_contents h1,.main_title_tag h1{
		font-size: 35px;
	}

	.main_banner h1{
		font-size: 35px;
	}

	.counter_container .counter_item{
		flex-basis: calc(100% / 2);
        text-align: center;
	}
	.location_main_feat .project_dec_item
	{
		flex-basis: calc(100% / 2);
        text-align: left;
        border-left: none;
        padding-left: 0;
	}
	.main_slider .banner_contents {
    	width: 75%;
	}
	.services_section .bg_container_services img{
		visibility: hidden;
	}
	.service_content{
		width: 85%;
		top: -85px;
	}
    .service_content h1 {
    	font-size: 35px;
    }
    .service_content p{
    	margin-bottom: 15px!important;
    }

	.blogs_section .section_title h1{
		font-size: 35px;
	}

    .service_content{
    	top: 25%;
		left: 50%;
		transform: translate(-50%, -50%);
    }
    .foot_enq_banner img{
    	width: 65%!important;
    }
    .news_letter_area h5{
    	font-size: 13px;
    }
    .main_slider video{
    	width: auto;
    	height: 85vh;
    }

	.stories_and_success.section_padding{
		padding-bottom: 10px;
	}
	.copyright_section{
		flex-direction: column;
		align-items: center;
	}

	.copyright_section p{
		margin-bottom: 15px !important;
	}

	.copyright_section .privacy_terms li {
		padding-left: 0;
		padding-right: 20px;
	}
	.copyright_section .privacy_terms li:last-child{
		padding-right: 0;
	}

	.counter_main
	{
		order: 2;
	}
	.about_main
	{
		order: 1;
		margin-bottom: 40px;
	}


	.pricing_container{
		display: block;
	}
	.pricing_head{
		border-bottom: 1px solid #EDEDED;
		width: 100%;
	}


	.blog_big_container{
		position: unset;
	}


}


@media (max-width: 575px) {
    .service_content {
    	width: 100%;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .main_slider .banner_contents h1, .main_title_tag h1
    {
    	font-size: 28px;
    }

    .navbar .about_btn{
    	font-size: 10px;
    }
    .project_basic_info_container h4{
    	font-size: 20px;
    }

    .project_basic_info_container p{
    	font-size: 12px;
    }

    .project_grid_logo_container {
    	width: 125px;
	}

	.menu_mobile {
		width: 100%;
	}
	.service_btn{
		font-size: 10px;
	}

	.location_main_feat {
	    flex-direction: column;
	    align-items: start !important;
	}


	.main_project{
		background-image: url(../images/project_mob.png);
	}

	.project_dec_item p {
    	color: #dedede;
    }

	

	.logo_container_project{
		width: 200px;
        top: 185px;
        right: unset;
        left: 30px;
	}
	.project_overlay {
    	background: rgba(0, 0, 0, .36);
    }

	.nav_contact{
		display: none!important;
	}

	.mob_logo{
		order: 1;
	}

	.mob_toggler{
		display: flex;
		justify-content: end;
		order: 2;
	}
}

@media (max-width: 475px) {
    .service_content {
        top: -10%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .blog_small_container{
    	flex-direction: column;
    }
    .blog_small_container .image_container_blog{
    	width: 100%;
    	margin-bottom: 20px;
    }
}