@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Outfit:wght@100..900&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing:border-box;

}

a {
  color: unset;
  text-decoration: none;
}

a:focus {
  outline: 0 solid;
}

a:hover {
  text-decoration: none;
  color: unset;
}

img {
  max-width: 100%;
  height: auto;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: "Outfit", sans-serif;
  color: #131b1e; }

html, body {
  font-family: "Inter", sans-serif;
  /* background-color: #dcdce0; */
  background: url(../images/bg.jpg) fixed top;
  background-size: cover;
}

p {
 font-family: "Inter", sans-serif;
}

input:focus, textarea:focus, button:focus {
  outline: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:active,
a:focus { 
    -moz-outline-style: none; 
}

.wrapper{
	width: 640px;
	max-width: 100%;
	margin: 0 auto;
}

.logo{
	text-align: center;
}

.logo img{
	width: 150px;
	height: auto;	
}

.logo{
	padding: 25px;
	background: url(../images/bg-metal.jpg);
	border-radius: 12px;
	margin-top: 25px;
	border: 1px dashed #ffffffd1;

}

.name-box{
	text-align: center;
	background-color: #fff;
	padding: 0 25px 25px;
	border-radius: 12px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-top: 50px;

}


.name-box h1{
  font-size: 28px;
  color: #842c06;
  position: relative;
  top: -10px;
  text-transform: uppercase;
}

.name-box h2{
	font-size: 18px;
	color: #000;
	position: relative;
  top: -10px;
  text-transform: uppercase;
}

.name-d {
  
}

.img-d{
	text-align: center;
	margin: 0 auto;
}

.img-d img{
width: 120px;
  height: 120px;
  border-radius: 50%;
  position: relative;
  top: 15px;
  z-index: 10;
  border: 2px solid #fff;
  position: relative;
  top: -25px;
}

.social-icons{
	margin-top: 45px;
    border-top: 1px solid #dfdfdf;
}
.social-icons ul{
	text-align: center;
	margin: o auto;
	width: 100%;
	margin-top: 45px;
}

.social-icons ul li a{
	padding-right: 25px;
}

.social-icons ul li a:last-child{
	padding-right: 0px;
}

.footer h3{
	font-size: 20px;
}

.footer p{
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	margin-bottom
}

.contact-details{
	background-color: #fff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;  
	  padding: 25px 25px 25px;
}

.mt-45{
	margin-top: 45px;
}

.address{
	margin-bottom: 25px;
}

.mt-0{
	margin-bottom: 0px;
}

.copyright{
	padding: 10px 35px 10px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.copyright p{
	margin: 0;
}

.name-box h3{
	margin-top: 45px;
  border-top: 1px solid #dfdfdf;
  padding-top: 15px;
}

.img-intro img{
	border-radius: 100%;
	width: 140px;
	height: 140px;
	
}

.img-intro{
	text-align: right;
}

@media(max-width: 767px){
	.img-intro{
	text-align: center;
}

.name-box h1 {
  text-align: center;
}

.name-box h2 {
  text-align: center;
  margin-bottom: 0;
}
.name-box h3 {
  margin-top: 25px;

}

.social-icons {
  margin-top: 25px;

}

.social-icons ul {
	margin-top: 25px;
}

.btn- a {
	width: auto !important;
}

.ft-btn {
  text-align: center;
  margin-right: 15px !important;
}

.toggle-text-link {
  width: 30% !important;


}

/* -------------- */
}


.brand-name{
	color: #fff;
	font-family: Felix Titling;
    src: url(../fonts/FELIXTI.ttf);
	font-size: 15px;
}


.btn-box ul{
	text-align: center;
	margin: 25px 0;
}


.btn-box ul li{
display: inline-block;

}


.btn-box ul li a i{
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  background-color: red;
  color: #fff;

}

.btn-box ul li a i{
	font-size: 20px;
}




.contact-details ul li{
	display: block;
	margin-bottom: 10px;
	color: #000;
}

.contact-details ul li a{
	color: #000;
}

.contact-details ul li a:hover{
	color: #767676;
}

.contact-details i{
	border: 1px solid #00000038;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	margin-right: 10px;	
	
}

.btn-s{
	text-align: center !important;
}

.btn-s i{
width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: red;
  color: #fff;
  margin-bottom: 5px;
  font-size: 24px;
}

.sbox{
	display: flex;
	justify-content: center;
}

.btn-s{
	margin-right: 30px;
}

.btn-s p{
	font-size: 14px;
}

.whatsapp{
	background-color: #24cc63 !important;
}

.marker{
	background-color: #de4d4d !important;
}

.envelope{
	background-color: #007aba !important;
}

.fa-globe{
	background-color: #000000 !important;
}

.mt-0{
	margin-right: 0px;
}

@media(max-width: 767px){

.btn-s{
	margin-right: 15px;
}
}

.mt-0{
	margin-right: 0px !important;
}

.btn-s i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: red;
  color: #fff;
  margin-bottom: 5px;
  font-size: 20px;
  border: 0px;
}

.ft-btn a{
	font-size: 14px;
}

.ft-btn{
	text-align: center;
	margin-right: 45px;
}

.ft-btn i{

  text-align: center;
  color: #000;
  margin-bottom: 10px;
  font-size: 14px;
  border: 0px;
}

.name-d p{
	padding-bottom: 15px;
}

.wrap {
  width: 400;
  max-width: 100%;
  margin: 0 auto;
}

.searchTerm {
  width: 100%;
  border: 1px solid #24cc63;
  border-right: none;
  padding: 5px;
  height: 42px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
  width: 57%;
  border-radius: 0px;
}

.searchTerm:focus{
  color: #24cc63;
}

.searchButton {
  background: #24cc63;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 10px 10px;
  border: 0;
}

.wrap-s{
	margin-top: 25px;
}

.btn-{
	margin-top: 35px;
}

.btn- a{
	background-color: #000;
	border-radius: 6px;
	color: #fff;
	padding: 10px 15px 10px;
	text-align: center;
	width: 35%;
  display: inline-block;
}

.btn- a i{
	margin: 0 6px 0 6px;
}

.mt-45{
	margin-top: 45px;
}

.facebook{
	background-color: #385498 !important;
}

.linkedin{
	background-color: #0077af !important;
}

.footer-nav {
  display: flex;
  justify-content: center;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-radius: 12px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 10px 25px 10px;
}


.toggle-text-content span {
  display: none;
}

.toggle-text-link {
 display: block;
  background-color: black;
  width: 20%;
  margin: 0 auto;
  border-radius: 4px;
  padding: 5px;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 25px
}

.toggle-text-link:hover{
	color: #fff;
}


.btn-box{
	margin-top: 45px;
}

.ft-btn p{
	margin: 0;
}


/*mobile responsive css*/

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) 	 {
	
	.toggle-text-link{
		width: 100% !important;
	}


/*.name-box {
  padding: 45px 15px 25px;
}
*/
.btn-s i {
  width: 40px;
  height: 40px;
  line-height: 40px;}

  .btn-s p {
  font-size: 14px;
}


.btn-s{
	margin-right: 8px;
}

.btn- a i {
  margin: 0 4px 0 4px;
}

.btn- a {
	padding: 8px 10px 8px;
}

.ft-btn p {
  margin: 0;
  font-size: 12px;
}

.contact-details ul li a {
  color: #000;
  font-size: 14px;
}

body{
	font-size: 14px !important;
}

.contact-details ul li {
  display: flex;
  margin-bottom: 10px;
  color: #000;
  background-color: #fff;
  align-items: center;
}


.contact-details .fa-map-marker{
	width: 50px;
}

/*-----------------------*/
}




.instagram{
	 background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 
}