.hero {
	height:100vh;
	position:relative;
	background-size:55%;
	background-repeat:no-repeat;
	background-position:right;
	background-image:url('https://assets-global.website-files.com/5d3e265ac89f6a3e64292efc/5f1617498100c31e95361e9a_main-img.jpg');
	display:flex;
	align-items:center;
	h1 {
		font-size:3.8em;
		text-transform:capitalize;
		font-family:$font__bold;
		color:#000;
	}
	p {
		font-size:1.2em;
		color:rgba(0,0,0,0.8);
	}
	&:before {
		position:absolute;
		height:600px;
		width:600px;
		background:#105884;
		opacity:0;
		border-radius:100%;
		top:12%;
		content:"";
		left:10%;
	}
}
.services {
	h2 {
		font-size:2.2em;
		line-height:1.4;
	}
	.list {
		margin:0;
		padding:0;
		list-style:none;
		li {
			display:inline-block;
			margin-right:30px;
			a {
				color:rgba(255,255,255,0.5);
				font-size:1.2em;

			}
			&.active {
				a {
					color:#fff;
					position:relative;
				}				
			}
		}
	}
	h3 {
		font-size:4em;
		font-family:$font__extrabold;
		

	}
	.row {
		height:100vh;
		position:relative;
	}
	.main__cta {
		display:block;
		margin-bottom:10px;
		font-size:1em;
	}
}

.work {
	h2 {
		font-size:2em;
		color:#000;
		font-weight:bold;

	}
	h3 {
		font-weight:bold;
		font-size:32px;
	}
	.work-box {
		border-radius:4px;
	}
	.slide-controls {
		a {
			height:50px;
			width:50px;
			border-radius:100%;
			background:rgba(255,255,255,0.5);
			line-height:50px;
			display:inline-block;
			margin:0 10px;
		}
	}
}
.about {
	.about-text p {
	  font-size: 24px;
	  font-weight: 500;
	  color:$color__primary;
	}
	.about-facts {
	  display: flex;
	  justify-content: space-between;
	  margin-top: 50px;
	}
	.about__facts {
	    border-right: 2px solid rgba(255,255,255,0.5);
	    border-left: none;
	    padding-right: 20px;
	    padding-left: 0;
	}
	.about__facts span {
	    display: block;
	}
	.about__facts-value {
	    font-size: 2.5em;
	    font-weight: 600;
	    line-height: 1;
	    color:$color__primary;
	}
	.about__facts-name {
	    font-size: 0.875em;
	}
	.logos {
		list-style:none;
		margin:0;
		padding:0;
		li {
			width:100px;
			display:inline-block;
			margin-right:60px;
			img {
				max-width:100%;
			}
			&:last-child {
				margin-right:0;
			}
		}
	}
}
.why {
	.list {
		list-style:none;
		margin:0;
		padding:0;
		li {
			display:block;
			a {
				font-size:1.4em;
				font-weight:600;
				opacity:0.2;
				letter-spacing:-2px;
			}
			&.active {
				a {
					opacity:1;
				}
			}
		}
	}
	.why-text {
		padding:0 80px;
		opacity:0.7;
		line-height:1.7;
		font-size:0.9em;
	}	
}
.cta {
	h1 {
		font-family:$font__bold;
		text-transform:capitalize;
		font-size:2.6em;
		color:$color__primary;
		margin-bottom:35px;
	}
}
.footer {
	background:$color__primary;
	h1 {
		font-family:$font__bold;
		text-transform:capitalize;
		font-size:3em;
	}
	p {
		font-size:0.85em;
	}
	.cta {
		border-bottom:1px solid #FFF;
	}
	h4 {
		font-size:0.9em;
		text-transform:uppercase;
		letter-spacing:1px;
	}
	.list {
		list-style:none;
		padding:0;
		margin:0;
		margin-top:20px;
		li {
			display:block;
			margin-bottom:5px;
			a {
				color:rgba(255,255,255,0.5);
				font-size:0.85em;
				&:hover {
					color:#FFF
				}
			}
		}
	}
	.stars {
		i {
			color:orange;
			font-size:0.85em;
		}
	}
	a {
		color:#FFF;		
	}
}
.ps-sidebar {	
	.ps-sidebar-up {
		height: 100vh;
		display: flex;
		
		a {
			font-size: 1em;
			padding: 10px 0;
			border-bottom: 1px solid #DDD;
			display: block;
			color: #000;
			&.ps-active {
				display: block;
			}
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			width: 100%;
		}
	}
}
.service-info {
	.anchor-title {
		font-size: 3.5em;
		font-family: $font__extrabold;
		opacity: 0.3;
		color: transparent;
		padding-bottom: 10px;
		-webkit-text-stroke-width: 1px;
 		 -webkit-text-stroke-color: black;
		&.active {
			opacity: 1;
			color: #000;
			-webkit-text-stroke-width: 0px;
			border-bottom: 6px solid lightblue;
		}
	}
	p {
		color: #3d3d3d;
	}
	ul {
		list-style: square;
		padding-left: 10px;
		margin-top: 30px;
		li {
			margin-bottom: 10px;
		}
	}
	h4 {
		font-family: $font__regular;
		text-transform: uppercase;
		letter-spacing:2px;
		font-size: 0.8em;
		margin-top: 30px;
	    color: #000;
	    font-weight:bold;
	    border-bottom:2px solid #000;
	    padding-bottom:5px;
	}
	.big-para {
		font-size: 1.5em;
		line-height: 1.4;
		color: #000;
		font-family: $font__bold;
	}
}

// Work Start
.testimonial_slider .swiper-slide {
  width: calc(100% - 200px);
  margin:0 10px;
  height: auto; }
.testimonial_slider{
	.swiper-slide-prev, .swiper-slide-next{
		.author_img{ display:none}
	}
}
.testimonial_slider .swiper-button-next:hover, .testimonial_slider .swiper-button-prev:hover {
  opacity: 0; }

.testimonial_slider .swiper-button-next, .testimonial_slider .swiper-button-prev {
  height: 100%;
  width: 100px;
  background: none;
  top: 22px;
  transition: all ease .35s; }

.swiper-slide-next, .swiper-slide-next .review_slide {
  margin-right: auto; }

.swiper-slide:not(.swiper-slide-active) .review_slide {
  width: 100px; }

.swiper-slide-active .author_img:before {
  left: 24px;
  transition: all ease .5s .3s;
  top: -25px; }

.swiper-slide-active .author_img {
  z-index: 1;
  flex: 0 0 180px; }

.review_slide {
  display: flex;
  position: relative;
  padding: 15px;
  overflow: hidden;
  height: 100%; }

.swiper-slide.swiper-slide-active .review_slide {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 52px;
  opacity: 1;
  padding: 50px 50px 0;
  border-radius: 4px; }

.review_slide h6 {
  margin-bottom: 0;
  font-size: 1.2em; }

.review__content {
  
  }
  .review__content .blockquote {
    color: #000;
    font-size: 1em;
    font-weight: 500;
    min-height: 160px; }

    .review__content .blockquote:after {
      content: "\f10e";
      font-family: FontAwesome;
      font-size: 4em;
      height: 80px;
      opacity: 0.05;
      position: absolute;
      right: 10px;
      top: 0;
      width: 80px; }

.swiper-slide-active .author_img:before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  background-color: #ff9a00;
  left: 0px;
  top: 0px;
  z-index: -1;
  border-radius: 100%; }

.author_img {}

.swiper-slide-active
.testimonial_slider {
  padding: 30px 0; }

.testimonial_slider .swiper-button-prev {
  left: 0; }

.testimonial_slider .swiper-button-next {
  right: 0; }

.swiper-slide:not(.swiper-slide-active) .review_slide {
  flex-direction: column;
  filter: grayscale(100%); }

.swiper-slide-active .review_slide .review__content {
  display: block;
  visibility: visible !important; }

.review_slide .review__content {
  display: none;
  color: var(--lightmutedClr); }

.testimonial_slider .swiper-pagination-bullet {
  margin: 7px !important;
  position: relative;
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--primaryClr); }

.testimonial_slider span.swiper-pagination-bullet:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--primaryClr);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: scale(0);
  border-radius: 50%;
  opacity: .1;
  transition: all ease .3s; }

.testimonial_slider span.swiper-pagination-bullet-active:before {
  transform: scale(3); }

.swiper-slide-prev .review_slide {
  margin-left: auto; }

.swiper-slide-active .review_slide {
  background-repeat: no-repeat;
  background-size: 65px;
  background-image: url(../images/left-quote-mark.png);
  background-position: 18px 7px; }

.review_slide span {
  display: inline-block; }

.number_counter {
  counter-reset: Number; }



.sub-logo{ height:20px; width:auto}
.mega-dropdown { position: static!important; }
nav{
	.navbar-nav{
		.nav-link{ color: #777; font-size: 0.9em; padding:.75rem 1rem !important; color:#000 !important;}
		.nav-btn{ padding-left:30px}
	}
	.main-service{ color: #0f346c!important; text-transform: uppercase;font-weight: 600; font-size:14px; padding-left: .5rem;}
	.sub-service{list-style: none; margin-left: 0; padding-left: 0;
		.nav-link{padding:.5rem}
	}
}
@media (min-width: 768px){
	.navbar-nav {
		.dropdown-menu{
			&.dropdown-menu { right: 0; left: 0; width:100%; border-radius: 0; border: none; margin-top: 1px; border-bottom:1px solid #ddd}
		}
	}
}

.service-section{ 
	h6{ font-weight:600; font-size:16px; margin-bottom:20px;}
	h2{ font-size:46px; margin-bottom:30px}
	.services-type{
		.img{ position: relative; display: block;
			img{position: absolute; left: 0; top: 0; max-width: 100%; min-height: 100%;}
			&:after{ content:''; position: relative; display:block; padding-bottom:75%}
			img {
				border-radius:0.25em;
			}
		}
		a{ position: absolute; right: 30px; top: -55px;}
		h3{ font-size: 30px; margin-top: 40px; margin-bottom: 0px;}
		p{padding:10px 0}
	}
	.swiper-button-next, .swiper-button-prev{ top: -75px !important; width: 60px; height: 60px; border: 2px solid #333; border-radius: 100%;background-size: 15px; background-image: none;
		img{ width:30px; margin: 14px 0 10px 12px;}
	}
	.swiper-button-prev, .swiper-button-prev1{ left:auto; right:20%;}
	.swiper-button-next, .swiper-button-next1{ left:auto; right:15%;}
	.position-relative {
		padding-right:100px;
		padding-left:30px;
	}
}
.set-swip{ position:relative}
:focus{ outline:none !important}
// Work end

.work{ 
	h6{ font-weight:600; font-size:16px; margin-bottom:20px; }
	h2{ font-size:46px; margin-bottom:30px}
}



		

		#sidebar{
			float: left;
			width: 200px;
			color: #ffbdbd;
			will-change: min-height;
		}

		#sidebar .sidebar__inner{
			border: 2px dotted red;
			padding: 10px;
			position: relative;
			transform: translate(0, 0);
			transform: translate3d(0, 0, 0);
			will-change: position, transform;
		}

		footer{
			height: 300px;
			height: 85vh;
			border: 2px dotted black;
			margin-top: 20px;
			text-align: center;
			color: #8e8d8d;
			background: rgba(0, 0, 0, 0.02);
			line-height: 300px;
			line-height: 95vh;
		}

		footer p{
			margin: 0;
		}

		.clearfix:after{
			display: block;
			content: "";
			clear: both;
		}

.im-section {
	min-height:100vh;
}
.anchor-title {
	display:block;
}