body{font-family: "Montserrat", sans-serif;}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-10{margin-bottom:10px;}
.fl{float:left;}
.fr{float:right;}
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-justify{text-align:justify!important;}
.pad-top-25{ padding-top:25px;}
.border-0{border:0px!important;}
.center-block{ margin:0 auto; float:none;}
.border-red{border:1px solid red!important;}
.border-blue{border:1px solid blue!important;}
.mar-top-0{margin-top:0px!important;}

/*===============================================*/

 #navbar {transition: background-color 0.3s, padding 0.3s; background-color: #FFF;}
 #navbar.scrolled {background-color: rgba(236, 238, 242); padding: 6px 6px;} /*background-color: rgba(236, 238, 242, 0.9); */

.navbar {transition: top 0.3s; }
.navbar-hide {top: -98px;}
.navbar-show {top: 0;}	

.navbar-light .navbar-nav .nav-link {color: #585858;text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link:hover{color:#FFF;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.8rem;padding-left: 0.8rem;font-size: 18px;}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color:#000; }

.nav-link:hover{color:#efa024; text-decoration:none;}
.dropdown-item{color:#FFF!important; text-decoration:none;font-size:16px;}
.dropdown-item:hover{color:#FFF!important; text-decoration:none;}
.dropdown-menu li{margin-bottom:0px!important;}

.dropdown-item {display: block; width: 100%;padding:0.5rem 1rem; font-size: 16px;color: #FFF; font-family: "Montserrat", sans-serif;font-weight: 400;font-style: normal;}
.dropdown-item:hover{background:transparent;color: #FFF;}
.dropdown-menu {text-transform:uppercase; padding: 0rem 0; background-color: rgba(21, 21, 21);color:#FFF; font-size: 16px;}
.dropdown-toggle::after {vertical-align: 0em;}
.dropdown-item.active, .dropdown-item:active {color: #FFF; text-decoration: none; background-color: rgba(0, 0, 0, 0.8);}
.nav-button{background:#f3921d; color:#FFF;padding:8px 12px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.nav-button:hover{background:#000; }

.top-nav-section{padding:10px; background:#FFF;}
.navbar{padding-top:0.3rem;padding-bottom:0.5rem;}
.logo{height:74px;}
/*.logo-container img{width:98px;}*/
.logo-txt{font-size: 20px;line-height: 16px;color:#4d4e4e; text-transform: uppercase;padding-left: 9px; font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal;}

.banner-section{padding:0px!important;margin-top: 97px;}


/*====================================*/
.welcome-box{background:#16a6ac; padding:3rem;margin-top: -5rem;position: relative;}
.welcome-box p{font-family: "Montserrat", sans-serif;  font-size:19px; text-align:center; color:#000; font-weight:normal;}
/*=================*/

.home-project-section{padding-top:6rem;padding-bottom:2rem;}
.home-project-section h1{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:35px; color:#3ca6ac;  text-align:center; letter-spacing:2px; text-transform:uppercase;}

/*======project=======*/
.project-ongoing-info{padding:30px 35px; background:#FFF;}
.project-ongoing-info h2{font-size:22px; color:#000; line-height: 30px;text-transform:uppercase;text-align:left;font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal;letter-spacing: 1px;}
.project-ongoing-info h2 span{text-transform:lowercase;}
.project-ongoing-info h3{font-size:17px; color:#000000; text-transform:uppercase;text-align:left;font-family: "Montserrat", sans-serif; font-weight:400;line-height:20px;letter-spacing: 1px;}
.project-ongoing-info a{background:#000; color:#FFF; font-size:16px; font-weight:500;padding:3px 5px; text-decoration:none; margin-top:10px;display:inline-block;}
.project-ongoing-info a:hover{background:#FFF; color:#000;}

.project-ongoing-info-2{padding:30px 35px; background:#FFF;text-align:right;}
.project-ongoing-info-2 h2{font-size:22px; color:#000; line-height: 30px;text-transform:uppercase;text-align:right;font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal;letter-spacing: 1px;}
.project-ongoing-info-2 h3{font-size:18px; color:#000000; text-transform:uppercase;text-align:right;font-family: "Montserrat", sans-serif;font-weight:400;line-height:20px;}
.project-ongoing-info-2 a{background:#000; color:#FFF; font-size:16px; font-weight:500;padding:3px 5px; text-decoration:none; margin-top:10px;display:inline-block;}
.project-ongoing-info-2 a:hover{background:#FFF; color:#000;}


/*=================completed project=====================*/
.home-project-section-2{padding-top:2rem;padding-bottom:2rem;}
.home-project-section-2 h1{font-family: "Montserrat", sans-serif; font-size:35px; color:#3ca6ac; font-weight:600; text-align:center; letter-spacing:2px; text-transform:uppercase;}

.completed-project-container{background:#dedede; padding:1rem;}
/*
.carousel-item {padding: 50px 0;}
.carousel-item img {width: 100%;height: auto; border: 10px solid #FFF;}
.carousel-caption {position: static;padding-left: 30px;color: #000;}
.carousel-caption p{font-family: "Roboto", sans-serif; font-size:18px; text-align:left; color:#000; font-weight:600;}

.carousel-control-prev-2 {left: -98px!important;}
.carousel-control-next{right: -98px!important;}
@media (max-width: 768px) {
	.carousel-caption {
        padding-left: 0;
        text-align: center;
        margin-top: 20px;
      }
    }
*/

.project-box{background:#FFF; border:1px solid #dddddd; padding-bottom:15px;min-height: 576px;}
.project-box h1{font-size:25px;color:#0a2552; font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; letter-spacing:2px; text-transform:uppercase; padding:19px 12px 0px 12px;}
.project-box h2{font-family: "Montserrat", sans-serif; font-size:18px;color:#0d0d0d; font-weight:400!important; font-style:italic; text-transform:uppercase; padding:0px 12px 0px 12px;}
.project-box h3{font-family: "Montserrat", sans-serif; font-size:18px;color:#0d0d0d; letter-spacing:2.5px; font-weight:600!important; text-transform:uppercase; padding:5px 12px 0px 12px;}

.button-1 {border:1px solid #3ca6ac; color:#164085; text-decoration:none; font-size:18px; display: flex;  justify-content: center;  align-items: center;  width: 132px; height:44px; font-weight:normal;  margin: 0px auto; -webkit-border-radius:5px!important;-moz-border-radius: 5px!important;border-radius: 5px!important; background-image: linear-gradient(to right, #3ca6ac 40%,  white 60%); background-size: 300% 100%;transition: background-position .5s;  background-position: 100%;}
.button-1:hover {background-position: 0%; color:#FFF; border:1px solid #3ca6ac;}

	
/*=================completed project=====================*/
.home-enq-section{padding-top:2rem;padding-bottom:2rem;}
.home-enq-section h1{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:35px; color:#3ca6ac; font-weight:600; text-align:center; letter-spacing:2px; text-transform:uppercase;}
/*
.form-bg{background:#3ca6ac; padding:15px;}

.form-control {border: none; border-bottom: 1px solid rgba(255,255,255); border-radius: 0; box-shadow: none;padding-left: 0; background: transparent;color: #fff;}
.form-select {border: none; border-bottom: 1px solid rgba(255,255,255); border-radius: 0; box-shadow: none;padding-left: 0; background: transparent;color: #FFF;}
.form-control::placeholder {color: rgba(255,255,255,0.7);}
.form-control:focus{border-bottom: 1px solid #fff;box-shadow: none;background: transparent!important;color: #000;}
.form-select:focus{border-bottom: 1px solid #fff;box-shadow: none;background: #389da3!important;color: #FFF;}
label{font-weight: 500;}
.btn-submit{width: 100%;margin-top: 20px;background: #fff;color: #3ca6ac;border: none;}
.btn-submit:hover {background: #e6e6e6;}*/

/*======footer============*/

.footer{background:#dedede; color:#000; padding-top:2rem; padding-bottom:1rem;margin-top: 0rem;}

.footer h2{font-family: "Montserrat", sans-serif; font-size:20px;color:#393939;text-align:left;}
.footer h3{font-family: "Montserrat", sans-serif; font-size:20px;color:#393939;text-align:left; font-weight:bold; text-transform:uppercase;}
.footer h5{font-family: "Montserrat", sans-serif; font-size:18px; font-weight:400; color:#393939;text-align:left;line-height: 24px;}
.footer p{font-family: "Montserrat", sans-serif; font-size:17px; margin-bottom: 0rem;}
.footer a{font-size:15px; font-weight:500; color:#393939; text-decoration:none; display:block; margin-top:15px;}
.footer a:hover{color:#FFF;}
.footer ul{margin:0px; padding:0px;}
.footer ul li{display:block;font-size:15px; font-weight:400; color:#000;text-align:left;}
.footer ul li a{font-size:15px; font-weight:400; color:#393939; text-decoration:none;}
.footer ul li a:hover{color:#FFF; text-decoration:none;}

.tel-icon{margin-top:-5px;}
.social-img{display:inline!important;}
.social-img img{height: 37px;margin-left: 7px;}

/*=============Project page================*/

.project-section-com{padding-top:2rem; padding-bottom:2rem;background:#f2f5f9;}
.project-section-com h1{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:35px; color:#3ca6ac; text-align:center; letter-spacing:2px; text-transform:uppercase;}

/*=============About page================*/
.line-top{padding:40px 0px;  background:#3ca6ac;}
.line-top h2{color:#FFF; text-align:center; font-size:30px;font-family: "Montserrat", sans-serif;font-weight: 600;letter-spacing: 2px;}
.banner-section-2{padding-top:1rem;padding-bottom:0rem; margin-top:6rem;}

.about-section{padding-top:2rem; padding-bottom:2rem;background:#dedede;}
.about-section h1{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:30px; color:#3ca6ac; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.about-section h2{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:24px; color:#3ca6ac; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.about-section h3{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:20px;color:#393939; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.about-section h3 a{color:#393939; text-decoration:none;}
.about-section h3 a:hover{color:#3ca6ac; text-decoration:underline;}

.about-section p{font-family: "Montserrat", sans-serif; font-size:19px; text-align:center; color:#000; font-weight:400;line-height:30px;}

.about-section-2{padding-top:2rem; padding-bottom:2rem; }
.about-section-2 h2{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:27px; color:#3ca6ac; font-weight:600; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.about-section-2 h3{font-family: "Montserrat", sans-serif; font-size:22px;color:#393939; font-weight:600; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.about-section-2 p{font-family: "Montserrat", sans-serif; font-size:19px; text-align:center; color:#000; font-weight:400;line-height:30px;}

.about-section-3{padding-top:0rem; padding-bottom:0rem;}
.vision-mission-box-container{padding-top:5rem; padding-bottom:5rem;}
.vision-mission-box{background:#dedede; padding:3rem;}
.vision-mission-title{background:#FFF; padding: 10px 5px 2px 5px; margin-bottom:10px;position: relative;z-index: 9;}
.vision-mission-box h4{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:27px; color:#3ca6ac; font-weight:600; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.vision-mission-box p{font-family: "Montserrat", sans-serif; font-size:19px; text-align:left; color:#000; font-weight:400;padding-left: 8.2rem;}
.verti-bar{background:#3ca6ac;width: 50px;position: relative;left: 165px;z-index: 1;}

/*=============Projects page================*/
.project-section-inner{padding-top:2rem; padding-bottom:2rem;}
.project-section-inner h1{font-family: "Montserrat", sans-serif;font-size:30px; color:#000; font-weight:600; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.project-section-inner h2{font-family: "Montserrat", sans-serif;font-size:19px; text-align:center; color:#000; font-weight:400; margin-bottom: 0px;}
.project-section-inner p{font-family: "Montserrat", sans-serif;font-size:19px; text-align:center; color:#000; font-weight:400;}
.proj-l-r-bor{border-left:1px solid #707070;border-right:1px solid #707070;}

.am-section{padding-top:2rem; padding-bottom:2rem; background:#dedede;}
.am-section h2{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:30px; color:#000; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.am-text{text-align:center; margin-top:15px;}
.am-text h3{font-family: "Montserrat", sans-serif;font-size:19px; text-align:center; color:#000; font-weight:400; margin-top: 10px; }

.gallery-section{padding-top:2rem; padding-bottom:2rem;}
.gallery-section h2{font-family: "Montserrat", sans-serif;font-weight: bold;font-style: normal; font-size:30px; color:#000; text-align:center; letter-spacing:2px; text-transform:uppercase;}

.swiper-gallery-container{height:650px;}
.text-gallery{margin-top: -23px; display: block; width: 100%; padding-left: 17px;font-size: 9px!important; color:#FFF!important; text-decoration: none!important;}
.carousel-caption {bottom: -1.55rem;}
.carousel-caption p{font-size:17px; color:#FFF;}

.map-section{padding:1rem 0px 2rem 0px;}
.map-section img{height: 56px;}

/*===========================**/
.accordion-item:first-of-type {border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
.accordion-header {border-bottom:1px solid #5C5C5C;}
.accordion-button:not(.collapsed) {background:#FFF; color:#000!important;font-size:23px; font-family: "Montserrat", sans-serif;font-weight: 600;letter-spacing: 2px;}
.accordion-button{border:0px solid #007376;font-size:23px; font-family: "Montserrat", sans-serif;font-weight: 600;letter-spacing: 2px;color:#5C5C5C; background-color:#FFF;text-transform: uppercase;border-left: 0px;border-right: 0px;padding: 15px 0px;}
.accordion-collapse{ }
.accordion-item {background-color: #FFF; border: 0px solid #007376;  margin-bottom: 10px;}


 .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235C5C5C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            transform: rotate(180deg);
}
        
.accordion-button::after {height:28px;width: 28px;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235C5C5C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.accordion-body {padding: 1rem 0.25rem;}
.accordion-body p {font-size: 19px; color: #707070; line-height: 25px; font-family: "Montserrat", sans-serif; text-align: left;}
.accordion-body p ul li{font-size: 22px; color: #707070; line-height: 25px; font-family: "Montserrat", sans-serif;}
.text-sm{display: contents;text-transform: lowercase;}

:focus {outline: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}

/*==============contact================*/

.form-container {background-color: #3ca6ac;padding: 1.5rem;}
.form-group {margin-bottom: 1rem;}
.lable-text{font-family: "Montserrat", sans-serif;font-size:18px;}
.form-input {width: 100%; background-color: transparent;color: white;padding: 0.5rem 0;border: none;border-bottom: 2px solid white;border-radius: 0;outline: none; font-size: 0.875rem; letter-spacing: 0.05em;}
.form-input::placeholder {color: white;}
.form-input:focus {border: none;border-bottom: 2px solid white;outline: none;}
.form-label {color: white;font-size: 20px;margin-bottom: 0.25rem;letter-spacing: 0.05em;display: block;}
.form-select {width: 100%;background-color: transparent;color: white;padding: 0.5rem 0;cursor: pointer;font-size: 0.875rem;letter-spacing: 0.05em;border: none;border-bottom: 2px solid white;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: none;}
.form-select option {background-color: #14b8a6;color: white;}
.submit-btn {background-color: white; color: #0d9488;font-weight: 600;padding: 0.5rem 1.5rem; border: none;cursor: pointer;letter-spacing: 0.05em;font-size: 0.875rem;transition: background-color 0.3s;}

.submit-btn:hover {background-color: #f3f4f6;}

.btn-submit{font-family: "Montserrat", sans-serif;font-weight: 500; font-style: normal;font-size:18px; color:#FFF; text-transform:uppercase;border-radius:0; padding:10px 24px; background:#3ca6ac; border:1px solid #3ca6ac;}
.btn-submit:hover{color:#3ca6ac; background:#FFF;}
.tnc{color:#000; font-size:12px!important;font-family: "Montserrat", sans-serif;font-weight: 400;font-style: normal;line-height: 20px!important;}
 /* Address styling */
.address-container {padding: 0px 20px 20px 20px ; border-radius: 8px;}
.address-container h3 {margin-bottom: 15px; color: #3ca6ac;font-family: "Montserrat", sans-serif;font-size: 24px;text-align: left;}
.address-item {display: flex; align-items: center; margin-bottom: 12px; color: #555; font-size: 18px;font-family: "Montserrat", sans-serif;}
.address-item i {color: #3ca6ac; margin-right: 10px; min-width: 20px; text-align: center;}
.address-item a{color:#555; text-decoration:none;}  
.address-item a:hover{color:#3ca6ac;}	  



/*=========thank you=======*/
.thankyou-section{padding-top: 11rem;padding-bottom: 20rem;margin-top:7rem;}
.thankyou-section h1{color:#5C5C5C; font-size:26px; text-align:center; font-family: "Montserrat", sans-serif;margin-bottom:10px;}
.thankyou-section h2{color:#5C5C5C; font-size:20px; text-align:center; font-family: "Montserrat", sans-serif;}
/*===================*/



.visi-desk{display:block;}
.visi-mob{display:none;}



/*============================================*/

@media (max-width:441px){ 
.visi-desk{display:none!important;}
.visi-mob{display:block!important;}
#navbar {background-color: #FFF;    padding-top: 0rem; padding-bottom: 0rem;}
.navbar-light .navbar-toggler {color: #000; border-color: rgba(0, 0, 0, 0);}
.navbar-collapse{background-color: rgba(0, 0, 0, 0.8);margin-top: 15px;border-radius: 0px; margin-left: 2px;}
.navbar-light .navbar-nav .nav-link {color: #FFF;}
.banner-section {padding: 0px;margin-top: 22px;}
.logo{height:62px;}

.welcome-box{padding: 1rem;margin-top: -3rem;}

.welcome-box p {font-size: 16px;line-height: 27px;}
.home-project-section h1 {font-size: 22px;}
.project-ongoing-info h2 {text-align: center;}
.project-ongoing-info h3 {text-align: center;}
.project-ongoing-info-2 h2 {text-align: center;}
.project-ongoing-info-2 h3 {text-align: center;}
.project-ongoing-info a{font-size: 16px;font-weight: 500;padding: 5px;text-decoration: none; display: block; text-align: center;width: 213px;margin: 12px auto;}
.project-ongoing-info-2 a{font-size: 16px;font-weight: 500;padding: 5px;text-decoration: none; display: block; text-align: center;width: 213px;margin: 12px auto;}

.footer p{font-size:15px;}
.footer img{height: 68px; margin-bottom: 29px;}
.footer h3 {font-size: 18px;}
.social-img img{height:40px!important;}
.project-box h1 {font-size: 20px!important;}

.banner-section-2{padding-top: 1rem;padding-bottom: 0rem;margin-top: 4rem;}
.line-top {padding: 10px 0px;}
.line-top h2{font-size: 16px;margin-bottom: 0px;}
.about-section h1{font-size: 22px;}
.about-section h2 {font-size: 18px;}
.about-section h3{font-size: 15px;}
.about-section p{font-size: 15px;line-height: 26px;}
.about-section-2 h2 {font-size: 18px;}
.about-section-2 p{font-size: 15px;line-height: 26px;}
.verti-bar {background: #3ca6ac;width: 22px;position: relative; left: 42px; z-index: 1;}
.vision-mission-box-container {margin-left: -7px;}
.vision-mission-box h4 {font-size: 18px;}
.vision-mission-title {z-index: 9;left: -44px;}
.vision-mission-box p {font-size: 15px;padding-left: 1.2rem;}
.vision-mission-box {padding: 2rem 3rem 1rem 3rem;}

.project-section-inner h1{font-size: 22px;}
.project-section-inner h2{font-size: 15px;}
.proj-l-r-bor {border-left: 0px; border-right: 0px;border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding-top:10px; padding-bottom:10px;margin-top:10px; margin-bottom:10px;}
.project-section-inner p {font-size: 15px; line-height:25px;}
.am-section h2 {font-size: 22px;}
.am-text img{height:80px;}
.am-text h3 {font-size: 15px;}
.gallery-section h2 {font-size: 22px;}

.address-container h3{font-size:16px;}
.address-item {font-size: 15px;}
label {font-size: 15px;}


}