/*banner*/
.banner_area .carousel-caption {
	position: absolute;
	right: 0;
	bottom: 1.25rem;
	left: 0;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	top: 0;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	width: 50%;
}
 
.banner_area h1 {
	color: #fff;
	padding-top: ;
	font-size: 4.1vw;
	width: 67%;
	position: absolute;
	right: 0px;
	bottom: 130px;
	text-align: left;
	font-family: "Source Sans 3", sans-serif;
}
/*banner*/

/*why_choose*/
.why_choose{
	/*  background: url("../images/why_choose_bg.png") bottom #000;*/
	background-color: #000;
  background-repeat: no-repeat;
  position: relative;
}
.logo_in_bg {
	position: absolute;
	right: 0;
	max-width: 1060px!important;
	top: 0;
}
.why_choose_pera{
	line-height: 56px;
	font-size: 2vw;
	color: var(--c-white);
	font-weight: lighter;
	margin-top: 150px;
}
.expertise_area h3 {
	font-size: 1.4vw;
	font-weight: 600;
	color: var(--c-white);
	margin-top: 15px;
}
.expertise_area p {
	font-size: 0.8vw;
	color: var(--c-grey);
	margin: 0;
}
/*why_choose*/



/*we_specialize*/
.specialize_area{
  background: url("../images/we_specialize.jpg");
  background-repeat: no-repeat;
  position: relative;
}
.specialize_text {
	width: 648px;
	background: rgba(255, 255, 255, 0.8);
	padding:200px 80px;
	height: 100%;
}
.specialize_text p {
	font-size: 1.7vw;
	font-weight: lighter;
	padding-left: 50px;
	border-left: 2px solid #F9B231;
	color: var(--c-black);
	line-height: 56px;
}
/*we_specialize*/

/*prioritizing_area*/
.prioritizing_area h3 {
	color: var(--c-black);
	font-size: 40px;
	font-weight: lighter;
	font-family: "Source Sans 3", sans-serif;
	position: relative;
	margin-top: 50px;
	left: 15%;
	top: ;
	margin-top: 22%;
}
.prioritizing_text {
	padding-left: 15%;
	margin-top: 100px;
}
.prioritizing_text p{
	line-height: 30px;
	color: var(--c-grey);
	font-size: 0.8vw;
	margin-bottom: 100px;
}
/*prioritizing_area*/


/*enhances_productivity*/

.enhances_productivity{
/*	 background: url("../images/enhances_productivity.jpg");*/
	background-color: #292B82;
}
.enhances_productivity p{
	color: var(--c-white);
	font-size: 0.9vw;
}
.servisece_list{
	list-style: none;
	margin:0 ;
	padding:0 ;
	margin-top: 100px;
	width: 70%;
}
.servisece_list li a {
	padding: 14px 0;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	color: rgba(255, 255, 255, 0.5);
	font-size: 1vw;
}
.servisece_list li a path{
	visibility: hidden;
	opacity: 0;
}
.servisece_list li a:hover path{
	visibility: visible;
	opacity: 1;
}
.servisece_list li a:hover {
	border-bottom: 1px solid rgba(255,255,255,1);
	color: rgba(255, 255, 255, 1);
	padding-left: 10px;
}
.enhances_productivity .heading {
	line-height: 66px;
}

/*enhances_productivity*/



.collaborate_block{
	background: url("../images/collaborate.jpg") no-repeat;
}
.collaborate_text {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 150px 100px;
}
.collaborate_text_block{
	border-left: 2px solid #F9B231;
	padding-left: 30px;
}
.collaborate_text h5 {
	font-size: 2vw;
	font-weight: lighter;
}
.collaborate_text  path{
	fill: black;
}



.carousel-indicators [data-bs-target] {
	width: 7px!important;
	height: 7px!important;
	border-radius: 100%;
	background-clip: padding-box;
	border: 0;
	border-top: 0!important;
	border-bottom: 0!important;
	opacity: 1!important;
	background: #fff !important;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #F9B231!important;
  position: relative;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	background-image:none!important;
}

.carousel-control-prev-icon{
	background: url("../images/left.png") no-repeat!important;
}
.carousel-control-next-icon{
	background: url("../images/right.png") no-repeat!important;
}
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
	filter: none!important;
}
.carousel-control-prev, .carousel-control-next {
	opacity: 1!important;
}
.carousel-indicators [data-bs-target] {
	margin-left: 15px!important;
}
.carousel-indicators .active::before {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	border: 1px solid #F9B231;
	border-radius: 100%;
	margin: 0 auto;
	left: -5px;
	right: 0;
	top: -5px;
}

.carousel-indicators {
	margin-bottom: 3rem!important;
}


@media (max-width: 1366px) {
  .banner_area h1 {
		bottom: 189px;
	}
	
	.servisece_list li a {
		padding: 8px 0;
	}
	.specialize_text p {
		font-size: 21px; 
		padding-left: 30px;
		line-height: 46px;
	}
	.prioritizing_text {
		padding-left: 15%;
		margin-top: 45px;
	}
	.prioritizing_text p {
		margin-bottom: 45px;
		font-size: 15px;
	}
	.collaborate_text {
		background-color: rgba(255, 255, 255, 0.8);
		padding: 120px 35px;
	}
	.collaborate_text h5 {
		font-size: 24px;
	}	
	
}

@media (max-width: 1199px) {
	.banner_area h1 {
		bottom: 159px;
	}
}

@media (max-width: 991px) {
	.enhances_productivity .heading {
		line-height: 42px;
	}
	.servisece_list {
		margin-top: 30px;
	}
	.expertise_area p, .enhances_productivity p, .servisece_list li a {
		font-size: 14px;
	}
	.collaborate_block {
		background-position: -300px 0;
	}
	.banner_area h1 {
		width: 72%;
	}
	.specialize_area {
		background-position: -990px 0;
	}
	.prioritizing_area h3 {
		font-size: 26px;
	}
	.banner_area h1 {
		bottom: 99px;
	}
}
@media (max-width: 767px) {
	#carouselExampleDark .d-none {
		display: block !important;
	}
	.banner_area h1 {
		bottom: 19%;
	}
	.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
		display: none;
	}
	.specialize_text {
		width: 100%;
		background: rgba(255, 255, 255, 0.8);
		padding: 100px 80px;
		height: 100%;
	}
	.prioritizing_area h3 {
		left: 0;
	}
	.prioritizing_text {
		padding-left: 0;
	}

	.enhances_productivity p{
		font-size: 14px;
		margin-top: 20px;
	}
	.servisece_list {
		width: 100%;
	}
	.pr0 {
		padding-right: 15px !important;
	}
	.servisece_list li a {
		font-size: 15px;
	}
	.banner_area {
		margin-top: 80px;
	}
	.banner_area h1 {
		bottom: 29%;
	}
	
}

@media (max-width: 510px) {
	.banner_area h1 {
		width: 100%!important;
		text-align: center;
		padding: 10%;
		font-size: 26px;
		bottom: 10%;
	}
	.banner_area .carousel-caption {
		width: 100%;
	}
	.carousel-indicators {
		margin-bottom: 15px !important;
	}
	.logo_in_bg {
		display: none;
	}
	.specialize_text p {
		font-size: 20px;
		font-weight: normal;
	}
	.specialize_text {
		background: rgba(255, 255, 255, 0.8);
		padding: 60px 40px;
	}

}
@media (max-width: 360px) {
	.specialize_text p {
		font-size: 18px;
		font-weight: normal;
		padding-left: 15px;
    line-height: 33px;
	}
	.specialize_text {
		background: rgba(255, 255, 255, 0.8);
		padding: 60px 25px;
	}
	.banner_area h1 {
		font-size: 22px;
	}
}