* {
	border: 0px;
	outline: none !important;
	box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style-type: none;
}

body,
html {
	overflow-x: hidden;

}

body {
	font-family: "GOTHIC";
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	color: inherit;
}

a:hover,
a:focus {
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	text-decoration: none;
	outline: none;
	color: #890067;
}

a:focus {
	outline: none;
}

textarea {
	resize: none;
}

img {
	width: 100%;
}

.material-icons,
.material-symbols-outlined,
.material-icons-outlined {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;

	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
	vertical-align: middle;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-1 {
	margin-bottom: 10px !important;
}

.mb-2 {
	margin-bottom: 20px !important;
}

.mb-3 {
	margin-bottom: 30px !important;
}

.mb-4 {
	margin-bottom: 40px !important;
}

.mb-5 {
	margin-bottom: 50px !important;
}

.mb-6 {
	margin-bottom: 60px !important;
}

.mb-7 {
	margin-bottom: 70px !important;
}

.mb-6 {
	margin-bottom: 80px !important;
}

.mb-7 {
	margin-bottom: 90px !important;
}

.p-3 {
	padding: 30px 0 !important;
}

.p-4 {
	padding: 40px 0 !important;
}

.p-5 {
	padding: 50px 0 !important;
}

.p-10 {
	padding: 90px 0 !important;
}

hr {
	margin-top: 20px;
	margin-bottom: 25px;
	border-top: 1px solid #ebebeb;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-bottom: 20px;
}

h1 {
	font-family: "GOTHIC-bold";
	font-size: 80px;
	line-height: 1em;
}

h2 {
	color: #605d5c;
	font-size: 45px;
	font-family: "GOTHIC-bold";
	line-height: 1em;

}
h3 {
	color: #605d5c;
	font-size: 24px;
	font-family: "GOTHIC";
	line-height: 1em;
	font-weight: 600;

}

h4 {
	color: #605d5c;
	font-family: "GOTHIC";
	font-size: 15px;

}



h6 {
	font-family: "GOTHIC-bold";
	line-height: 1em;
	background-color: #4fae76;
	color: #fff;
	padding: 12px 20px;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 8px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

p {
	font-family: "GOTHIC";
	font-size: 16px;
	color: #605d5c;
	line-height: 1.5em;
}

p.bigp {
	font-size: 20px;
	line-height: 1.3em;
}


.button {


line-height: 40px;
	height: 40px;
	margin: auto;
	margin-top: 15px;
	cursor: pointer;
	display: inline-block;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: #111111;
	font-size: 16px;
	color: #dfd804 !important;
	text-transform: uppercase;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	padding: 0 30px;

  }

  .button:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #bc0f03;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	font-weight: 400;



  }

  .button:hover:before {

	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
	transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
	color:#fff !important;
  }

  .button2{ background-color: #727272; }

  .button-active {
	cursor: pointer !important;
  }


.btn {
	font-family: "GOTHIC-bold";
	font-size: 15px;
	text-transform: uppercase;
	min-width: inherit;
	padding: 13px 30px;
	line-height: normal;
	border-radius: 35px;
	letter-spacing: 0.05em;

}

.btn.btn-sm {
	font-size: 13px;
	padding: 10px 25px;
	min-width: inherit;
}

.btn.btn-lg {
	font-size: 18px;
	padding: 15px 30px;
	min-width: inherit;
}

.btn-primary {
	color: #fff;
	background-color: #050605;
	border-color: #080a09;
}

.btn-primary:hover,
.btn-primary:focus {
	color: #fff;
	background-color: #d2a904;
	border-color: #d2a904;
}

.btn-info {
	color: #fff;
	background-color: #605d5c;
	border-color: #605d5c;
}

.btn-info:hover,
.btn-info:focus {
	color: #fff;
	background-color: #716f6e;
	border-color: #716f6e;
}

.btn-outline-primary {
	color: #000;
	border-color: #4eae76;
	border-width: 2px
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
	color: #fff;
	background-color: #4eae76;
	border-color: #4eae76;
}

.btn-link { color: brown;}

.btn-link:hover,
.btn-link:focus {
	text-decoration: underline;
}

.input-group .btn {
	border-radius: 0;
}

.text-primary {
	color: #4fae76 !important;
}

a.text-primary:hover,
a.text-primary:focus {
	color: #4fae76 !important;
	text-decoration: underline;
}

.text-none {
	text-transform: none;
}

.form-control {
	font-size: 14px;
	padding-top: 7.5px;
	padding-right: 13px;
	padding-bottom: 7.5px;
	padding-left: 13px;
	border: 1px solid #dddddd;
	height: auto;
	border-radius: 0;
	line-height: normal;
}

.form-control:focus {
	outline: none;
	box-shadow: none;
}

.container-fluid {
	max-width: 1600px;
	padding: 0 50px;
}

.bg-grey {
	background-color: #f4f4f4 !important;
}

header {

	position: absolute;
	width: 100%;
	top: 0;
	z-index: 999;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.headerBg {

	padding: 15px 0;
	z-index: 2;
	position: relative;
}


.logo {
	max-width: 200px;
}
.TopMenu{ display: inline-block;}

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

.headerBtns {
	margin-left: 35px;
}

.menuIcon {
	margin-left: 25px;
	cursor: pointer;
}

.menuIcon span {
	color: #bfbfbf;
	font-size: 45px;
	line-height: normal;
}
.menuIcon span:after{
content: 'menu';
}
.menuIcon.menuIconOpen span:after{
	content: 'close';
	}

.bannerSec {
	position: relative;
	top:0;
}


.bannerSec2 {
	width: 100%;
padding:200px 0;

background-image:url(../img/banner2.jpg) !important;
background:no-repeat;

background-position: center;
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


.bannerCaption {
	position: absolute;
	top: 70%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;
}

.bannerCaption h1{
	font-size: 100px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.896);



}
.bannerCaption h3{
	color: #bcbcbc; line-height: 24px;  font-weight: 400;
	font-size: 24px;

}
.navbar-nav li a{ color: #a1a1a1; border-top: 2px; padding:5px 20px;}
.navbar-nav li a:hover, .navbar-nav li a.active { color: #ffffff; border-top: 2px solid #bc0f03;}

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


.section01{
	width: 100%;
	padding: 100px 0;

	background:no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

	.section01 h2{ color: #2b2b2b !important; font-weight:200;}
	.section01 h4{ color: #515151; font-weight:200; font-size: 18px; font-weight: 600;}

	.border-bottom2 { padding-bottom: 30px; position: relative;}




.border-bottom2:before {
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 30%;  /* or 100px */
	border-bottom:4px solid rgb(7, 138, 161);
  }
  .border-top01 { padding-bottom: 30px; position: relative;}

  .border-top01:before {
	  content : "";
	  position: absolute;
	  left    : 0;
	  top  : 0;
	  height  : 1px;
	  width   : 30%;  /* or 100px */
	  border-top:4px solid rgb(7, 138, 161);
	}

  .border-bottom3 { padding-bottom: 20px; margin-bottom: 20px; position: relative;}

  .border-bottom3:before {
	  content : "";
	  position: absolute;
	  left    : 40%;
	  bottom  : 0;
	  height  : 1px;
	  width   : 20%;  /* or 100px */
	  border-bottom:4px solid rgb(7, 138, 161);
	}

.serction02{
width: 100%;
padding:100px 0;

background-image:url(../img/section2-bg.png) !important;
background:no-repeat;

background-position: center;
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;


}
.serction02 h3{ font-size: 24px; letter-spacing: 5px; text-transform: uppercase;}

.CapabilitiesBox{
    display: flex;
    flex-direction: row;
    row-gap: 10px;
  }

  .CapabilitiesBox .IconBox{
	display: inline-block;
   width: 80px;
   height: 80px;
   margin-right: 20px;
  }
  .CapabilitiesBox .TexBox01{
	display: inline-block;
	width: 70%;


  }

  .CapabilitiesBox .IconBox img{
	width: 100%;
   }
.Capabilities h4{
  font-weight: 700;
}


.CapabilitiesBox div a{ display:flex; margin-top:20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 14px;}
.CapabilitiesBox p{ font-size:14px; color: #212121;}



.serction03{
	width: 100%;
	padding: 100px 0;
	background-color:#1a1717 !important;
	background:no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

	.serction03 h3{ font-size: 24px; letter-spacing: 5px; text-transform: uppercase; color: #fff;}
	.serction03 h1{ color: #484646; }


	.row-img {
		display: -ms-flexbox; /* IE10 */
		display: flex;
		-ms-flex-wrap: wrap; /* IE10 */
		flex-wrap: wrap;
		padding: 0 6px;
	  }

	  /* Create four equal columns that sits next to each other */
	  .column-img {
		-ms-flex: 33.3333%; /* IE10 */
		flex: 33.3333%;
		max-width: 33.3333%;
		padding: 0 6px;
	  }

	  .column-img img {
		margin-top: 8px;
		vertical-align: middle;
		width: 100%;
		border-radius: 10px;
	  }
	  .serction04{
		width: 100%;
		padding:100px 0;

		background-image:url(../img/section4-bg.png) !important;
		background:no-repeat;

		background-position: center;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		}

		.serction04 h3{ font-size: 24px; letter-spacing: 5px; text-transform: uppercase; color: #4b4b4b;}
		.serction04 h4{ font-size: 20px;  color: #4b4b4b;}
		.serction04 h1{ color: #484646; }

		.serction-icon-center{ display: flex; flex-direction: column; align-items: center;}
		.serction-icon-center h4{margin-top: 10px;}
		.serction-icon-center img{width: 100px; height: auto;}


		.serction-icon-left{ display: flex; flex-direction: row; align-items:start; margin-bottom: 20px;}
		.serction-icon-left img{width: 50px; height: auto; margin-right: 10px;}


		.serction05{
			width: 100%;
			padding:100px 0;

			background-image:url(../img/section5-bg.png) !important;
			background:no-repeat;

			background-position: center;
			background-size: cover;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			}

			.serction05 h3{ font-size: 24px; letter-spacing: 5px; text-transform: uppercase; color: #ececec;}
			.serction05 h4{ font-size: 20px;  color: #d7ce9c;}
			.serction05 h1{ color: #d7ce9c; }


			.serction06{
				width: 100%;
				padding:100px 0;

				background-image:url(../img/section6-bg.png) !important;
				background:no-repeat;

				background-position: center;
				background-size: cover;
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				}

				.serction06 h3{ font-size:34px; letter-spacing: 5px;
					text-transform: uppercase; color: #a50202; font-weight: 700;}
				.serction06 h4{ font-size: 20px;  color: #000000;}
				.serction06 h1{ color: #3d3d3d; }
				.serction06 p{ color: #cf0e0e;  }

				.serction06 .imgPerson{
					display: inline-block !important;
					border-radius: 50%;
					width: 100px !important; height: 100px; border: 4px solid #363636;
					box-shadow: 2px 2px 8px #3d3d3d7b;
				   }
#testimonialSlider h4{ font-size: 22px;  color: #000000;}
#testimonialSlider p{ font-size: 18px;  color: #404040; margin-top: 20px;}


	.postBox{ background-color: #ffffff88; border-radius: 20px 0px 20px 0px; padding: 20px;
		box-shadow: 2px 2px 8px #3d3d3d7b; min-height: 260px;}



		.serction07{
			width: 100%;
			padding:0px 0px 0px 0px;

			background-image:url(../img/footer-bg.png) !important;
			background:no-repeat;

			background-position: center;
			background-size: cover;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			}

			.serction07 h3{ font-size: 24px; letter-spacing: 5px; text-transform: uppercase; color: #ececec;}
			.serction07 h4{ font-size: 20px;  color: #2c2c2c; text-transform: uppercase;}
			.serction07 h1{ color: #484646; }

			.serction07 ul li a{ color: #b9a9a9;}
			.serction07 ul li a:hover{ color: #a80e0e;}

			.contactBox{ display: flex; flex-direction: row; align-items:start; margin-bottom: 20px;
			background-color: #000000; border-radius: 10px; padding: 10px 20px; justify-content: space-between;
			-webkit-transition: all 0.9s ease-in-out 0.1s;
			-moz-transition: all 0.9s ease-in-out 0.1s;
			-ms-transition: all 0.9s ease-in-out 0.1s;
			-o-transition: all 0.9s ease-in-out 0.1s;
			transition: all 0.9s ease-in-out 0.1s;
		}


		.contactBox p a:hover{ color: #bfbfbf;}
		.section-inner-01{
			width: 100%;
			padding:200px 0;




			}
			.section-inner-news-room{
				width: 100%;
				padding:200px 0;

				background-image:url(../img/news-room-bg3.png) !important;
				background:no-repeat;
	background-color: #292828;
				background-position: top center;
				background-size:70%;


				background-repeat: no-repeat;

				}
			.section-inner-gap-small{
				width: 100%;
				padding:100px 0;







				}


			.section-inner-01-bg{

				background-image:url(../img/inner-bg01.png) !important ;
				background:no-repeat;
background-color: #292828;
			background-position: top 50px right 0px;
			background-size:90%;
			background-attachment: fixed;

			background-repeat: no-repeat;
			}
			.section-inner-04-bg{

				background-image:url(../img/inner-bg04.png) !important ;
				background:no-repeat;
background-color: #292828;
			background-position: top -100px right 0px;
			background-size:100%;
			background-attachment: fixed;

			background-repeat: no-repeat;
			}


			.section-inner-news-bg{

				background-image:url(../img/news-room-bg.png) ;

background-color: #292828;
			background-position: top -100px right 0px;
			background-size:100%;
			background-attachment: fixed;

			background-repeat: no-repeat;
			}

			.section-inner-news-bg2{

				background-image:url(../img/news-room-bg2.png) !important ;

background-color: #f8f1c9;
			background-position: top -100px right 0px;
			background-size:100%;
			background-attachment: fixed;

			background-repeat: no-repeat;
			}


			.new-blog{
				position:absolute;
				width: 150px;
				height: 150px;
				margin-top: -130px;



			}

			.section-inner-06-bg{

				background-image:url(../img/new-room-bg3.png) !important ;
			}
			.section-inner-05-bg{

				background-image:url(../img/life-bg.png) !important ;
			}
			.section-inner-top-01{
				background-image:url(../img/inner-bg02.png) ;

				background-color: #292828;
							background-position: top 40px right 0px;
							background-size:100%;
							background-attachment: fixed;

							background-repeat: no-repeat;
				}
				.section-inner-top-02{
					background-image:url(../img/inner-bg03.png) !important ;
					width: 100%;
			padding:200px 0;

			background-color: #292828;
						background-position: top -60px right 0px;
						background-size:100%;
						background-attachment: fixed;

						background-repeat: no-repeat;
					}



						.section-inner-industries-01{
							width: 100%;
							padding:100px 0;

							background-image:url(../img/industries-image01.png) !important;

				           background-color: #292828;
							background-position:left center;
							background-size:300px 300px;
							background-position: 0px 100px;




							}


				.section-inner-bottom-02{
					width: 100%;
					padding:200px 0;

					background-image:url(../img/explore-03-bg.png) !important;

		background-color: #151313;
					background-position:left center;
					background-size:70%;
					background-attachment: fixed;

					background-repeat: no-repeat;

					}

					.section-inner-bottom-02 h5{ color: #3bacb9;}
					#testimonialSlider2 p{ color: #f7f0f0 !important;}

			.section-inner-01 h2, .section-inner-gap-small h2{ font-size: 75px; color: #ebead2; line-height: auto; }
			.section-inner-01 h4, .section-inner-gap-small h4{ font-size: 24px; color: #ebead2; line-height: 40px; font-weight: 400; }
			.section-inner-01 h3, .section-inner-02 h3 { font-size: 35px; color: #ebead2; line-height: 40px; font-weight: 400; }
			.section-inner-01 h5, .section-inner-02 h5,.section-inner-gap-small h5 { font-size: 18px; color: #ebe5e5; line-height: 24px; font-weight: 200; }
			.section-inner-bottom-02 h5{ color: #3bacb9;}
			.section-inner-02{
				width: 100%;
				padding:100px 0;

				background:no-repeat;
	background-color: #292828;
				background-position: top 100px right 0px;
				background-size:70%;
				background-attachment: fixed;

				background-repeat: no-repeat;

				}
				.section-inner-02 h2{ font-size: 70px; color: #ffffff; line-height: 70px; }
				.section-inner-02 h4{ font-size: 30px; color: #ebead2;  }
				.section-inner-02 p{  color: #999999; line-height: 40px; font-weight: 400; }

				.section-inner-02 .list-text h2{ font-size: 70px; color: #cbbdbd; line-height: 70px;
				border-bottom:1px solid #414040; padding:0px 0px 20px 0px; display: inline-block;}

				.section-inner-02 .list-text h2:hover{  color: #e6aa07;
					border-bottom:1px solid #e6aa07;  }


.list-text2{ width: 100%;}
.list-text2 ul li{ display: flex; justify-content: space-between;}

.list-text2 ul li a{ width: 100%; display: flex; justify-content: space-between; padding: 15px 0px 5px 0px;  border-bottom:1px solid #414040; color: ;}

.list-text2 ul li:hover a  { border-bottom:1px solid #ffb85c;  }
.list-text2 ul li:hover a h4   {  color: #ffb85c;}

.list-text2 ul li h4{ font-size:16px;  }
.list-text2 ul li strong{ font-size:20px; font-weight:600; }


			.contactBox:hover{ background-color: #735301;}


			.contactBox p{ font-size: 22px; color: #d5d5d5; padding: 0px; margin: 0;}
			.contactBox img{width: 30px; height: auto; margin-right: 10px;}


			.socialIconNew { display: flex; justify-content: flex-start;
    flex-direction: row;}
			.socialIconNew a{ display: flex;
				background-color: #313233;
				color: #b0b0b0;
				padding: 10px 10px;
				border-radius: 50%;
				text-align: center;
				height: 40px;
				width: 40px;
				margin-top: 20px;
				margin-right: 10px;
				align-items: center;
				justify-content: space-evenly;}

				.socialIconNew a:hover{ background-color: #d2a904; color: #fff;}

				.footerEnd{ background-color: #000; padding: 20px 20px; text-align: right;}
				.footerEnd p{ padding: 0; margin: 0;}


				.link-shorting{ color: #989898; }

.link-shorting button{ color: #ffffff; background-color: transparent; padding: 10px 20px; line-height: 24px; display: inline-block;}

.link-shorting button:hover, .link-shorting button:focus{ color: #eaa41e;}

.Careers-Box p{ color: #bab8b4;}
.Careers-Box h4{ margin-top: 15px; margin-bottom: 15px;}

.Careers-Box2{ background-color: #2fb3c3; padding: 20px; border-radius: 10px;}
.Careers-Box2 h4{ font-size: 22px;}
.Careers-Box2 p{ color: #000000;}


.news-post{ margin-bottom: 20px;
	}
.news-post h3{ color: #ffffff; font-size: 20px; line-height: 28px; margin-top: 15px; padding: 0px 0px 0px 30px;
border-radius: 4px;
	border-left: 4px solid;
	border-image: linear-gradient(45deg, rgb(136, 113, 1), rgb(250, 224, 66)) 1;
}

.news-post img{ border-radius: 10px;
	}


.news-post h3::before{ content: ""; display: inline-block; position: relative; width: 4px; height: 100%; background-color: #2fb3c3;


}

.news-post p{ color: #a3a19b; font-size: 14px; line-height: 22px; padding:0px 0px 0px 30px; margin-bottom: 10px;}
.news-post a{ color: #e9ce58; font-size: 14px; line-height: 22px; padding:0px 0px 0px 30px; }

#myBtnContainer{ text-align: center;}


  .filterDiv {
	float: left;






	display: none;
  }

  .show {
	display: block;
  }

  .container {
	margin-top: 20px;
	overflow: hidden;
  }

  /* Style the buttons */
  .btn2 {
	border: none;
	outline: none;
	padding: 12px 16px;
	background-color: #f1f1f1;
	cursor: pointer;
  }

  .btn2:hover {
	background-color:transparent;
  }

  .btn2.active {

	color: rgb(206, 159, 4);
  }

		/*Carousel Nav Buttons*/
.owl-dots{
	margin-top: 20px;
	display: flex;
	justify-content:center;
  }


  .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	background: #4b4b4b;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
  }

  .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #d2a904;
  }


  .text-color-B-1{ color: #292828 !important;}
  .text-color-B-1{ color: #292828 !important;}
  .text-color-brown-1{ color: #a76927 !important;}
  .text-color-brown-light{ color: #f8f1c9 !important;}



  .chooseBox{
	display: flex;
    flex-direction: column;
    row-gap: 10px;

    align-items: center;

	padding: 30px 20px;
	border-radius: 10px;



  }

.boxBg-border{  background-color: #f4f4f4;
	border:2px solid #f4f4f4;}


  .boxBg-border:hover{
	border:2px solid #7d2cec;

  }



  .box-border{
	border-right:1px solid #efefef;}

  .chooseBox h3{
	font-size: 22px; margin-top: 20px; margin-bottom: 10px;
	color: #343434;


  }

  .chooseBox .IconBox{
	display: inline-block;
   width: 70px;
   height: 70px;
   margin-right: 20px;
  }
  .chooseBox .TexBox01{
	display: inline-block;
	width: 100%;


  }

  .chooseBox .IconBox img{
	width: 100%;
   }
.chooseBox h4{
  font-weight: 700;
}



.chooseBox2{
	display: flex;
    flex-direction: column;
    row-gap: 10px;

    align-items: center;

	padding: 30px 20px;
	border-radius: 10px;
	transform: .5ms;


  }


.service .card{ border-radius: 10px;}
.service .card-body{ position: absolute; background: #00000077; width: 100%; bottom: 0; border-radius:0px 0px 7px 7px;}

	.service .card-body h3{ color:#fff}
	.service .card-body p{ color:#c3c3c3}

	.border-top1px{ border-top: 1px solid #a3a19b; padding-top:30px;}
  header .navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	min-height: 12vh;
	min-width: 100%;
	z-index: 10;
	background: #00000066;
	padding-bottom: 10px;
  }

  header .navigation .logo{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
  }

  header .navigation .logo a{
	color: #7d7d7d;
	font-size: 30px;
	line-height: 38px;
	width: 200px;
  }

  header .navigation .logo a img{
	max-width: 100%;
  }

  header .navigation .menu-list {
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 70%;
	margin: auto 20px auto 0;
  }

  header .navigation .humbarger {
	margin-right: 20px;
	display: none;
   }

  header .navigation .humbarger .bar{
	width: 30px;
	height: 2px;
	margin: 7px;
	background: #ededed;
   }

  header .navigation .menu-list li a {
	color: #e3e3e3;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 1s ease, border 1s ease;
	text-decoration: none;
	padding: 50px 10px;
	border-bottom: 2px solid #d08d0600;
  }

  header .navigation .menu-list li a:hover,   header .navigation .menu-list li a.active {
color: #d08d06;
	border-bottom: 2px solid #d08d06;
  }


  .caseStudies{ display: flex; width: 100%; column-gap: 15px;}
  .caseStudiesbg{
	display: flex;
	align-items: self-end;
	background:no-repeat;
height: 400px;
width: 33.333%;
	background-position: center;
	background-size: cover;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	transition:.5s ease-in-out;
	overflow: hidden;
}

.caseStudiesbg01{ background-image:url(../img/caseStudiesbg01.png) !important;

}
.caseStudiesbg02{ background-image:url(../img/caseStudiesbg02.png) !important;

}
.caseStudiesbg03{ background-image:url(../img/caseStudiesbg03.png) !important;

}
.caseStudies-heading{ padding: 20px; background-color: #0000004f; transition:1s ease-in-out;  margin-bottom: -220px; }
.caseStudies-heading h4{ line-height: 25px;}
.caseStudies-heading a{ color: #e09400; font-weight: 600;}

	.caseStudiesbg:hover{ width: 50%; transition:.5s ease-in-out;}
	.caseStudiesbg:hover .caseStudies-heading{  transition:.5s ease-in-out;  margin-bottom: -0px; }



.galleryImg a img{ max-height: 200px; overflow: hidden; margin-bottom: 20px;}





.menu {
      display: flex;
      list-style: none;
      gap: 20px;
      justify-content: flex-end;
	  margin-right: 30px;
	  
    }

    .menu li a {
      color: white;
      text-decoration: none;
      padding: 8px 12px;
      display: block;
    }

    .menu li a:hover {
      background-color: #555;
      border-radius: 4px;
    }

    .hamburger {
      display: none;
      font-size: 24px;
      color: white;
      cursor: pointer;
      position: absolute;
      right: 20px;
      top: 10px;
    }

    @media (max-width: 768px) {
      .menu {
        flex-direction: column;
        display: none;
        background-color: #333;
        margin-top: 10px;
      }

      .menu.show {
        display: flex;
      }

      .hamburger {
        display: block;
      }
    }
/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {

	header .navigation .menu-list {
	  position: absolute;
	  top: 12vh;
	  min-width: 100%;
	  background: rgba(15, 20, 35, 0.99);
	  text-align: center;
	  display: none;
	}

	header .navigation .menu-list li {
	  display: block;
	}

	header .navigation .menu-list li a {
	  display: block;
	  padding: 10px 20px;
	  transition: color 1s ease, padding 1s ease, background-color 1s ease;

	}
	header .navigation .logo a img {
		max-width: 100%;
	}
	header .navigation .menu-list li a:hover{
	  color: #b1d4e0;
	  padding-left: 30px;
	  background: rgba(177, 212, 224, 0.2);
	}


	header .navigation .humbarger{
	  display: block;
	}

	.intro-section .intro-content h1 {
	  font-size: 2.8rem;
	}

	.intro-section .intro-content h6 {
	  font-size: 1.4rem;
	}

	.intro-section .intro-content .changing {
	  font-size: 1.5rem;
	}

	.intro-section .intro-content .header-btn a{
	  font-size: 1.25rem;
	}

  }