body { color: #333; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.45; padding: 0;word-wrap: break-word; }
p { font-size: 16px; line-height: 24px; font-weight: 400; }
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

/* ------------------ HEADAR FOOTER  INNER BANNER COMMON CSS---------------------*/

/* header css start */
.header { display: block; width: 100%; padding: 5px 0; z-index: 1024; min-height: 100px; background: #fff; }
.header .logo { flex-direction: column; display: flex; align-items: center; justify-content: flex-start; padding: 5px 0; }
.header .logo img { width: 100px; }
.header .logo p { color: #000; margin: 0; font-size: 14px; font-weight: 400; line-height: inherit; font-family: 'Lobster', cursive; }
.header .menu-top { float: right; display: flex; align-items: center; justify-content: center; }
.header .menu-box { float: right; }
.header .menu-box .navbar { padding: 0; }
.mobilemmenu { display: none; }

.header.fixed { background: #fff; position: fixed; z-index: 1024; top: 0; width: 100%; }

/* menu css */
.menuArea li { float: left; padding: 0px 20px 0px 0px; position: relative; }
.menuArea li a { font-size: 16px; color: #000; font-weight: 600; text-decoration: none; }
.menuArea li a.contact-us-btn { display: none; }
.menuArea li a:hover { color: #c59d50; }
.menuArea ul>li>ul { background: #fff; z-index: 1024; top: 100%; left: 0px; width: 250px; position: absolute; display: none; padding: 0; list-style-type: none; padding: 10px; }
.menuArea ul>li>ul>li { padding: 0px; width: 100%; float:left;margin: 0px; text-align: left; position: relative; border-bottom: 1px solid #333; }
.menuArea ul>li>ul>li>a:hover { color: #c59d50; }
.menuArea ul>li>ul>li a { text-decoration: none; padding: 10px 0px; display: block; color: #000; }
.menuArea ul>li:hover >ul { display: block; }
.menuArea ul>li>ul>li>ul { background: #f5f6f8; z-index: 9; top: 0px; left: 210px; width: 210px; position: absolute; display: none; }
.menuArea ul>li>ul>li>ul>li { border-bottom: 1px solid #0049b9; }
.menuArea ul>li>ul>li>ul>li:last-child { border-bottom: 0px; }
.menuArea ul>li>ul>li:hover >ul { display: block; }
/* menu css */
.header-contact { display: flex; align-items: center; justify-content: right; height: 100%; text-decoration: none; }
.header-contact a { color: #fff; background: #c59d50; padding: 10px 15px; font-weight: 600; text-decoration: none; }
/* header css end */

/* ------------------ HOME PAGE  CSS START ---------------------*/

/* banner slider start */
.bannersliderBox { width: 100%; position: relative; }
.bannersliderBox .item { text-align: center; min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: 100% 100% !important; max-width: 100%; position: relative; }
.bannersliderBox .item:before { content: " "; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); }
.bannersliderBox .item .text { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; position: relative; }
.bannersliderBox .item h2 { color: #fff; font-size: 60px; line-height: 72px; text-align: center; }
.bannersliderBox .item p { color: #fff; font-size: 20px; font-weight: 400; line-height: 32px; padding-top: 20px; max-width: 900px; }
.bannersliderBox .owl-nav { display: block; position: absolute; border: 0; top: 40%; width: 100%; background: transparent; z-index: 1024;}
.bannersliderBox .owl-prev, .bannersliderBox .owl-next  { width: 50px; height: 50px; background: #fff; display: block; text-align: center; line-height: 50px; border-radius: 50%; font-size: 20px; position: absolute; color: #c59d50; }
.bannersliderBox .owl-prev { left: 10px; }  
.bannersliderBox .owl-next { right: 10px; }
.bannersliderBox .owl-next:hover, .bannersliderBox .owl-prev:hover { color: #fff; background-color: #c59d50; }

.bannersliderBox .owl-dots { position: absolute; width: 100%; bottom: 60px; display: none; }
.bannersliderBox .owl-dots .owl-dot { border-radius: 50%; width: 20px; display: inline-block; float: none; height: 20px; margin-right: 10px; border: 2px solid #c59d50; }
.bannersliderBox .owl-dots .owl-dot.active{ background: #c59d50; }
/* banner slider start */


/* start footer css */
.footer { display: inline-block; width: 100%;  padding: 70px 0 50px 0; background: #000; }
.footer .item h3 { font-size: 22px; color:#fff; text-transform:capitalize; font-family:Comfortaa-Regular; margin:0 0 1.5em; }
.footer .item p { color: #fff; font-size: 14px; margin: .5em 0 0; text-align: justify; }
.footer .item ul { display: inline-block; width: 100%; padding:0; margin:0; }
.footer .item ul li { display: inline-block; width: 100%; list-style-type:none; padding-bottom: 6px; }
.footer .item ul li a { font-size: 14px; color: #fff; text-decoration: none; }
.footer .item ul li a:hover { color: #fff;  text-decoration:none; }
.footer-copyright { display: inline-block; width: 100%; padding: 15px 0; background: #000; border-bottom: 1px solid #fff; }
.footer-copyright p { color: #fff; font-size: 14px; margin: .5em 0 0; text-align: center; }
.footer-copyright p a{ color: #fff; text-decoration: underline; }
.footer-copyright p a:hover{ color: #B0ACAC; }
/* end footer css */

/* home about us css start */
.aboutBox { width: 100%; display: block; padding: 100px 0 100px 0; }
.aboutBox .text { padding: 30px 0; }
.aboutBox .text h2 { font-size: 40px; color: #000; font-weight: 700; color: #052721; }
.aboutBox .text h3 { color: #333; font-size: 25px; font-weight: 800; margin-bottom: 20px; }
.aboutBox .text p { font-size: 16px; font-weight: 400; line-height: 24px; color: #697D7A; }
.aboutBox .text .viewfulldetails { font-size: 16px; font-weight: 600; padding: 10px 15px; border: 0; background: #c59d50; color: #ffffff; margin-top: 15px; }
.aboutBox .image { margin: 0 auto; position: relative; }
.aboutBox .image img { text-align: center; margin: 0 auto; width: 100%; height: 100%; }
/* home about us css end */

/* home services css start */
.services-box { width: 100%; display: block; padding: 70px 0 0 0; position: relative; overflow: hidden; background: rgb(64 224 208 / 10%); }
.services-box .heading { padding-bottom: 50px; }
.services-box .heading h2 { display: block; width: 100%; text-align: center; color: #052721; margin-bottom: 25px; font-size: 40px; font-weight: 700; }
.services-box .heading p { display: block; color: #052721; text-align: center; font-weight: 400; line-height: 24px; margin: 0 auto; }
.services-box .service-item-one { position: relative; padding-bottom: 30px; }
.services-box .row.service-item-one.reverse-order { display: flex; flex-direction: row-reverse; }
.services-box .service-item-one .image { width: 100%; }
.services-box .service-item-one .image img { width: 100%; margin: 0 auto; max-height: 250px; object-fit: cover; }
.services-box .service-item-one .text-box { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%; }
.services-box .service-item-one .text-box h2 { color: #052721; font-size: 24px; font-weight: 700; text-transform: uppercase; }
.services-box .service-item-one .text-box p { font-size: 16px; font-weight: 400; line-height: 24px; color: #697D7A; }
.services-box .service-item-one .text-box .viewfulldetails { font-size: 16px; font-weight: 600; padding: 10px 15px; border: 0; background: #c59d50; color: #ffffff; margin-top: 15px; }
/* home services css end */

/* contact box start */
.contact-box { width: 100%; display: block; padding: 70px 0; position: relative; z-index: 999; }
.contact-box .contact-container { }
.contact-box .contact-container .address-box { background: url(../image/contact-background.png); background-size: 100% 100%; padding-left: 80px; padding-top: 80px; }
.contact-box .contact-container .address-box h2 { font-size: 24px; color: #c59d50; font-weight: 700; margin-bottom: 20px;}
.contact-box .contact-container .address-box h3 { font-size: 16px; color: #fff; font-weight: 700; }
.contact-box .contact-container .address-box p { font-size: 16px; color: #fff; font-weight: 500; line-height: 24px; margin-bottom: 20px; }
.contact-box .contact-container .contact-us-form { background: #091B19; padding-top: 80px; padding-left: 50px; padding-right: 50px; }
.contact-box .contact-container .contact-us-form  h2 { font-size: 24px; color: #c59d50; font-weight: 700; margin-bottom: 20px; }
.contact-box .contact-container .contact-us-form  .contact-form { padding-bottom: 50px; }
.contact-box .contact-container .contact-us-form  .contact-form .form-group { }
.contact-box .contact-container .contact-us-form  .contact-form .form-group .form-control { height: 58px; border: 0; border-radius: 0px; }
.contact-box .contact-container .contact-us-form  .contact-form .form-group textarea { height: 100px; border: 0; border-radius: 0px; width: 100%; }
.contact-box .contact-container .contact-us-form  .contact-form .form-group.submit-button { text-align: right; }
.contact-box .contact-container .contact-us-form  .contact-form .form-group input.submitbtn { font-size: 16px; font-weight: 600; padding: 10px 15px; border: 0; background: #c59d50; color: #ffffff; margin-top: 15px; }
/* contact box end */


/* ------------------ ABOUT US  CSS START ---------------------*/

/* inner banner css */
.banner-inner-page { width:100%; min-height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center !important; position: relative; }
.banner-inner-page:after { position: absolute; width: 100%; height: 100%; background: #fff; top: 0; left: 0; content: " "; opacity: 0.6; }
.banner-inner-page h1 { color: #000; text-align: center;z-index: 1024;font-weight: 700;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); }

/* about page top css */
.about-page-block { width: 100%; display: inline-block; padding: 70px 0; }
.about-page-block .text { text-align: center; }
.about-page-block .text h2 { color: #333; font-weight: 700; font-size: 40px; margin: 0; padding-bottom: 20px; text-align: center; }
.about-page-block .text p { font-size: 16px; color: #333; font-weight: 400; padding-bottom: 15px; padding: 0; }
/* about page top css */

/* about our services css start */
.about-our-services { width: 100%; display: block; padding: 70px 0; position: relative;  background: rgb(64 224 208 / 10%); }
.about-our-services .heading { padding-bottom: 50px; }
.about-our-services .heading h2 { display: block; width: 100%; text-align: center; color: #052721; margin-bottom: 25px; font-size: 40px; font-weight: 700; }
.about-our-services .heading p { display: block; color: #052721; text-align: center; font-weight: 400; line-height: 24px; margin: 0 auto; }
.about-our-services .about-services { display: flex; flex-direction: row; flex: 1; align-items: center; justify-content: center;}
.about-our-services .about-services .item-single{ display: flex; flex-direction: column; padding-top: 15px; }
.about-our-services .about-services .item { display: inline-flex; margin-bottom: 15px; position: relative; }
.about-our-services .about-services .item .image:before { content: " "; background: rgb(0 0 0 / 80%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.about-our-services .about-services .item .image { width: 100%; height: auto; text-align: center; line-height: 90px; border-radius: 50px; }
.about-our-services .about-services .item .image img { width: 100%; }
.about-our-services .about-services .item .image h2 { font-family: 'Lato', sans-serif; color: #fff; font-size: 24px; font-weight: 700; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
/* about our services css start */




.gallery { width: 100%;display: inline-block; padding: 70px 0; }
.gallery-grids{ display: inline-block; width: 100%; float: left; }
.gallery-grids .fancybox { display: inline-block; width: 100%; }
.gallery-grids .fancybox img { display: inline-block; width: 100%;height: 100%;height: 200px;object-fit: cover; }
.gallery-grid {float: left;width: 25%;}
.gallery-grid1 {float: left;width: 12.5% !important; }