body{font-size: 15px;color: #000;font-family: 'Poppins', sans-serif;padding: 0px; margin: 0px;line-height: 24px;}
Section{padding: 80px 0px;display: block;width: 100%;}
h1,h2,h3,h4,h5{font-size: 34px;display: block;text-transform: capitalize; font-family: 'Noto Nastaliq Urdu',sans-serif; font-weight: bold;text-align: left;margin: 0px;}
h6{font-size: 15px;display: block;text-transform: capitalize;font-family: 'Noto Nastaliq Urdu',sans-serif; font-weight: 500;text-align: left;}
ul,ol li { margin:0px; padding:0px; font-size: 15px;}
a, input, button, img {-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s  ease 0s; text-decoration:none; outline:0px; } 
a:hover, button:hover, input:hover, a:focus, button:focus, input:focus {text-decoration:none !important;} 
.form-control{ border-radius: 0px !important; font-size: 15px; height:40px; color: #000000;}
.form-control:focus{ box-shadow: none !important;}
.img-responsive{width: 100%; height: auto;}
.btn{background: #a5733d;border-radius: 50px;color: #fff;padding: 8px 24px; font-size: 16px;border: 2px solid#fff;font-weight: 500;position: relative; z-index: 1; overflow: hidden; transition: all 0.5s ease;}
.btn:hover {color: #000 !important;border:2px solid #a5733d;box-shadow: 0 0 0px transparent;}
.btn::after {position: absolute;content: "";width: 0;height: 100%;transition: all 0.5s ease;background: #fff;right:0px; top: 0px;z-index: -1;}
.btn:hover::after {width: 100%;right: inherit;left: 0px;}
hr{display:inline-block;width:100%;}
/*  */


/* top-bar */
.top_flex {	display: flex;	justify-content: space-between;	align-items: center;color: #fff;}
.top_flex .top_left {display: flex;	align-items: center;}
.top-bar {position: relative;background: #a5733d;padding: 5px 0px;}
.top-bar a > span {	color: #fff;padding-left: 10px;font-size: 14px;font-weight: normal;}
.top-bar .top_left p {margin: 0px;font-weight: 600;}
.top-bar .top_flex a {display: flex;align-items: center;justify-content: center;}
.top_flex .top_left a:first-child {	padding-right: 20px;}
/*  */

/* main_manu */
.main_manu {background: rgba(16, 45, 84,.7);position: absolute;	width: 100%;top: 40px;	z-index: 3;}
.main_manu .container,.top-bar .container {	max-width: 1170px;}
.main_manu .navbar{	padding: 0px;}
.nav_logo a{position: relative;z-index: 2; margin: 0px;}
.nav_logo a img {width: 100%;}
#collapsibleNavbar {justify-content: flex-end;padding: 28px 0px;}
.flex_manu {display: flex;justify-content: flex-start;flex-grow: 1;}
 #collapsibleNavbar > ul > li > a {color: #fff;  padding: 0px 70px 0px; padding-right: 70px;  text-transform: uppercase;
  font-size: 16px;}
#collapsibleNavbar > ul > li > a{padding-right: 0px;}
.nav_socail_mdedia {display: flex;align-items: center;}
.nav_socail_mdedia a:last-child {margin-left: 16px;}
.nav_socail_mdedia a {background: #184f93;width: 35px;height: 35px;line-height: 35px;color: #fff;border-radius: 30px;display: inline-block;
text-align: center; font-size: 20px;}
.main_manu ul li ul {padding: 0px;margin: 0px;}
.main_manu ul li .sub {position: absolute;top: -2px;right: 1px;}
.main_manu ul li ul li{background: #000;color: #fff;border-bottom: 1px solid #dddd;}
.main_manu ul li ul li a {color: #fff;display: block;padding: 3px 10px;}
.main_manu ul li ul li:last-child a{border-bottom: 0px;}
.main_manu ul li ul li:hover {background: #8dd0a5;}
/*  */

/* main_silder start */
#main-silder .carousel-caption{bottom: 119px;}
.banner {position: relative;padding: 0px;background: #000;}
#main-silder .carousel-caption {right: 0;bottom: 0px;left: 0;padding-top: 0;padding-bottom: 0;	text-align: left;
	overflow: hidden;width: 100%;height: 100%;	display: flex;	align-items: flex-end;bottom: 93px;}
#main-silder .banner_caption{color: #fff;}
#main-silder .banner_caption h1 {font-size: 36px;text-shadow: 9px 13px 10px #483939;}
#main-silder .banner_caption h2 {font-size: 44px;margin-bottom: 10px;text-shadow: 9px 13px 10px #483939;}
.banner_flex {display: flex;	align-items: center;}
.video-btn {background: #fff;	width: 50px;height: 50px;border-radius: 50px;color: #000;display: flex;	justify-content: center;align-items: center;margin-left: 25px;box-shadow: rgba(45, 43, 43, 0.8) 0 0 10px;}
.banner_flex a span {padding-right: 5px;}
.banner_flex a span::before{display: none !important;}
.video-btn a {color: #000;	font-size: 18px;}
#main-silder .banner_caption p {line-height: 24px;margin: 20px 0px;width: 100%;	max-width: 500px;}
#main-silder .owl-dots {position: absolute;	bottom: 25px;margin: 0px;width: 100%;display: inline-flex;justify-content: center;}
#main-silder .owl-dots span{position:relative;border: 1px solid rgba(255, 255, 255, 0);width: 20px;height: 20px;transition:.5s;background:transparent;}
#main-silder .owl-dots .owl-dot.active span,
 #main-silder .owl-dots .owl-dot:hover span {background: transparent;border: 1px solid #fff;width: 20px;height: 20px;}
 #main-silder span::before {position: absolute;	content: "";background: #a5733d;width:10px;	height:10px;
border-radius: 15px;top: 4px;left: 4px;}
#main-silder .item > img {width: 100%;opacity: .8;}
/**  **/

/* about css */
.about {background:rgba(209, 232, 246, 0.18);	position: relative;}
.about > img {	position: absolute;	width: 100%;	top: 0;	left: 0px;	height: 100%;	object-fit: cover;	opacity: .2;object-position: top;}
.about .about-content {	text-align: center;width: 100%;max-width: 929px;margin: 0px auto;}
.heading-div h3 {	text-align: center;	border-bottom: 2px solid #000;	display: inline-block;padding-bottom: 10px;}
.about .about-content p {	margin: 25px 0px;	}
.about .about-content p:last-of-type {margin: 25px 0px 0px;	}
.about .about-content h3 {	margin-bottom: 10px;}
/**  **/

/* area start here */
.area-one {	background: #573a0e;}
.area-two .area-one-left {width: 58.33%;}
.area-two .area-one-left #area-silder {	margin-top: 36px;	margin-left: -30px;;	margin-bottom: -63px;}
.area-two .area-one-right {width: 41.66%;padding: 17px 5px 35px;color: #fff;}
.area-one .heading-div {margin-bottom: 40px;}
.heading-div h4 {	text-align: center;	border-bottom: 2px solid #fff;	display: inline-block;padding-bottom: 10px;}
.area-two {	display: flex;	flex-wrap: wrap;}
.area-two .area-one-right ul li {	margin-bottom: 10px;}
.area-two .area-one-right ul li span {	padding-left: 12px;}
#area-silder .item {position: relative;}
#area-silder .item img {height: 100%;max-height: 470px;object-fit: cover;object-position: center top;}
#area-silder .item::before {position: absolute;	content: "";background: rgba(3, 3, 3, .1);	width: 100%;height: 100%;	object-fit: cover;}
#area-silder .owl-nav .owl-prev {width: 50px;height: 50px;	border: 1px solid #fff;
	border-radius: 50px;	right:0;margin: 0;right: 100px !important;}
#area-silder .owl-nav .owl-next {width: 50px;height: 50px;	border: 1px solid #fff;	border-radius: 50px;right: 0;	margin: 0;}
#area-silder .owl-nav [class*="owl-"]:hover{background: #fff;color: #000 !important;}
#area-silder .owl-nav button {position: absolute;	bottom: 30px;right: 40px !important;	font-size: 30px;	color: #fff;}
#area-silder .owl-nav {	margin: 0;}
/**  **/

/*  what we offer*/
.what-offer{background: #f3f3f3;	position: relative;padding: 80px 0px 0px;}
.what-offer > img {	position: absolute;	width: 100%;	top: 0;	left: 0px;	height: 100%;	object-fit: cover;	opacity: .2;
	object-position: top;}
.what-offer .heading-div {text-align: center;}
.what-offer .heading-div h4{border-bottom: 2px solid #000;}
.offer-flex {display: flex;	flex-wrap: wrap;justify-content: center;width: 100%;max-width: 945px;margin: 45px auto 0px auto;}
/* .ser-box {flex: 0 0 20%;	text-align: center;} */
.what-offer .ser-box a {color: #000;font-size: 18px;font-weight: 500;line-height: 20px; transition: .5s;}
.what-offer .ser-box a p {width: 100%;max-width: 165px;margin: 30px 0px 0px;}
.what-offer .ser-box {flex: 0 0 20%;text-align: center;	display: flex;justify-content: center;margin-bottom: 45px;}
.what-offer .ser-box a:hover {transform: translateY(-20px);}
/**  **/

/*Walkabout*/
.walkabout-right .walk-one img{width: 100%;}
.walkabout {position: relative;}
.walkabout-right {display: flex;
justify-content: flex-end;}
.walk-two {	position: absolute;	left: 7px;bottom:0px;box-shadow: 0px 16px 13px #7c7b7b;}
.walk-one {	width:100%;max-width: 468px;}
.walkabout .walkabout-left .heading-div {	margin-bottom: 34px;}
.walkabout .walkabout-left .heading-div h4{color: #a5733d;border-bottom: 2px solid #a5733d;}
.walkabout .walkabout-left p {line-height: 24px;}
.walkabout .walkabout-left p a{font-weight:600;color: #000;border-bottom: 1px solid #000;display: inline-block;}

/**  **/

/* tab sction */
.tab {background: #102d54;	position: relative;padding: 84px 0px 164px;}
.tab > .t-bg > img {position: absolute;	width: 100%;top: 0;	left: 0px;	height: 100%;	object-fit: cover;	opacity: .5;
	object-position: top;}
.click-box ul li a .im-box {background: rgba(0, 0, 0, .2);border-radius: 120px;	width: 100%;max-width: 120px;	height: 120px;
	display: flex;	justify-content: center;transition: .5s;align-items: center;}
.click-box ul li a:hover .im-box {background: #ebbc79;}
/* .click-box ul li a:hover .im-box >img{filter: brightness(0)} */
.click-box > ul > li > a {background: transparent !important;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.click-box ul {	display: flex;color: #fff;}
.click-box > ul > li  {	display: flex;justify-content: center;align-items: center;flex: 0 0 25%;}
.click-box > ul > li > a > p {	display: block;	width: 100%;max-width: 250px;color: #fff;font-size: 18px;
font-weight: 500;line-height: 24px;}
.tab-bottom .flex-box {	display: flex;}
.text-box {	background: #102d54;color: #fff;padding: 20px 30px;}
.text-box p {font-weight: 600;font-size: 18px;	margin-bottom: 20px;}
.text-box p:last-child {margin: 0;	font-weight: normal;font-size: 16px;}
.text-box > ul {margin-bottom: 25px;margin-left:25px;}
.text-box > ul > li {margin-bottom: 10px;font-size: 16px;}
.tab-bottom .text-box > ul > li > span {padding-left: 15px;}
.tab-bottom .img-box,.img-box >img {height: 100%;}
.tab-bottom {position: relative;margin-top: -220px;padding-bottom: 80px;}

/*bar box*/
.contact-bar-section {padding: 20px 0;background: #a5733d;}
.bar-box-content {display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;width: 100%;}
.bar-box-content p {font-size: 20px;text-transform: capitalize;color: #fff;margin: 0px;line-height: 20px;}

/* footer */
.footer {	background: #000;padding:56px 0px 0px;position: relative;}
.footer > img {	position: absolute;	width: 100%;	top: 0;	left: 0px;	height: 100%;	object-fit: cover;opacity: .5;}
.footer .foot-logo a {text-align: center;	display: block;}
.footer .foot-logo a >img{width: 100%;max-width: 350px;}
.footer > .container {position: relative;}
.full-footer {border-top: 1px solid #8d8d8d;	border-bottom: 1px solid #8d8d8d;	margin: 60px 0px 0px;}
/* .full-footer .p-0{position: relative;} */
.footer .full-footer .footer-link {	color: #fff;	text-align: center;padding: 30px 0px;position: relative;}
.footer .full-footer .footer-link h6{font-size:15px; text-align:center;padding-bottom: 20px;font-weight: bold;text-transform: uppercase;}
.footer .full-footer .footer-link a{color: #fff;font-size:16px;}
.footer .full-footer .footer-link::before {	position: absolute;	content: "";	background: #8d8d8d;	width: 1px;	height: 100px;
	right: 0;top: 30px;}
.footer .footer-link.social-link:before{display: none;}
.footer .footer-link.social-link a {font-size: 18px;	width: 40px;	height: 40px;	display: inline-flex;	border-radius: 40px;	background: #a5733d;	align-items: center;	justify-content: center;}
.footer .footer-link.social-link a:hover {	background: #fff;	color: #000;}
.footer .full-footer .footer-link a:last-child {	margin-left: 10px;}
.footer .copy_right {	color: #fff;}
.footer .copy_right p{text-align: center;margin: 0;padding: 10px 0px;}
.footer .copy_right p a {color: #fff;font-weight: 500;}
/**  **/
/*Inner Top CSS Start*/
.feature-top{position: relative; height: 300px; overflow: hidden;}
.feature-top img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0;}
.inner-top .heading{position: absolute; text-align: center; left: 50%; top: 69%; transform: translate(-50%, -69%);}
.inner-top .heading h1{color: #fff;position: relative; padding: 0px 20px 18px; background: #a5733d; border-radius: 5px; border: 1px solid #000; }
/*Inner Top CSS End*/

/* contact-section css start */
.company-contact-info-area {margin-bottom: -12px;}
.company-info-item {padding: 24px 20px; background-color: #a5733d; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.03); border-radius: 5px; -webkit-border-radius: 5px;
 -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin-bottom: 12px; display: flex; align-items: center; border: 1px solid #ccc;  }
.company-info-item .title {font-size: 18px; color: #fff; font-weight: 700; text-transform: capitalize;}
.company-info-item p {margin-bottom: 0;}
.company-info-item p a{word-break: break-all; color: #fff;}
.company-info-item p a:hover{color: #113f51;}
.btn-sub {	width: auto !important;
	background: #a5733d;	color: #fff;	border: none !important;	padding: 10px 26px !important;}
.company-info-item .icon {width: 65px; height: 65px; background-color:#000; border-radius: 50%; -webkit-border-radius: 50%;
 -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 65px; font-size: 24px; color: #fff;  }
.company-info-item .content {width: calc(100% - 65px); padding-left: 30px;}
.contact-form-area {background-color: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.03); border-radius: 5px;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding:18px 30px; border: 1px solid #ccc;  }
.contact-form input,
.contact-form textarea {border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
 width: 100%; padding: 10px 15px;}
.contact-form textarea {height: 100px; resize: none;}
.tab-area-style-two {margin-bottom: 30px; border: none; justify-content: center;}
.tab-area-style-two .nav-link {font-size: 15px;  padding: 15px 35px; text-transform: uppercase; font-weight: 600;
 border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin: 10px 15px;
 background-color: #ffffff;}
 .contact-form-area h4{margin-bottom: 20px;}
.tab-area-style-two .nav-link:hover,
.tab-area-style-two .nav-link.active {color: #ffffff;}
.tab-area-style-two .nav-link,
.tab-area-style-two .nav-link:hover,
.tab-area-style-two .nav-link.active {border: none;}
.map-bottom{margin-top: 50px;} 
.map-bottom iframe{width: 100%; height: 400px; border: 1px solid #ccc !important;}

/* contact-section css end */


/* inner about us */
.inner-top {padding: 0;}
.about_full h3 {margin-bottom: 30px;line-height: 10px;}
.feature-top img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;	z-index: 0;}
.feature-top {position: relative;height: 400px;overflow: hidden;z-index: 1;}
.image-cap {background: #fc0001;padding: 10px 0px;	border-bottom: 1px solid #cccc;}
.image-cap .heading {margin: 0;}
.innne_ab.home_about .about_full p b a {color: #000;cursor: pointer;}
.image-cap h1 {	text-align: center;	color: #fff;}
.inner-top .heading h1 {text-align: center;position: relative;	font-size: 25px;text-align: center;}
.in_an_left {float: left;width: 100%;max-width: 30%;margin-right: 20px;	line-height: 0px;}
.in_an_right {float: right;width: 100%;max-width: 30%;margin-left: 20px;	line-height: 0px;}
.innne_ab.home_about .about_full img {width: 100%;}
section.innne_ab.home_about .about_full h3 {margin-bottom: 0px;line-height: 10px;padding-bottom: 30px;}
.about_full {padding: 40px 0;border-bottom: 1px solid #d9d9d9;}
section.innne_ab.home_about .container > div:last-child {border: none;}
.about_full ul {margin: 20px 0;padding-left: 25px;}
.about_full ul li {padding: 5px 0;}
/**  **/
div#lightgallery a img {max-width: 100%;width: 100%;height: 250px;object-fit: cover;}
div#lightgallery a {width: 33.33%;float: left;margin-top: 10px;padding: 0 5px;}

@media screen and (max-width: 991px){
div#lightgallery a {width: 50%;}
}
@media screen and (max-width: 560px){
div#lightgallery a {width: 100%;}
div#lightgallery a img {height: auto;}
}
.text-box > ul > li i {
	padding-right: 15px;
}
.pages-404 {text-align: center;}
.pages-404 h3 {text-align: center;	font-size: 60px;color: #bd9d7a;}
.pages-404 p {margin: 30px 0px 10px;display: block;}
.pages-404 > img {width: 100%;max-width: 200px;filter: contrast(3%);}
.bar-box-content .btn span {padding-right: 5px;}
.walk-two{display: none;}