/*************************

*******Typography******

**************************/

*{

	user-select: none;

}

html, body {

	font-family: 'Public Sans', sans-serif;

	font-weight: 300;

	background: linear-gradient(90deg, #03120F, #03120F);

	color: #f7f7f7;

	margin:0; 

	padding:0;

	width:100%; 

	overflow-x: hidden;

	text-align: center;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke: rgba(255,255,255,0.01) 0.1px;

	-webkit-text-stroke-width: 0.1px;

}

a:visited, a:focus{color: none;}

ol, ul {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

canvas {

  display: block;

  vertical-align: bottom;

}

/* ---- particles.js container ---- */

.particles-js {

    position: absolute;

    width: 100%;

    height: 100%;

    background-image: url(theme.css);

    background-repeat: no-repeat;

    opacity: 0.35;

    z-index: 5;

    background-size: cover;

    background-position: 50% 50%;

}

/* ---- stats.js ---- */

#stats,

.count-particles{

  -webkit-user-select: none;

}

#stats{

  border-radius: 3px 3px 0 0;

  overflow: hidden;

}

.count-particles{

  border-radius: 0 0 3px 3px;

}

.btn {

	box-shadow: 0 12px 19px rgba(0, 0, 0, 0.1) inset, 0 1px 7px rgba(255, 255, 255, 0.2);

    user-select: none;

    background-image: none;

	color: #fff;

    border: 1px solid transparent;

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.42857;

    margin-bottom: 0;

    padding: 11px 20px;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}

.btn-inverse {

	box-shadow: 0 12px 19px rgba(0, 0, 0, 0.1) inset, 0 1px 7px rgba(255, 255, 255, 0.2);

    user-select: none;

    background-image: none;

	background-color: transparent;

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.42857;

    margin-bottom: 0;

    padding: 11px 20px;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}

.btn-large {

    padding: 15px 58px;

}

.btn-medium {

    padding: 13px 30px;

}

.text-left {

	text-align: left;

}

.text-justify {

	text-align: justify;

}

.text-color {

    padding: 0 5px;

}

.dporcaps-negative {

    border-radius: 5px 5px 5px 5px;

    float: left;

    font-size: 24px;

    margin-right: 5px;

    padding: 3px 10px;

}

.dporcaps {

    float: left;

    font-size: 46px;

    margin-right: 10px;

    margin-top: -10px;

}

blockquote {

    background: none repeat scroll 0 0 #F2F3F7;

    border: medium none;

    border-radius: 5px 5px 5px 5px;

    color: #80828A;

    font-size: 16px;

    font-style: italic;

    font-weight: 400;

    margin: 30px 0;

    padding: 15px 25px;

}

.blockqoute-style-2 {

    border-radius: 0 0 0 0;

}

cite {

    display: inline-block;

    font-size: 16px;

    font-style: italic;

    width: 100%;

}

/*************************/

	

			

/*************************

********Loader**********

**************************/

#preloader {

	position: fixed;

	top:0;

	left:0;

	right:0;

	bottom:0;

    width:100%;

    height:100%;

	background-color: #222222;

    z-index:99999; /* makes sure it stays on top */

}

#status {

	width:200px;

	height:200px;

	position:absolute;

	left:50%; /* centers the loading animation horizontally one the screen */

	top:50%; /* centers the loading animation vertically one the screen */

	background-repeat:no-repeat;

	background-position:center;

	margin:-100px 0 0 -100px; /* is width and height divided by two */

}

.section-title h1 span {

    background-color: transparent !important;

}

/* Loading animation: */

.spinner {

  margin: 100px auto;

  width: 50px;

  height: 30px;

  text-align: center;

  font-size: 10px;

}

.spinner > div {

  height: 100%;

  width: 6px;

  display: inline-block;

  

  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;

  animation: stretchdelay 1.2s infinite ease-in-out;

}

.spinner .rect2 {

  -webkit-animation-delay: -1.1s;

  animation-delay: -1.1s;

}

.spinner .rect3 {

  -webkit-animation-delay: -1.0s;

  animation-delay: -1.0s;

}

.spinner .rect4 {

  -webkit-animation-delay: -0.9s;

  animation-delay: -0.9s;

}

.spinner .rect5 {

  -webkit-animation-delay: -0.8s;

  animation-delay: -0.8s;

}

@-webkit-keyframes stretchdelay {

  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  

  20% { -webkit-transform: scaleY(1.0) }

}

@keyframes stretchdelay {

  0%, 40%, 100% { 

    transform: scaleY(0.4);

    -webkit-transform: scaleY(0.4);

  }  20% { 

    transform: scaleY(1.0);

    -webkit-transform: scaleY(1.0);

  }

}

/*************************/

	

/*************************

********Parallax**********

**************************/		

.parallax {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

}

	

/*************************

********Home CSS**********

**************************/	

  /* Home Section */

  .a_content{

	 

	  font-size: 1.5rem;

	  display: flex;

	  justify-content: center;

	  align-items: center;

  }

  .a_content h4{

	max-width: 80%;

	line-height: 1.5;

  }

  .slidee {

	height: 100vh;

    display: flex;

	align-items:center ;

	justify-content: center;

	text-align: center;

	background-size: cover !important;

	background: url(../images/clientstestimonial/first_bg.jpg);

	overflow: hidden;

  }

  .MyHome {

display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    border-radius: 12px;
    margin: 50px;
    height: 85vh;
    z-index: 6;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);

  }

 .author-image{

	display: flex;

    justify-content: center;

 }

  

  .MyHome .author-image img {



	  border-radius: 30px;

	 width:65%;

	  overflow: hidden;

	  float: right;



  }

  

  .MyHome h2 {

	  font-size: 36px;

	  text-transform: uppercase;

	  font-weight: 700;

	  color: #fff;

	  letter-spacing: 0.5px;

	  border-bottom: 2px solid #fff;

	  display: inline-block;

	  padding-bottom: 10px;

	  margin-bottom: 20px;

	  margin-top: 0px;

  }

  

  .MyHome p {

	  color: #fff;

	  font-size: 13px;

	  text-transform: uppercase;

	  font-weight: 300;

	  letter-spacing: 2px;

	  line-height: 26px;

	  margin-bottom: 20px;

  }

  

  .MyHome em {

	  font-style: normal;

	  font-weight: 600;

  }

  

  .MyHome .MyHome-resume-btn {

	  display: inline-block;

	  margin-right: 15px;

	  cursor: pointer;

  }

  

  .MyHome .MyHome-resume-btn a {

	  display: inline-block;

	  border: 2px solid #fff;

	  border-radius: 10px;

	  padding: 8px 15px;

	  font-size: 13px;

	  text-transform: uppercase;

	  letter-spacing: 1px;

	  color: #fff;

	  text-decoration: none;

	  transition: all 0.3s;

	  cursor: pointer;

  }

  .MyHome .MyHome-resume-btn a::after, .MyHome .MyHome-resume-btn a::before{

	  content: "";

	  width: calc(100% - 6px);

	  height: calc(100% - 6px);

	  left: 0;

	  bottom: 0;

	  z-index: -1;

	  transition: transform 0.3s ease;

  }

  .MyHome .MyHome-resume-btn a:hover {

	  color: #000;

	  background-color: #fff;

	  transform: translate(-5px, -5px);

  }

  .MyHome .MyHome-resume-btn a:hover::after {

	  transform: translate(-5px, -5px);

  }

  .MyHome .MyHome-resume-btn a:hover::before {

	  transform: translate(5px, 5px);

  }

  

  

  

  .MyHome .MyHome-readmore-btn {

	  display: inline-block;

  }

  

  .MyHome .MyHome-readmore-btn a {

	  display: inline-block;

	  border-radius: 10px;

	  background-color: #0b7368;

	  color:  #000;

	  border: 2px solid #fff;

	  padding: 8px 15px;

	  font-size: 13px;

	  text-transform: uppercase;

	  letter-spacing: 1px;

	  color: #fff;

	  text-decoration: none;

	  transition: all 0.3s ease;

	  cursor: pointer;

  }

  .MyHome .MyHome-readmore-btn a:hover::after, .MyHome .MyHome-readmore-btn a:hover::before{

	  content: "";

	  opacity: 0.3;

	  background: #FFF;

	  position: absolute;

	  border-radius: inherit;

	  width: 100%;

	  height: 100%;

	  left: 0;

	  bottom: 0;

	  z-index: -1;

	  transition: all 0.3s ease;

  }

  .MyHome .MyHome-readmore-btn a:hover {

	  color: #000;

	  background-color: #fff;

	  transform: translate(-12px, -12px);

  }

  .MyHome .MyHome-readmore-btn a:hover::after{

	  transform: translate(6px, 6px);

  }

  .MyHome .MyHome-readmore-btn a:hover::before{

	  transform: translate(12px, 12px);

  }

/*************************/	

		

/* Customization Boostrap Menu */

/* Main Color */

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 

	background-color: #fff;

}

/* Link Color */

.navbar-inverse .navbar-nav>li>a { 

	color: #f5f5f5; 

	margin: 0 5px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;	

}

.navbar-collapse, .collapse .in:after, .main-nav-list:after, .navbar-collapse:after, .sticky-wrapper :after{

	z-index: 99999;

	background-color: transparent;

}

.main-nav-list {

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

	font-size: 18px;

	text-transform: uppercase;

	float: right;

}

.navbar-brand {

    background: url(../images/h_w_logo.png) center no-repeat;

    background-size: contain;

    display: inline-block;

    vertical-align: middle;

    width: 155px;

    /* height: 70px; */

  margin-left: 20px;

    /* margin-right: 30px; */

    /* max-width: 160px;*/

}

.navbar-toggle {

	border: transparent;

background: linear-gradient(90deg, #0b7368, #002521);

    padding: 12px !important;

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

  max-height: 200px;	/* Scrollable Menu */

  border-color: #fff;

}

.navbar-wrapper { 

	background-color: transparent;

	padding: 5px 0;

	margin-bottom: 0;

	text-transform: uppercase;

	z-index: 1000;	

	width: 100%;

	top: 0;

	position: fixed;

	opacity: 0;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-moz-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	z-index: 0 !important;

}

.scroll-fixed-navbar{ 

	background: linear-gradient(90deg, #111, #002521);

	opacity: 0.97;

	box-shadow: 0px 0px 5px #0b7368;

	border-bottom: 1px solid #0b7368;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-moz-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	z-index: 99999 !important;

}

.navbar-inverse .navbar-nav > .active > a {

    background-image: none;

    background-color: #fff;	

    box-shadow: none;

}

.navbar-inverse .navbar-brand,

.navbar-inverse .navbar-nav > li > a {

  text-shadow: none;

}

.navbar-inverse { 

	background-color: transparent;	

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

  background-color: rgba(0, 0, 0, 0.3);

}

.dropdown-menu { background-color: #FFFFFF}

.navbar-inverse { background-image: none; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }

.navbar-inverse .navbar-brand { color: #FFFFFF}

.navbar-inverse .navbar-brand:hover { color: #FFFFFF}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}

.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}

.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #fff}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #fff}

/* Titles */

.section-title-wrapper {

	background-color: #f7f7f7;

	padding: 50px 0;

}

.section-title h1 span{

	color: #fff;

	padding: 0 10px;

	font-family: 'Open Sans Condensed', sans-serif;

	font-size: 40px;

	font-weight: bold;

	text-transform: uppercase;

}

.section-title h3 {

	font-size: 24px;

	padding-top: 20px;

	text-transform: uppercase;	

}

.element-title h1 {

	font-size: 30px;

	text-transform: uppercase;

}

.element-title h3 {

	font-size: 20px;

	text-transform: capitalize;

}

.typography-title h3 {

	font-size: 24px;

	padding: 20px 0;

	text-transform: capitalize;

}

.btn-one{

	box-shadow: 0 12px 19px rgba(0, 0, 0, 0.1) inset, 0 1px 7px rgba(255, 255, 255, 0.2);

    display: inline-block;

    margin: 20px 0;

    padding: 11px 20px;

    text-transform: capitalize;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}

/* End Titles */

/* About */

.why-us  {

	padding: 30px;

	display: flex;

    justify-content: center;

    align-items: center;

    /* text-align: left; */

    border-radius: 12px;

    margin: 50px 50px;



    z-index: 6;

  

    background-color: rgba(0, 0, 0, 0.3);

}	

.wrapper-why-us  {

	padding: 40px 0;

}	

.about-us h2 {

    font-size: 24px;

	text-transform: uppercase;	

}	

/******************************************************/

.hovicon {

	display: inline-block;

	font-size: 80px;

	line-height: 200px;

	cursor: pointer;

	margin: 20px;

	width: 200px;

	height: 200px;

	border-radius: 50%;

	background: #0b7368 !important;

	text-align: center;

	position: relative;

	text-decoration: none;

	color: #fff;

	-webkit-transition: all 0.2s ease-in-out 0s;

	-moz-transition: all 0.2s ease-in-out 0s;

	-o-transition: all 0.2s ease-in-out 0s;

	transition: all 0.2s ease-in-out 0s;	

}

.hovicon:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

/* Effect 1 */

.hovicon.effect-1:after {

	top: -7px;

	left: -7px;

	padding: 7px;

	-webkit-transition: -webkit-transform 0.2s;

	-webkit-transform: scale(0.8);

	-moz-transition: -moz-transform 0.2s;

	-moz-transform: scale(0.8);

	-ms-transform: scale(0.8);

	transition: transform 0.2s;

	transform: scale(0.8);

	box-shadow: 0 0 0 4px #00ccb8 !important;

}

/* Effect 1a */

.hovicon.effect-1.sub-a:hover {

	color: #fff;

	font-size: 100px;

	background: #0b7368 !important;

}

.hovicon.effect-1.sub-a:hover:after {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}

/******************************************************/

/* End About */

/* Team */

.meet-the-team{

	background-image: url('../images/education.jpg');

	background-size: cover;
padding: 30px;
    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

}

  .myteamcards{

    position: relative;

	width: 100%;

	height: 100%;

    background: linear-gradient(#0b7368, #0b7368  30%, #222 30%, #222);

    border-radius: 8px;

    overflow: hidden;

}

.myteamcards .meamimg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition: 0.5s;

    z-index: 100000;

    transform-origin: top;

    border-radius: 8px;

    overflow: hidden;

}

.myteamcards:hover .meamimg{

    transform: translateY(30px) scale(0.5);

}

.myteamcards .meamimg img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.myteamcards .teamcontent{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: flex-end;

    padding-bottom: 30px;

    transform: translateY(100%);

    transition: 0.5s;

}

.myteamcards:hover .teamcontent{

    transform: translateY(0);

}

.myteamcards .teamcontent .details h2{

    color: #fff;

    font-size: 1.3em;

    font-weight: 500;

}

.myteamcards .teamcontent .details h2 span{

    font-size: 0.8em;

    font-weight: 400;

    color: #00cfef;

}

.myteamcards .teamcontent .details .social{

    position: relative;

    display: flex;

    margin-top: 5px;

    padding-left: 0px;

}

.myteamcards .teamcontent .details .social li{

    list-style: none;

    margin: 5px;

}

.myteamcards .teamcontent .details .social li a{

    width: 45px;

    height: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #0b7368;

    border-radius: 50%;

    font-size: 1.4em;

    color: #fff;

    text-decoration: none;

    transition: 0.5s;

}

.myteamcards .teamcontent .details .social li a:hover{

    transform: scale(1.2) rotate(360deg);

    background: #00ccb8;

}

/* End Team */


.social-icon .fa:hover{
	color: #00cfef;
	text-decoration: none;
}
/* Skills */

.skills{

	 

	 padding: 35px; 

	background-image: url("../images/skills-bg.jpg");

}

.skill-slide{

	display: flex;

	align-items: center;

	justify-content: center;

	border: none !important;

	box-shadow: none !important;

	background: none !important;

}

.wrapper-count {

	margin-top: 60px;

}

.skill {

	padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

}

li:last-child {

	margin-bottom: 0;

}

.skill .knob{

	background: transparent;

	color: #fff;

	border: none;
    font-size: 60px !important;
    margin-top: -213px !important;
    margin-left: 0 !important;
    position: initial !important;

}

.swiper-button-next, .swiper-button-prev {
	margin-top: 0 !important;
	top: 87% !important;
}
.swiper-button-next{
	margin-right: 35%;
  
    padding: 23px;
    color: rgba(255, 255, 255, 0.718) !important;
    background: rgba(255, 255, 255, 0.1);
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.swiper-button-prev{
margin-left: 35%;
 
    padding: 23px;
    color: rgba(255, 255, 255, 0.718) !important;
    background: rgba(255, 255, 255, 0.1);
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 25px !important;
}
/* End Skills */

/* Works */
.works{
	padding: 50px;
}
.my-work-sec{

	background-image: url(../images/back1.jpg);

}

.shadow{

	padding: 50px !important;

}

.work-container{



    display: flex;

    

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

   

    /* max-width: 1200px; */

    margin: auto;

    border-radius: 12px;

    background: rgba(0, 0, 0, 0.4);

    padding: 10px;

}

.work-box{

    width: 30%;

    margin: 20px;

	transition: 0.5s ease;

}

.work-box img{

    width: 100%;

    height: 100%;

    overflow: hidden;

    transition: 0.5s ease;

}

.work-box:hover img{

    opacity: 0.6;

	transition: 0.5s ease;

	display: none;

}

.overlay{

	padding: 0 2% 100px;

}

.overlay-work{

	width: 100%;

	height: 0%;

	background: rgba(0, 0, 0, 0.8);

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	opacity: 0;

	transition: opacity 0.5s ease;

	overflow: hidden;

}

.work-box:hover .overlay-work{

	opacity: 1;

	height: 100%;

}

.fourth-content {

	padding: 5px;

	z-index: 6;

}

.fourth-content .container-fluid {

	padding-right: 15px;

	padding-left: 15px;

}

.fourth-content .container-fluid .col-md-4 {

	padding-right: 0px;

	padding-left: 0px;

}

.fourth-content .item {

	margin: 10px;

}

.fourth-content .item img {

	width: 100%;

	overflow: hidden;

	border-radius: 8px;

}

.fourth-content .item .thumb {

	position: relative;

}

.fourth-content .item .hover-effect {

	text-align: left;

	position: absolute;

	color: #fff;

	background-color: rgba(0,0,0,0.95);

	border-radius: 7px;

	bottom: 0;

	top: 0;

	left: 0;

	right: 0;

	opacity: 0;

	visibility: hidden;

	transition: all 0.8s;

}

.fourth-content .item:hover .hover-effect {

	opacity: 1;

	visibility: visible;

}

.fourth-content .item .hover-effect .hover-content {

	transform: translateY(-50%);

    position: absolute;

    text-align: left;

    width: 100%;

    top: 50%;

    left: 0;

    padding: 30px;

}

.fourth-content .item .hover-effect h2 {

	font-size: 18px;

	text-transform: uppercase;

	font-weight: 700;

	color: #fff;

	letter-spacing: 0.5px;

	border-bottom: 1px solid #fff;

	display: inline-block;

	padding-bottom: 10px;

	margin-bottom: 10px;

	margin-top: 0px;

}

.fourth-content .item .hover-effect p {

	font-size: 13px;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	line-height: 22px;

	padding-bottom: 0px;

	margin-bottom: 0px;

}

.fourth-content .item .hover-effect h2 {

	font-size: 15px;

}

/* End Works */

/* Partners */

.partners{

	/*background: none no-repeat scroll 0 0 #4d4d4d;*/

	/*padding: 40px 2% 80px;*/

	background-image: url("../images/partners-bg.jpg");

}



.for-partical {

    padding: 30px;



    border-radius: 12px;

    margin: 50px;

    z-index: 6;

    background-color: rgba(0, 0, 0, 0.3);

}

.certificate-details{

	text-align: left;

    font-size: 2rem;

}

.certificate-details h1{

	margin-bottom: 30px;

}

.certificate-images{

	z-index: 9;

}

.wrapper-partners{



    display: flex;

    background-color: rgba(0, 0, 0, 0.3);
padding-left: 15px;
	border-radius: 12px;

	margin-top: 30px;
    align-items: center;

    justify-content: center;

}



.wrapper-block-partners{

	padding: 30px;

}

.partners-img:hover img{

	opacity: 0.7;

}

.partners-img img{

	border: 1px solid transparent;

	text-align: center;

	max-width: 100%;

	height: auto;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}

/* End Partners */

/* Footer */

.bottom-footer {

/*    background: none repeat scroll 0 0 #fff;*/

    background: none repeat scroll 0 0 #333333;

}

.bottom-footer-left p span {

    font-size: 14px;

}

.bottom-footer-left p a {

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.bottom-footer-left p a:hover {

    color: #fff;

}

.bottom-footer-left p  {

    color: #fff;

}

.bottom-social-icons li a i{

	color: #fff;

	font-size: 22px;

    border-radius: 6px;

    display: block;

    height: 45px;

    width: 45px;

	padding-top: 12px;

	text-align: center;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.bottom-social-icons li a i:hover{

	background-color: transparent;

}

.bottom-footer {

    padding: 40px 0 20px;

}

.bottom-social-icons li {

    display: inline-block;

    margin: 10px 6px;

}

.bottom-social-icons {

    margin: 0 auto 40px;

    width: 100%;	

}

/* End Footer */

/* Validation */

label.error {

	display: none !important;

    background: none repeat scroll 0 0 #DE654E;

    color: #fff;

    padding: 3px 5px;

	margin-top: 10px;

}

.form-control.valid{

    border-color: #27AE61;

}

.form-control.error{

    border-color: #DE654E;

}

/* End Validation */

/* Contacts */

#contact

	{

		background: rgba(0, 0, 0, 0.4);
border-radius: 12px;
padding: 30px;
margin: 65px 50px;

	}

#contact .form-control

	{

		background: transparent;

		border: 1px solid #0b7368;

		border-radius: 3px;

		box-shadow: none;

		color: #fff;

		margin-top: 6px;

		-webkit-transition: all 0.4s ease-in-out;

		transition: all 0.4s ease-in-out;

		margin-bottom: 16px;

	}

	#contact .form-control:hover{

		box-shadow: 0 2px 20px 0 #0b7368 !important;

		border-radius: 15px;

	

	}

#contact label

	{

		font-weight: 500;

        float: left;

        margin-bottom: 8px;

	}

#contact input

	{

		height: 50px;

        border-radius: 8px;

	}

#contact input[type="submit"]

	{

		background: linear-gradient(90deg, #0b7368, #002521);

text-transform: uppercase;

		font-weight: bold;

		-webkit-transition: all 0.4s ease-in-out;

		        transition: all 0.4s ease-in-out;

	}

#contact input[type="submit"]:hover

	{

		background: transparent;

        border-radius: 15px;

	}

#contact address

	{

		border-bottom: 1px solid #505050;

        padding: 20px 0 0 30px;

        text-align: left;

	}

#contact address .address-title

	{

		font-weight: bold;

		font-size: 20px;

		padding-bottom: 10px;

        margin-left: -19px;

	}

#contact address span

	{

		display: block;

		padding-bottom: 30px;

        margin-left: -19px;

	}

	#contact .social-icon{

		display: flex;

		align-items: center;

		padding-left: 30px;

	}

	#contact li{

		margin-top: -10px;

    padding: 0px 25px;

    letter-spacing: 0.5px;

	font-size: 30px;

    font-weight: 400;

    cursor: pointer;

	}

#contact address .fa

	{

		border: 1px solid #fff;

		border-radius: 2px;

		width: 40px;

		height: 40px;

		line-height: 40px;

		text-align: center;

		margin-right: 10px;

		margin-bottom: 10px;

	}



.social-icon .fa{

      border: 1px solid #fff;

    border-radius: 2px;

    width: 40px;

    height: 40px;

    color: white;

    line-height: 40px;

    font-size: 1.5rem;

    text-align: center;

    /* margin-right: 10px; */

    margin-bottom: 10px;

}

#contact a{

color:white;

}

#contact a:hover{

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.5s ease-in-out;

    letter-spacing: 1px;

    color:#00ccb8;

}

/* End Contacts */

/* To Top */

a.scroll-up {

background: linear-gradient(90deg, #0b7368, #002521) !important;

    border-radius: 3px;

	border: 2px solid transparent;

    bottom: 10px;
z-index: 9;
    display: none;

    padding: 5px 10px;

    position: fixed;

    right: 10px;

    text-align: center;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

a.scroll-up i {

    color: #fff;

}

a.scroll-up:hover {

    background: transparent !important;

  

border-color:#00ccb8 !important;

}



/* End To Top */

/* Section Onepage Nav */



/* ================== Our Clients Section ============ */

.wrapper-block-clients1{

	margin-top: 20px;

    display: flex;

    background: rgba(0,0,0,0.3);

    border-radius: 12px;

    padding: 0 40px 0 40px;

    align-items: center;

    justify-content: center;

}

.clients-area .swiper {

	max-width: 300px;

  }

  .swiper-slide{

	box-shadow: 0 2px 20px 0 #0b7368 !important;

  }

.swiper-pagination-bullet-active {

    opacity: var(--swiper-pagination-bullet-opacity, 1);

    background: #0b7368 !important;

}

.skills-component .swiper-slide{

	box-shadow: none !important;

}

  .clients-area .swiper .swiper-slide {

	border-radius: 12px;

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	text-align: center;

	height: 380px;

	box-shadow: none !important;

	display: flex;

	align-items: center;

	justify-content: center;

	box-shadow: none;

  }

  .clients-area .swiper  .swiper-slide:nth-child(n) {

	background: linear-gradient(90deg, #0b7368, #002521);

  }

  /* .clients-area .swiper  .swiper-slide:nth-child(2n) {

	background-color: rgb(0, 140, 255);

  }

  .clients-area .swiper  .swiper-slide:nth-child(3n) {

	background-color: rgb(10, 184, 111);

  }

  .clients-area .swiper  .swiper-slide:nth-child(4n) {

	background-color: rgb(211, 122, 7);

  }

  .clients-area .swiper  .swiper-slide:nth-child(5n) {

	background-color: rgb(118, 163, 12);

  }

  .clients-area .swiper  .swiper-slide:nth-child(6n) {

	background-color: rgb(180, 10, 47);

  }

  .clients-area .swiper  .swiper-slide:nth-child(7n) {

	background-color: rgb(35, 99, 19);

  }

  .clients-area .swiper  .swiper-slide:nth-child(8n) {

	background-color: rgb(0, 68, 255);

  }

  .clients-area .swiper  .swiper-slide:nth-child(9n) {

	background-color: rgb(218, 12, 218);

  }

  .clients-area .swiper  .swiper-slide:nth-child(10n) {

	background-color: rgb(54, 94, 77);

  } */

.client-slider{

	display: flex;

	align-items: center;

	justify-content: center;

}

/* ==== Certificate Section ==== */

/* Certificate Image */

.certificate-img .swiper {

	max-width: 520px;

	max-height: 400px;

  }

  .certificate-img .swiper .swiper-slide {

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 22px;

	font-weight: bold;

	color: #fff;

	box-shadow: none;

	box-shadow: none !important;

	border: none;

	height: 340px;

  }

  .certifi-cate{

	  padding: 0 15px;

  }

  .certifi-cate .certificate-img .buttons-cert{

	display: flex;

	align-items: center; 

	justify-content: center;

	 font-size: 35px;

	 height: 40px;

	 margin-top: 12px;

	 opacity: 0;

	 transition: opacity 0.6s ease;

  }

  .certifi-cate .certificate-img:hover .buttons-cert{

	opacity: 1;

}

  .certifi-cate .certificate-img{

	  padding: 20px;

  }

  .certificate-img .cert img{

	  height: 100%;

	  width: 100%;

	  overflow: hidden;

	  cursor: pointer;

  }

  .certifi-cate .certificate-img .buttons-cert .prev, .next{

	  border: 1px solid rgba(255, 255, 255, 0.5);

	  margin: 0 30px;

	  cursor: pointer;

	  height: 40px;

	  width: 40px;

	  border-radius: 50%;

	  display: flex;

	  align-items: center;

	  justify-content: center;

	  color: rgba(255, 255, 255, 0.719);

	  background: rgba(255, 255, 255, 0.1);

  }



/*  css for timeline*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

a {
  color: inherit;
}



/* .section SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section {
  background: #f45b69;
  padding: 50px 0;
}

.section .container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.section h1 {
  font-size: 2.5rem;
}

.section h2 {
  font-size: 1.3rem;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
  white-space: nowrap;
  overflow-x: hidden;
}

.timeline ol {
  font-size: 0;
  width: 105vw;
  padding: 165px 0;
  transition: all 1s;
}

.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 310px;
  height: 3px;
  background: #fff;
}

.timeline ol li:last-child {
  width: 280px;
}

.timeline ol li:not(:first-child) {
/*  margin-left: 14px;*/
}

.timeline ol li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + -323px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
}

.timeline ol li div {
position: absolute;
    left: calc(100% + -319px);
    width: 340px;
    padding: 15px;
    font-size: 1.3rem;
    white-space: normal;
    color: white;
    border: solid 0.5px rgba(255,255,255,0.6);
    /* background: white; */
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0.3);
}

.timeline ol li div::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ol li:nth-child(odd) div {
  top: -16px;
  transform: translateY(-100%);
}

.timeline ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 8px 8px 0 0;
  border-color: white transparent transparent transparent;
}

.timeline ol li:nth-child(even) div {
  top: calc(100% + 16px);
}

.timeline ol li:nth-child(even) div::before {
  top: -8px;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent white;
}

.timeline time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.arrow{
	border: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0px 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 2.5rem;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.718);
    background: rgba(255, 255, 255, 0.1)
}
/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.timeline .arrows .arrow__prev {
  margin-right: 20px;
}

.timeline .disabled {
  opacity: 0.5;
}

.timeline .arrows img {
  width: 45px;
  height: 45px;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
  .timeline ol,
  .timeline ol li {
    width: auto;
  }

  .timeline ol {
    padding: 0;
    transform: none !important;
  }

  .timeline ol li {
    display: block;
    height: auto;
    background: transparent;
  }

  .timeline ol li:first-child {
    margin-top: 25px;
  }

  .timeline ol li:not(:first-child) {
    margin-left: auto;
  }

  .timeline ol li div {
    position: static;
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px;
  }

  .timeline ol li:nth-child(odd) div {
    transform: none;
  }

  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white;
    height: 25px;
  }

  .timeline ol li:last-child,
  .timeline ol li:nth-last-child(2) div::before,
  .timeline ol li:not(:last-child)::after,
  .timeline .arrows {
    display: none;
  }
}