html, body {
	margin: 0;
	padding: 0;
	font-family: 'facundo-regular';padding-bottom:70px;
}
@font-face {
    font-family: 'facundo-black';
    src: url(../fonts/Facundo-Black.woff);
}
@font-face {
    font-family: 'facundo-bold';
    src: url(../fonts/Facundo-Bold.woff);
}
@font-face {
    font-family: 'facundo-extralight';
    src: url(../fonts/Facundo-ExtraLight.woff);
}
@font-face {
    font-family: 'facundo-regular';
    src: url(../fonts/Facundo-Regular.woff);
}
@font-face {
    font-family: 'facundo-semibold';
    src: url(../fonts/Facundo-SemiBoldIt.woff);
}
*{
	box-sizing: border-box;
	
}
a, a:hover, a:focus, a:visited {
	text-decoration: none;
}
html{
	scroll-behavior: smooth;
}
body{
        min-height: 100vh;
}
.responsive-img {
	display: block;
	max-width: 100%;
}
.main-page-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	transition: all 0.8s ease;
	z-index: 9999;
}
.navbar-header {
	display: flex;
	align-items: center;
	gap: 30px;
}
.inner-header {
	padding: 15px 50px;
}
.logo-box img {
	max-height: 38px;
	filter: brightness(0) invert(1);
	transition: all 1s container-boxease;
}
ul.nav-menu {
	display: flex;
	gap: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.submenu{
	display:none;
	position: relative;
}

.nav-box {
	margin-left: auto;
	/* overflow: hidden; */
}
.nav-menu a {
	color: #ffffff;
}
.toggle-btn {
	display: block;
	width: 28px;
	height: 24px;
}
.icon {
	display: block;
	position: relative;
	height: 24px;
}
.line {
	display: block;
	background-color: #ffffff;
	height: 2px;
	position: absolute;
	width: 100%;
	top: 10px;
	transition: all 0.5s ease;
}
.line:first-child {
	transform: translate(0px, -10px);
}
.line:last-child {
	transform: translate(0px, 10px);
}
.header-open .toggle-btn .line-center {
	opacity: 0;
}
.header-open .toggle-btn .line:last-child, .header-open .toggle-btn .line:first-child{
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-fill-mode: both;
}
.header-open .toggle-btn .line:last-child {
	animation-name: cross;
}
.header-open .toggle-btn .line:first-child {
	animation-name: cros;
}
@keyframes cross {
	0% {
		transform-origin: center;
		transform: translate(0px, 10px) rotate(0);
	} 50% {
		transform: translate(0px, 0px) rotate(0deg);
	} 100% {
		transform-origin: center;
		transform: translate(0px, 0px) rotate(45deg);
	}
}
@keyframes cros {
	0% {
		transform-origin: center;
		transform: translate(0px, -10px) rotate(0);
	} 50% {
		transform: translate(0px, 0px);
	} 100% {
		transform-origin: center;
		transform: rotate(-45deg);
	}
}
.nav-box-inner {
	position: relative;
	transform: translateX(150%);
	transition: all 0.8s ease;
}
.main-page-header.header-open .nav-box-inner {
	transform: translateX(0%);
}
.main-page-header.header-open {
	background-color: #fff;
}
.main-page-header.header-open .logo-box img {
	filter: brightness(1) invert(0);
}
.banner-slider {
	margin: 0;
}
.bx-wrapper {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
.slider-banner {
	height: 100vh;
	position: relative;
}
.slider-content-inner h1 {
	margin: 0;
	color: #ffffff;
	font-size: 40px;
	transition: all 1.2s ease-out;
	transform: translate(-100px, 0px);
	display: block;
	opacity: 0;
	font-family: 'facundo-bold';
}
.slider-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 10s ease;
}
.slider-banner:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
	content: '';
	background-color: rgba(0,0,0,0.25);
}
.slider-content {
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}
.slider-content-inner {
	text-align: center;
}
.big-number {
	font-size: 120px;
	font-weight: 700;
	color: rgba(241, 102, 35, 0.9);
	transition: all 1.5s ease-out;
	transform: translate(100px, 0px);
	display: block;
	opacity: 0;
	font-family: 'facundo-bold';
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px !important;
	padding-top: 0 !important;
}
div#bx-pager {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
}
.active .path {
	stroke-dashoffset: 35.5575px;
	stroke-dasharray: 35.5575px, 45.5575px;
	animation: dash 6s linear alternate infinite;
}
@keyframes dash {
	from {
		stroke-dashoffset: 35.5575px;
	}
	to {
		stroke-dashoffset: 0;
	}
}
.banner-slider li[aria-hidden="false"] .slider-background {
	transform: scale(1.3);
}
.main-page-header.header-open .nav-box-inner a {
	color: #000000;
	font-family: "Josefin Sans", sans-serif;
	font-weight: 400;
	padding: 0;
}
.main-page-header.header-open .nav-box-inner .nav-menu > li > a{
	padding: 25px 0;
}
.main-page-header.header-open .line {
	background-color: #000000;
}
.banner-slider li[aria-hidden="false"] .big-number, .banner-slider li[aria-hidden="false"] .slider-content-inner h1 {
	transform: translate(0px, 0px);
	opacity: 1;
}




/* ============================================================ 
projects styling 
============================================================ */
.project-section{
	background-color: #00000049;
	background: linear-gradient(#ffffff61,#ffffff61),url(../images/bg_com.jpg);
	background-size: cover;
	min-height: 100vh;
}
.project-box{
    width: 80%;
    margin: auto;
  
    padding: 200px 0;
}
.outterrrr{
    margin-top: -75px;
}
.outterrrr .d-flex-box-shape{
    display: flex;
    justify-content: center;
    gap: 0 104px;

}
.d-flex-box-shape {
    
    margin-left: -4px;
}
.d-flex-box-shape .box{
    width: 250px;
    height: 250px;
    /* border: 1px solid #000; */
    rotate: 45deg;
	position: relative;
	overflow: hidden;
}
.d-flex-box-shape .box .content-box{
	width: 250px;
    height: 250px;
}
.d-flex-box-shape .box img{
	width: 100%;
	height: 100%;
	rotate: -90deg;
}

/*============================================================  
projects styling 
============================================================ */



/*============================================================  
Contact styling 
============================================================ */
.contact-sec{
	padding-top: 68px;
	background: linear-gradient(#ffffff61,#ffffff61),url(../images/bg_com.jpg);

	display: flex;
	background-size:cover;
	   min-height: 100vh !important;
    padding-bottom: 50px;

}
.displayflexarea{
	display: flex;
	justify-content: center;
	/* align-items: center; */
}
.displayflexarea .for-img-contact{
width: 25%;
flex: 1;
}
.displayflexarea .contactform{
width: 50%;
padding: 10px 25px;
flex: 2;
flex-direction: column;
background: #0000001a;
display: flex;
justify-content: space-around;
}
.displayflexarea .contactform .form-field{
width: 100%;
padding: 10px 0;
}
.displayflexarea .contactform .form-field label, .displayflexarea .contactform .form-field textarea{
display: block;
width: 100%;
outline: none;
font-family: 'facundo-regular';
}
.displayflexarea .contactform .form-field textarea{
	border-radius:5px ;
	width: 100%;
	height: 120px;
	background-color: #fff;
	max-width: 100%;
	font-family: 'facundo-regular';
	border: none;
	padding: 10px 0 0 10px;
	/* background: transparent; */
	border-radius: 0;
	/* border: 1px solid #000; */
}
.displayflexarea .contactform .form-field textarea::-webkit-input-placeholder { 
     font-family: 'facundo-regular';
	 color: black;
    }
.displayflexarea .contactform .form-field input::-webkit-input-placeholder{
	font-family: 'facundo-regular';
	color: black;
}
.displayflexarea .contactform .form-field input{
	height: 50px;
	border-radius:5px ;
	border: none;
	padding-left: 10px;
	outline: none;
	/* font-family: 'facundo-regular'; */
	display: block;
	width: 100%;
	outline: none;
	/* background: transparent; */
	border-radius: 0;
	/* border: 1px solid #000; */
}
.flex-box-area h2{
	font-family: 'facundo-regular';
	font-size: 30px;
    margin: 20px 0 0 0;
    font-weight:300;
}
.displayflexarea .contactform .form-field input[type="submit"]{
	background-color: #f16623e6;
	color: #fff;
	border: none;
	font-size: 18px;
	cursor: pointer;
}

.displayflexarea .contactform .form-field label{
	margin-bottom: 7px;
}
.for-img-contact img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

.d-flex-box-shape .box .content-box{
	rotate: -43deg;
    position: absolute;
	top: 50%;
    left: 50%;
    text-align: center;
    transform: translateY(243px);
	transition: .5s;
	z-index: 9;
	width: 100%;
	cursor: crosshair;
}

.d-flex-box-shape .box:hover .content-box{
	/* transform: translateX(-9px); */
	transform: translate(0%, -50%);
}
.d-flex-box-shape .box:hover::before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: #00000061;
	z-index: 1;
}
.d-flex-box-shape .box .content-box h3{
	color: #fff;
	font-family: 'facundo-bold';
}
.d-flex-box-shape .box .content-box p{
	color: #fff;
	font-family: 'facundo-regular';
}
.d-flex-box-shape .box .content-box a{
	color: #fff;
	padding: 10px 15px;
	background-color: #f16623e6;
	font-family: 'facundo-regular';
}
.d-flex-box-shape .box:hover::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #00000056;
}

/* .d-flex-box-shape.main-projects .box .content-box{
	transform: translateY(-16px);
}
.d-flex-box-shape.main-projects .box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000056;
	z-index: 1;
} */
.d-flex-box-shape.main-projects .box .content-box{
width: 100%;
/* transform: translateX(-18px); */
}
.d-flex-box-shape.main-projects .box .content-box h3 {
font-size: 30px;
}
/*============================================================  
Contact styling 
============================================================ */


/* services */
.projects-section{
	padding: 100px 0; 
	background-image: url(../images/02.webp);
}
.projects-section .heading-width{
	width: 80%;
	margin: auto;
}
.projects-section .heading-width h1{
	font-family: 'facundo-bold';
	font-size: 45px;
}
.container-box{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 10px 0;

}
.service-box-outer{
	width: 25%;
	padding: 0 10px;
	position: relative;
}
.servicer-inner img{
width: 100%;
}
.servicer-inner{
	background-color: #ffffff;
	/* border-radius: 7px; */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}
.servicer-inner h2{
	color: #000;
	font-family: 'facundo-bold';
     font-size: 25px;
	 padding:0 15px;
	 overflow: hidden;
	 height: 70px;
	 text-align: center;
}
.servicer-inner p{
	color: #000;
	font-family: 'facundo-extralight'; 
	font-size: 16px;
	padding:0 15px;
	text-align: center;
}

.service-box-outer:hover .servicer-inner::before{
	content: "";
    background-color: #00000091;
    position: absolute;
    width: 94%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    left: 10.5px;
}
.service-box-outer .servicer-inner a{
	display: none;
}
.service-box-outer:hover  .servicer-inner a{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	transform: translate(-50%,-50%);
	display: block;
	background-color: #f16623e6;
    color: #fff;
    border: none;
    font-size: 18px;
    cursor: pointer;
	padding: 10px 20px;
	font-family: 'facundo-regular'; 
}

/* sub menu */
.has-sub-menu{
	position: relative;
	padding-right: 15px;
}
.has-sub-menu > a{
	position: relative;
}
.has-sub-menu > a::after{
	content: '';
    background: url(../images/down.svg);
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    right: -13px;
    transition: .5s;
    opacity: .7;
    top: 50%;
    transform: translateY(-50%);
}

.has-sub-menu:hover .submenu{
	display: block;
	position: absolute;
	left: -100%;
	top: 43px;
	padding: 10px;
    width: 285px;
	padding-left: 10px;
	background-color: #fff;
	
}
.has-sub-menu:hover::after{
	content: '';
	rotate: 180deg;
}

.submenu li{
	list-style: none;
	line-height: 30px;
}

.submenu li a{

}
.hard-address{
	border-bottom:1px solid #f16623e6;
}
.hard-address p{
	color: #000;
	font-family: 'facundo-regular';
	margin: 10px 0;
}
.hard-address p a{
	color: #000;
	
}


.flex-box-area{
	display: flex;
	gap: 15px;
}

/* single service page */

.single-services{
	height: 650px;
	display:flex;
	justify-content: center;
	align-items: center;
	background-position: center !important;
	background-attachment: fixed !important;
	background-size: cover !important;
}
.single-services .content-box{
	text-align: center;
}
.single-services .content-box .service-title{
	font-size: 45px;
	font-family: 'facundo-regular';
	color: #fff;
}
.single-services .content-box p{
	font-size: 16px;
	font-family: 'facundo-regular';
	color: #fff;
}

.flex-area{
	display: flex;
	justify-content: center;
	/* align-items: center; */
	flex-wrap: wrap;
}

.flex-area .img-service{
	width: 50%;
}
.flex-area .img-service img{
	width: 100%;
	height: 100vh;
    position: sticky;
    top: 0;

}
.flex-area .img-service.img-with img{

	width: 100%;
	height: auto;
	position: relative;
}
.flex-area .text-service{
	width: 50%;
	padding:50px;
}

.flex-area .text-service h2{
	font-family: 'facundo-regular';
}
.flex-area .text-service h3{
	font-family: 'facundo-regular';
}
.flex-area .text-service p{
	font-family: 'facundo-regular';
}
.flex-area .text-service ul li a{
	font-family: 'facundo-regular';
}

.service-gallery{
	display: flex;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 25px;
	gap:20px 0;
}

.service-gallery .img{
	width: 25%;
	
	overflow: hidden;
	/* border: 1px solid;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px; */
	padding: 0 10px;
}
.service-gallery.uk-grid>*>:last-child{
width: 100%;
}
.service-gallery.uk-grid .img{
	margin: 0 !important;
	padding: 0;
}
.gallery_area{
	gap: 10px;
}
.service-gallery .img img{
	width: 100%;
	transition: .5s;
	 max-height: 346px;
         height: 346px;
    object-fit: cover;
}

.service-gallery .img img:hover{
	scale: 1.1;
}

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

.content-area h2{
	font-family: 'facundo-regular';
	font-size: 30px;
	color: #000;
	padding: 60px 0 25px 0;
}

/*  */

.about-section{
	padding-top: 68px;
}

.about1st{
	display: flex;
	/* background:linear-gradient(#0000003b ,#0000003b), url(../images/01.webp); */
	background:linear-gradient(#ffffff71 ,#ffffff71), url(../images/06.webp);
	background-attachment: fixed;
    align-items: center;
    background-position: center;
    background-size: cover;
	background-repeat: no-repeat;
}

/* .container-box  > .about1st:nth-child(even){
	background: #fff;
} */

.about1st .left-image img{
	width: 100%;
}
.about1st .left-image {
	width: 30%;
}
.about1st .right-about-text {
	width: 70%;
	padding: 20px 67px;
	/* color: #fff; */
}

.about1st .right-about-text p{
	font-size:18px;
	font-family: 'facundo-regular';
	font-weight: 300;
	line-height: 30px;
	/* color: #fff; */
}

.front-big{
	font-size: 40px;
	font-family: 'facundo-regular';
}

.about1st .right-about-text ul li{
	font-size: 16px;
	font-family: 'facundo-regular';
	line-height: 26px;
}

.about1st .right-about-text h4{
	font-size: 30px;
	margin: 0;
	font-family: 'facundo-regular';
    font-weight: 300;
}



.flex-area .text-service ul li{
	font-size: 16px;
	font-family: 'facundo-regular';
	margin-bottom: 7px;
}

/*  */

.display-flex{
	display: flex;
	padding: 30px 0 0 0; 
	flex-wrap: wrap;
	flex-direction: row-reverse;
    gap:10px 40px;
}

.display-flex > div{
flex: 1;
font-family: 'facundo-regular';}

.table-area table th{
	text-align: start;
	font-family: 'facundo-regular';
}
.display-flex > div.list_area ul{
	padding-left: 0;
}
.display-flex > div.list_area li{
	list-style: none;
}
/* .display-flex > div.list_area li::marker{
content: '―';
} */
.News_slider {
	padding: 20px 100px !important;
}
.News_slider li {
	font-size: 20px;
	font-family: 'facundo-regular';
	margin-bottom: 15px;
}
.sec_img{
	text-align: center;
}
.sec_img h4{
	margin: 10px 0;
	font-family: 'facundo-bold';
    font-size: 20px;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    
}
.disp_div{
    height: 120px;
    margin-bottom: 20px;
    overflow: hidden;
}
.disp_div ul{
    padding-left: 0;
}
.disp_div ul li{
list-style:none;
}
.sec_img .content{
	padding: 10px;
}
.sec_img{
	padding-bottom: 20px;
	border: 1px solid;
    /* padding: 0 10px; */
	overflow: hidden;
}
.sec_img .content p{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-family: 'facundo-regular';
}
.sec_img .content a{
	color: #fff;
    padding: 10px 15px;
    background-color: #f16623e6;
    font-family: 'facundo-regular';
}

.sec_img .content a:hover{
	background-color: #fff;
	color: #f16623e6;
	border: 1px solid #f16623e6;
}

/* social media */
.social-media{
	display: flex;
	gap: 15px;
}
.social-media a img{
	width: 30px;
}
.outer_media h5{
font-size: 25px;
font-family: 'facundo-regular';
margin-bottom: 15px;
margin-top:0;

text-transform: capitalize;
font-weight:300;
}
/* social media */
.teams{
	background-color: #000;
	padding-top: 50px;
}
.teams .about-team{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.teams .about-team .right-about-text{width: 50%;}
.teams .about-team .left-image{width: 50%;}
.teams .about-team .right-about-text h4{
	font-size: 30px;
    margin: 0;
    font-family: 'facundo-regular';
    font-weight: 300;
}

.person_img {
	/* max-width: 400px; */
	margin-left: auto;
	/* border: 1px solid; */
	height: 100%;
}
.person_img img{
	width: 100%;
	height: 88%;
}
.person_img p{
	text-align: center;
	font-family: 'facundo-regular';
}

.team_member{
	display: flex;
	/*align-items: center;*/
	justify-content: start;
	flex-wrap: wrap;
	gap: 20px 0;
	/* padding-top: 50px; */
	width: 80%;
	margin: auto;
}

.team_member > div{
	width: 25%;
	text-align: center;
}

.team_member > div img{
	width: 100%;
	max-height:200px;
}
.innernal{
	border: 1px solid;
	width: 85%;
	margin:auto ;
	background-color: rgba(241, 102, 35, 0.9);
	height:100%;
}
.innernal p{
	font-family: 'facundo-regular';
	color: #fff;
	font-size: 13px;
	margin:0;
	    margin-bottom:5px;
}
.innernal p strong{
	font-size: 15px;
}

.teams .about-team .right-about-text p{
	font-family: 'facundo-regular';
    font-weight: 300;
	font-size: 18px;
color:#fff;
}
.about1st{
	position: relative;
}
.next_positon{
	position: absolute;
    bottom: 100px;
    left: unset;
    right: 50px;
    z-index: 99999999;
    /* background-color: rgba(241, 102, 35, 0.9); */
    padding: 15px 25px;
    color: rgb(255, 255, 255);
    border: none;
	height: 100px;
    width: 50px;
    /* border-radius: 50%; */
    overflow: hidden;
}

.about1st:nth-child(even) .next_positon{

	/* bottom: 200px;
	left: 50px;
	right: unset;
	 */
	 color: #ffffff;
}

/*  */
.scroll-down
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.scroll-down span:nth-child(2)
{
    animation-delay: -0.2s;
}
.scroll-down span:nth-child(3)
{
    animation-delay: -0.4s;
}
.scroll-down span
{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
@keyframes animate
{
    0%
  {
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%
  {
        opacity: 1;
    }
    100%
  {
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

.about1st:nth-child(odd) .scroll-down span{
	border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}

footer{
	background-color: black;
	margin-top: 50px;
    bottom: 0;
    position: fixed;
    width: 100%;
}
.display-flex > div h2{
	font-family: 'facundo-regular';
}
footer p{
	margin: 0;
	text-align: center;
	font-size: 16px;
	padding: 15px 0;
	font-family: 'facundo-regular';
	color: #fff;
	font-family: 'facundo-extralight';
}
footer p a{
	color: #ea3d40;
}

.lightbox{
	display: flex;
	flex-direction: column-reverse;
}
.lightbox .lb-image{
	border: none;
}
.lb-data .lb-number{
	font-family: 'facundo-regular';
}

.News_slider {
	display: flex;
	flex-wrap: wrap;
}

.News_slider.right-about-text{
	width: 80%;
	margin: auto;
	color: #000;
	padding: 0 !important;
	gap: 15px 0;
}

.News_slider.right-about-text li{
	width: 33.3%;

	list-style: none;
}

.News_slider.right-about-text li .internal{
	width: 90%;
	margin-right: auto;
	box-shadow: 1px 1px 10px #00000014;
	height: 100%;
	position: relative;
	padding-bottom: 15px;
  
	overflow: hidden;
}

.News_slider.right-about-text li .internal img{
	width: 100%;
height:250px;

}
.News_slider.right-about-text li .internal p{
	font-size: 16px;
	padding: 0 15px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-align: center;
}
.News_slider.right-about-text li .internal a{
	padding: 5px 15px;
	background-color: #f16623;
	display: block;
    width: fit-content;
	margin: auto;
	font-size: 15px;
	color: #fff;
}
.News_slider.right-about-text li .internal strong{
	position: absolute;
    top: 0;
    z-index: 9999;
    left: 0;
    color: #f16623;
    background: #fff;
    padding: 5px 15px;

}

.news{
	padding-top: 100px;
}

.team_members_flex{
	display: flex;
	position: relative;
	width:80%;
	margin:auto;
}

.main_person{
	width: 30%;
	/* position: sticky;
	top: 0; */
}

.team_members_flex .team_member{
	width: 70%;
}

.person_img .innernal{
      height: 100%;
    max-height: 80vh;
    position: sticky;
    top: 10%;
}

#section6  .right-about-text{
	width: 100%;
	padding-bottom: 50px;
}
.person_img p{
	margin-top: 5px;
	font-size:15px;

}

.person_img p strong{
    	font-size:20px;
}

.headings{
	width: 80%;
margin: auto;
}

.headings h1{
	font-size: 30px;
	font-family: 'facundo-regular';

	font-weight: 300;
}


.flex_news{
	display: flex;
	width: 80%;
	margin: auto;
}

.flex_news > ul{
	width: 70%;
}
.flex_news > div{
	width: 30%;
	box-shadow: 0px 2px 7px #0000001f;
	padding: 0 20px;
}

.recent_news > ul li{
	list-style: none;
	padding: 10px;
    position: relative;
    background: #0000002b;
	margin-bottom: 10px;

}
.recent_news > ul li:hover a{
	color: #1f94d9;
}
.recent_news > ul li::after{
	content: '';
	position: absolute;
    width: 100%;
	height: 1px ;
    background-color: #000;
	left: 0;
	bottom: 6px;
	display: none;
}
.recent_news > ul li a{
	color: #000;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recent_news > ul{
	padding-left: 10px;
}

/* news details */

.cs-blog {
    margin-bottom: 30px;
}
.cs-blog h2 {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 29px;
    margin: 0 0 11px;
    position: relative;
    text-transform: uppercase;
}
.cs-blog::after {
    clear: both;
    content: "";
    display: block;
}
ul.blog-list {
    list-style: outside none none;
    margin: -30px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.blog-list.blog-slide {
    margin: 0;
}
.blog-list.blog-slider {
    margin: 0;
}
ul.blog-list li {
    float: left;
    list-style: outside none none;
    margin: 30px 0 0;
}
.blog-slide .slick-list {
    margin: 0 -15px;
}
ul.blog-list.blog-slide li {
    margin-bottom: 10px;
    margin-top: 0;
}
ul.blog-list li:first-child {
    border: 0 none;
}
ul.blog-list li figure {
    overflow: hidden;
    position: relative;
}
ul.blog-list li figure img {
    width: 100%;
}
ul.blog-list li .cs-text {
    border: 1px solid #f0f0f0;
    overflow: hidden;
    padding: 15px 20px;
}


.cs-blog-detail .cs-text .post-option {
    border-top: 1px solid #f0f0f0;
    float: left;
    padding-top: 10px;
    width: 100%;
}
.cs-blog-detail .cs-text .post-option span a {
    color: #777;
}
.widget ul.blog-list li .cs-text {
    height: auto;
    margin: 0;
    min-height: inherit;
    padding: 9px 0 13px;
}
ul.blog-list li .cs-text span {
    color: #8b919e;
    display: inline-block;
    font-size: 12px;
    line-height: 19px;
}
ul.blog-list li .cs-text p {
    margin-bottom: 12px;
}
ul.blog-list li .cs-text h5 {
    border-bottom: 1px solid #fff;
    font-size: 15px;
    margin: 0;
    min-height: 56px;
    padding: 0 0 5px;
}
ul.blog-list li .cs-text h5 a {
    color: #292c33;
}
ul.blog-list li .cs-text .readmore {
    float: right;
    font-size: 11px;
    line-height: 20px;
    padding-top: 6px;
    position: relative;
    text-transform: uppercase;
}
ul.blog-list .slick-list.draggable {
    overflow: hidden;
}
.cs-auther-name a {
    color: #999;
}
.blog-list .slick-arrow {
    background-color: #f9f9f9;
    float: left;
    height: 29px;
    margin: 5px 0 0 5px;
    text-align: center;
    width: 29px;
}
.blog-list .slick-arrow a {
    color: #999;
    font-size: 18px;
    line-height: 32px;
}
.cs-blog.classic {
    margin: 0 0 30px;
}
.cs-blog.classic ul {
    margin: 0;
}
.cs-blog.classic li {
    border-top: 2px solid #eceef0;
    float: left;
    list-style: outside none none;
    padding: 16px 0;
    width: 100%;
}
.cs-blog.classic p {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 100%;
}
.cs-blog.classic p i {
    color: #c4c6c8;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.cs-blog.classic span {
    display: inline-block;
    float: right;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
}
.cs-blog.classic span i {
    color: #e2e5e8;
    float: right;
    font-size: 24px;
    margin: 2px 0 0 10px;
}
.cs-pagination-blog {
    margin-bottom: 30px;
}
.cs-blog.blog-medium {
    border-bottom: 0 none;
    margin: 0;
    padding-bottom: 30px;
}
.cs-blog.blog-medium::after {
    clear: both;
    content: "";
    display: block;
}
.cs-blog.blog-medium .blog-text .cs-post-title {
    clear: both;
}
.cs-blog .cs-media figure {
    position: relative;
}
.cs-blog .cs-media figure figcaption {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
}
.cs-blog .cs-media:hover figure figcaption {
    opacity: 1;
    visibility: visible;
}
.cs-blog.blog-medium .post-title h3 {
    margin-bottom: 0;
}
.cs-blog .post-title {
    margin-bottom: 10px;
}
.cs-blog.blog-medium .cs-media figure figcaption .cs-readmore a {
    color: #fff;
    font-size: 24px;
    left: 50%;
    margin: -10px 0 0 -65px;
    position: absolute;
    top: 50%;
    transform: scale(0.7);
}
.cs-blog.blog-medium .cs-media:hover figure figcaption .cs-readmore a {
    transform: scale(1);
}
.cs-blog.blog-medium:last-child {
    border-bottom: medium none;
    padding-bottom: 40px;
}
.blog-medium .cs-media {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    width: 37%;
}
.blog-modern .cs-media {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    width: 48.6%;
}
.blog-medium .cs-media figure img, .blog-modern .cs-media img {
    width: 100%;
}
.blog-medium .cs-media ~ .blog-text {
    display: inline-block;
    float: none;
    margin-right: 0;
    vertical-align: middle;
    width: 58%;
}
.blog-modern .blog-text {
    display: inline-block;
    margin-right: -4px;
    padding-left: 30px;
    vertical-align: middle;
    width: 51.4%;
}
.blog-modern .blog-text .cs-post-title {
    margin-bottom: 5px;
    padding-bottom: 1px;
    position: relative;
}
.blog-modern .blog-text .cs-post-title::after {
    bottom: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 27px;
}
.blog-modern .blog-text .blog-separator {
    margin: 0 0 10px;
}
.blog-modern .blog-text .blog-separator::before {
    display: none;
}
.blog-medium .blog-text {
    width: 99.1%;
}
.blog-medium .blog-text p {
    display: inline;
    margin: 0 0 15px;
}
.blog-medium .blog-separator {
    margin: 0 0 10px;
}
.cs-blog .cs-categories, .cs-blog-detail .cs-categories {
    display: block;
    margin: 0 0 12px;
}
.cs-blog .cs-categories a, .cs-blog-detail .cs-categories a {
    border-bottom: 2px solid #ededed;
    color: #55a747;
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
.cs-blog-detail .post-option {
    float: right;
}
.cs-blog .post-option span a, .cs-blog-detail .post-option span a {
    color: #999 !important;
    display: inline-block;
    font-size: 12px;
    margin-right: 18px;
    vertical-align: middle;
}
.cs-blog .post-option span i, .cs-blog-detail .post-option span i {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}
.cs-blog-detail .post-option span.post-category i {
    margin: 0;
}
.cs-blog-detail .post-option .post-category a {
    margin-left: 10px;
    margin-right: 0;
}
.cs-blog-detail .post-option .post-date {
    margin-left: 18px;
}
.cs-blog-detail .cs-text .post-option span i {
    float: left;
    margin: 3px 8px 0 0;
}
.cs-blog.blog-grid figure img {
    width: 100%;
}
.cs-blog.blog-grid .cs-media ~ .blog-text {
    margin: -30px 0 0;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.cs-blog.blog-grid .cs-inner-bolg {
    background-color: #fff;
    display: inline-block;
    padding: 20px 25px;
    width: 100%;
}
.cs-blog.blog-grid .blog-text p {
    margin: 0 0 5px;
}
.cs-blog.blog-grid .post-option {
    line-height: normal;
    margin: 0 0 10px;
}
.cs-blog.blog-grid .post-option span {
    color: #8b919e;
    font-size: 10px;
    margin: 0 15px 0 0;
    position: relative;
    text-transform: uppercase;
}
.cs-blog.blog-grid .post-option span::before {
    background-color: #8b919e;
    border-radius: 100%;
    content: "";
    height: 3px;
    left: -10px;
    position: absolute;
    top: 5px;
    width: 3px;
}
.cs-blog.blog-grid .post-option span:last-child {
    margin: 0;
}
.cs-blog.blog-grid .post-option span:first-child::before {
    display: none;
}
.cs-blog.blog-grid .read-more {
    display: inline-block;
    font-size: 12px;
    position: relative;
}
.cs-blog.blog-grid .read-more::before {
    content: "";
    font-family: "icomoon";
    font-size: 14px;
    position: absolute;
    right: -15px;
    top: 0;
}
.blog-large .cs-media img {
    width: 100%;
}
.blog-large .cs-text {
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}
.blog-large .cs-media ~ .cs-text {
    background-color: #fff;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 100%;
}
.cs-blog .cs-author, .cs-blog-detail .cs-author {
    float: left;
    margin: 0 0 10px;
}
.cs-blog .cs-author figure, .cs-blog-detail .cs-author figure {
    display: inline-block;
    height: 32px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 32px;
}
.cs-blog .cs-author figure img, .cs-blog-detail .cs-author figure img {
    border-radius: 100%;
}
.cs-blog .cs-author .cs-text, .cs-blog-detail .cs-author .cs-text {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.cs-blog .cs-author .cs-text a, .cs-blog-detail .cs-author .cs-text a {
    color: #555;
    font-size: 13px;
}
.blog-large .post-option, .cs-blog.blog-medium .post-option {
    float: right;
}
.cs-blog.blog-large .post-option span i, .cs-blog.blog-medium .post-option span i {
    color: #cfcfcf;
}
.post-option span i {
    margin-right: 5px;
    transition: all 0.3s ease-in-out 0s;
}
.blog-separator {
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    margin: 20px 0 25px;
    position: relative;
    width: 100%;
}
.blog-large .cs-text p {
    margin: 0 0 25px;
}
.blog-large .read-more {
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    padding: 4px 20px;
    text-transform: uppercase;
}
.blog-large .cs-post-title {
    margin: 0 0 15px;
}
.blog-large .cs-post-title h3 {
    margin: 0;
}

.cs-blog-detail .cs-post-title h1 {
    margin: 0 0 10px;
}
.cs-blog-detail .cs-post-title::after {
    clear: both;
    content: "";
    display: block;
}
.cs-blog-detail .cs-main-post img {
    width: 100%;
}
.cs-blog-detail .cs-main-post {
    margin-bottom: 25px;
}
.cs-blog-detail .cs-admin-post .cs-media figure, .cs-blog-detail .cs-admin-post .cs-media figure img {
    border-radius: 100%;
}
.cs-blog-detail .cs-admin-post .cs-text {
    overflow: hidden;
}
.cs-blog-detail .cs-admin-post {
    float: left;
    width: 40%;
}
.cs-blog-detail .cs-admin-post .cs-media {
    float: left;
    height: 46px;
    margin-right: 14px;
    width: 46px;
}
.cs-blog-detail .cs-author-name {
    color: #ccc;
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    padding-top: 6px;
    vertical-align: middle;
}
.cs-blog-detail .cs-author-name strong {
    color: #55a747;
    display: block;
    line-height: 26px;
}
.cs-blog-detail .cs-more-post {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #ccc;
    font-size: 11px;
    padding: 6px 8px;
}
.cs-blog-detail .cs-social-share {
    float: right;
}
.cs-blog-detail .cs-social-media {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.cs-blog-detail .cs-social-media li {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    vertical-align: top;
}
.cs-blog-detail .cs-social-media li a {
    background-color: #fc6d4c;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 28px;
    line-height: 30px;
    margin: 0 5px 5px 0;
    text-align: center;
    width: 28px;
}
.cs-blog-detail .cs-social-media li a.cs-more {
    line-height: 33px;
    padding: 0;
}
.cs-blog-detail .cs-social-media li a::before {
    display: none;
}
.cs-blog-detail .cs-social-media li a[data-original-title="facebook"] {
    background-color: #2b4a8b;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Facebook"] {
    background-color: #2b4a8b;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Tumblr"] {
    background-color: #32506d;
}
.cs-blog-detail .cs-social-media li a[data-original-title="tumblr"] {
    background-color: #32506d;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Dribbble"] {
    background-color: #ea4c89;
}
.cs-blog-detail .cs-social-media li a[data-original-title="dribbble"] {
    background-color: #ea4c89;
}
.cs-blog-detail .cs-social-media li a[data-original-title="stumbleupon"] {
    background-color: #eb4823;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Stumbleupon"] {
    background-color: #eb4823;
}
.cs-blog-detail .cs-social-media li a[data-original-title="rss"] {
    background-color: #f06c19;
}
.cs-blog-detail .cs-social-media li a[data-original-title="twitter"] {
    background-color: #1f94d9;
}
.cs-blog-detail .cs-social-media li a[data-original-title="linkedin"] {
    background-color: #10598c;
}
.cs-blog-detail .cs-social-media li a[data-original-title="google"] {
    background-color: #d83936;
}
.cs-blog-detail .cs-social-media li a[data-original-title="youtube"] {
    background-color: #b00;
}
.cs-blog-detail .cs-social-media li a[data-original-title="Youtube"] {
    background-color: #b00;
}
.cs-blog-detail .cs-social-media li a.cs-more .at4-icon {
    border-radius: 10px;
    margin: 5px 0 0 -2px;
}
.cs-blog-detail .cs-share {
    float: none;
    left: 0;
    margin: 0 15px 0 0;
    position: absolute;
    top: 0;
}
.cs-blog-detail .cs-share a {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}
.cs-blog-detail .cs-share-detail::after {
    clear: both;
    content: "";
    display: block;
}
.cs-blog-detail .cs-share-detail {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    vertical-align: middle;
    width: 49%;
}
.cs-blog-detail .cs-post-option-panel {
    float: left;
    padding-top: 20px;
    width: 100%;
}
.cs-blog-detail .rich-editor-text p {
    margin-bottom: 30px;
}
blockquote, .rich-text-editor blockquote {
    border-left: 4px solid;
    margin: 0 0 40px;
    padding: 20px 0 0;
    position: relative;
    width: 95%;
}
blockquote {
    background-color: #fcfcfc;
    font-style: italic;
    padding: 15px 40px 20px 50px !important;
}
blockquote, blockquote span, blockquote p {
    color: #777;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
blockquote .author-name a {
    color: #999;
    font-size: 11px;
}
blockquote.text-left-align {
    text-align: left;
}
blockquote.text-right-align {
    text-align: right;
}
blockquote.text-center-align {
    text-align: center;
}
blockquote::before, .rich-text-editor blockquote::before {
    color: #eaeaea;
    content: "";
    font-family: "icomoon";
    font-size: 22px;
    font-style: normal;
    left: 24px;
    position: absolute;
    top: 15px;
    transform: scale(-1);
}
.rich-text-editor blockquote {
    background-color: #fcfcfc;
    font-style: italic;
    padding: 15px 40px 20px 50px;
}
.rich-text-editor blockquote p {
    margin: 0;
}
blockquote > span {
    margin: 0;
    position: relative;
}
blockquote > span.author-name::after {
    display: none;
}
blockquote > span::after {
    color: #eaeaea;
    content: "";
    display: inline-block;
    font-family: "icomoon";
    font-size: 22px;
    font-style: normal;
    margin: 0 0 0 8px;
    position: relative;
    top: 3px;
}
.cs-blog-detail .tags {
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 50%;
}
.cs-blog-detail .cs-tags {
    display: block;
    margin: 0 0 40px;
}
.cs-blog-detail .cs-tags .tags span {
    color: #333;
    display: inline-block;
    font-size: 18px;
    margin: 0 10px 5px 0;
}
.cs-blog-detail .cs-tags .tags ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.cs-tags ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 6px;
}
.cs-tags ul li a {
    display: block;
    font-size: 12px;
    margin: 0 8px 0 0;
}
.cs-tags .tags ul li a {
    background-color: #f5f5f5;
    border-radius: 20px;
    color: #777;
    padding: 2px 18px 3px;
}
.comment-respond {
    margin-bottom: 30px;
}
.comment-form ul {
    list-style: outside none none;
}
.comment-form ul li {
    margin-bottom: 30px;
}
.comment-form .cs-element-title h3 {
    margin: 0;
}
.comment-form form .input-holder {
    position: relative;
}
.comment-form form .input-holder i {
    color: #cecece;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 15px;
}
.comment-form form .input-holder input[type="text"], .comment-form form .input-holder textarea {
    border: 1px solid #e4e4e4;
    color: #999;
    font-size: 14px;
    height: 50px;
    margin-bottom: -1px;
    padding: 10px 20px;
    width: 100%;
}
.comment-form form .input-holder textarea {
    height: 214px;
    margin: 0 0 20px;
}
.comment-form form input[type="submit"] {
    background-color: #55a747;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.blog-detail {
    box-shadow: none;
}
.blog-detail .blog-list {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.blog-slider-next {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 10px;
}
.blog-slider-prev {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 10px;
}
.blog-detail::after, .author-detail::after, #comment ul li::after, .blog-detail .blog-list::after, .cs-packeges::after {
    clear: both;
    content: "";
    display: block;
}
.blog-title {
    margin-bottom: 25px;
}
.blog-title h3 {
    color: #282828;
    letter-spacing: -1px;
    line-height: 34px;
    margin: 0 0 10px;
}
.blog-detail .main-post {
    margin: 0 0 25px;
}
.blog-detail .main-post img {
    width: 100%;
}
.author-detail {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
    padding-bottom: 22px;
}
.cs-admin figure {
    float: left;
    margin-right: 15px;
}
.cs-admin .cs-text {
    display: inline-block;
    overflow: hidden;
    padding-top: 8px;
}
.cs-admin .cs-text span {
    color: #ccc;
    display: block;
    font-size: 13px;
    line-height: 16px;
}
.cs-admin .cs-text strong {
    color: #282828;
    font-size: 14px;
    line-height: 18px;
}
.blog-detail h2 {
    line-height: 29px;
    margin: 0 0 11px;
    position: relative;
    width: 91%;
}
.rich-editor-text p {
    clear: both;
    line-height: 24px;
    margin-bottom: 20px;
}

.container-width{
	width: 80%;
	margin: auto;
}

.submenu li:hover a{
color:rgba(241, 102, 35, 0.9) !important;
}

.activenav{
color:rgba(241, 102, 35, 0.9) !important;
}
.activenav > a{
color:rgba(241, 102, 35, 0.9) !important;
}
.bradcrumb{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding:0;
    margin:0;
    flex-wrap: wrap;
margin-top: 15px;
background: gray;
    position: relative;
    width: fit-content;
    padding: 10px 20px;
    min-height: 50px;
}

.bradcrumb li{
list-style:none;
position:relative;
}

.bradcrumb li a{
color:#fff;
}

.bradcrumb li:last-child a{
color:#f16623;
}

.bradcrumb li::after{
    content: '';
    background: url(../images/down.svg);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    right: -13px;
    transition: .5s;
    opacity: .7;
    /* top: 50%; */
    transform: translateY(14%);
    rotate: -90deg;
    background-repeat: no-repeat;
    filter: brightness(0) invert(100);

}
.bradcrumb li:last-child::after{display:none;}


.Btn_back-to-top{
  width: 45px;
  height: 45px;
  background: linear-gradient(#f59567, #f37d45);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: none;
    position: fixed;
     right: 30px;
    bottom: 65px;
    z-index: 99999999999999999999;
display:none;
}

.Btn_back-to-top .arrow path {
  fill: white;
}

.text_back-to-top{
  font-size: 0.7em;
  width: 100px;
  position: absolute;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -18px;
  opacity: 0;
  transition-duration: .7s;
}

.Btn_back-to-top:hover .text {
  opacity: 1;
  transition-duration: .7s;
}

.Btn_back-to-top:hover .arrow {
  animation: slide-in-bottom .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}



@media (max-width: 595px) {
    .News_slider.right-about-text li .internal {
        margin: auto;
    }
}

.mt-2{margin-top:25px;}

.d-block{
display:block;
}