@font-face {
     font-family: Sora-Regular;
     src: url('./fonts/Sora-Regular.ttf'); 
}
@font-face {
     font-family: Sora-SemiBold;
     src: url('./fonts/Sora-SemiBold.ttf'); 
}
@font-face {
     font-family: Quicksand-Regular;
     src: url('./fonts/Quicksand-Regular.otf'); 
}
body{
	font-family: 'Sora-Regular', sans-serif!important;
}
/*.navbar-expand-sm .navbar-nav{align-items: center;}*/
.navbar-brand img{
	width: 70%;
}
navbar-mob .navbar-nav .nav-link:focus, .navbar-mob .navbar-nav .nav-link:hover{
	color: #F47E20;
}
.navbar-toggler:focus{box-shadow: none!important;}
/*.navbar-dark .navbar-toggler-icon{
	background-image: url(images/toggle.png);
}*/
.navbar-mob .navbar-toggler{
	position: relative;
	top: 10px;
}
.toggle-icon-1, .toggle-icon-2, .toggle-icon-3{
	width: 25px;
	height: 3px;
	background: #F47E20;
	position: absolute;
}
.toggle-icon-2{
	top: 11px;
}
.toggle-icon-3{
	top: 18px;
}
#bluepine-navbar ul.bluepine-nav{
	margin: auto!important;
	margin-left: auto;
	margin-right: 0!important;
	align-items: center;
}
.navbar-collapse .navbar-nav .nav-link{
	color: #293D8A;
	font-family: Sora-SemiBold;
}
.navbar-expand-sm .navbar-nav .nav-link{
	padding-right: 1rem;
	padding-left: 1rem;
	font-size: 14px;
	line-height: normal;
}
.navbar-expand-sm .navbar-nav .nav-link.contact_cta{
	background-color: #F47E20;
	padding: 10px 25px;
	border-radius: 30px;
	color:#fff ;
	font-weight: normal;
	border: 1px solid  #F47E20;
}
.image_style{
	width: 100%;
}
.energy_sec_wrap{
	background: #F2F2F2;
    text-align: center;
    padding: 40px 50px 60px 50px;
    width:80%;
    margin: auto;
    border-radius: 30px;
    margin-top: -8%;
    z-index: 0;
}
.banner_sec{
	position: relative;
	z-index: -1;
}
.energy_sec{
	width: 75%;
	margin: auto;
}
.energy_sec h1{
	font-size: 40px;
	color: #233E90;
	line-height: 55px;
	font-weight: bold;
}
.cta_wrap a, .submit_cta input{
	background: #F47E20;
	color: #fff;
	text-decoration: none;
	padding: 12px 30px;
	border-radius: 30px;
	font-size: 14px;
	border: none;
	height: 45px;
}
.cta_wrap a:hover, .submit_cta input:hover, .navbar-expand-sm .navbar-nav .nav-link.contact_cta:hover{
	background: #fff;
	color:  #F47E20;
	border: 1px solid  #F47E20;
	height: 45px;
}
.navbar-expand-sm .navbar-nav .nav-link.contact_cta:hover{
	height: auto;
}
.row.about_sec{
	max-width: 85%;
	margin: auto;
	align-items: center;
}
.head-level-2{
	font-size: 38px;
	line-height: 50px;
	color: #233E90;
	font-weight: bold;
}
.para_style{
	font-size: 14px;
	color: #6E6E6E;
	line-height: 26px;
}
#purpose{
	background: #233E90;
	padding: 50px 0 0;
}
.text-color{
	color: #fff;
}
.font-weight-bold{
	font-weight: bold;
}
#purpose .about_img_wrap{
	margin-bottom: -18%;
}
#our_vision{
	padding: 150px 0 120px;
}
#our_vision .about_img_wrap .image_style{
	width: 50%;
	margin: auto;
}
#about .about_text_wrap{
	width: 90%;
}
.about_img_wrap{
	text-align: center;
}
.about_img_wrap img{
	width: 95%;
}
.energy_rays_sec{
	display: flex;
	align-items: center;
}
.energy_logo{
	width: 25%;
}
.energy_text{
	width: 75%;
	padding-left: 20px;
}
.para_color{
	color: #233E90;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
.row.offering_sec{
	max-width: 80%;
	margin: auto;
	text-align: center;
	margin-top: -15%;
}
.para_head{
	color: #233E90;
	font-weight: bold;
}
#offering{
	background-color: #233E90;
	padding-bottom: 100px;
}
.offering_wrap{
	display: flex;
	margin-top: 13%;
}
.cards_text{
	min-height: 180px;
}
.cards_wrap .cards_sec{
	background-color: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0px 3px 22px #00000021;
}
.cards_sec .para_style{
	line-height: 24px;
}
#strength .row.about_sec{
	padding: 60px 0 40px;
}
.team_sec{
	max-width: 85%;
	margin: auto;
	padding: 0 0 50px;
}
.row.team_sec_1{
	max-width: 83%;
	margin: auto;
	padding: 80px 0 50px;
}
.head-level-3{
	font-size: 23px;
	color: #233E90;
	font-family: Quicksand-Regular;
	font-weight: 600;
}
.font-st{
	font-family: Quicksand-Regular;	
}
.team_sec_wrap{
	background: #F2F2F2;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0px 3px 6px #00000029;
     margin:100px 15px 15px;
}
#join_us .team_sec_wrap{
	margin: 0;
	padding-top: 30px;
	position: relative;
}
.apply_cta{
	position: absolute;
	bottom: 40px;
	font-size: 14px;
}
.team_text{
	height: 320px;
}
#join_us .team_text{
	height: 360px;
}
.person_img{
    margin: auto;
    width: 60%;
    margin-top: -35%;
    margin-bottom: 15px;
    background: gray;
    border-radius: 100%;
    height: 185px;
    width: 185px;
}
#power .row.about_sec{
	align-items: unset;
	padding:20px 0 50px 0;
}
.actis_logo .image_style{
	width: 60%;
}
#power .about_text_wrap .para_color{
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}
.reach_sec{
	background: #233E90;
	padding: 100px 100px;
	max-width: 80%;
	margin: auto;
	border-radius: 10px;
	background-image: url('images/ribbon-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.reach_sec_wrap{
	width: 62%;
}
.head-level-4{
	font-size: 19px;
	line-height: 28px;
}
.head-level-4 span.location{
	font-size: 16px;
}
#join_us .team_text .para_color:after{
	content: '';
	width: 100%;
	display: block;
	position: absolute;
	background: #233E90;
	height: 2px;
	top: 25px;
}
#join_us .row.team_sec{
	padding: 50px 0 50px;
}
.resume_sec .head-level-3{
	font-size: 30px;
	color: #6E6E6E;
	margin-bottom: 20px;
}
.resume_sec .para_style{
	font-size: 20px;
	color: #233E90;
	text-decoration: none;
}

/*team slider*/

.team_sec .slick-list.draggable{
	padding: 0!important;
}

.slick-prev:before,
.slick-next:before {
 color: black;
}


.team_sec .slick-slide {
 transition: all ease-in-out .3s;
 opacity: .2;
}

.team_sec .slick-active {
 opacity: 1;
}

.team_sec .slick-current {
 opacity: 1;
}

.team_sec .slick-dots li button{
	position: relative;
}
.team_sec .slick-dots li button:before{
	content: '';
	width: 40px;
	height: 5px;
	background: #EBEBEB;
	position: absolute;
	display: block;
	opacity: 1!important;
	border-radius: 10px;
}
.team_sec .slick-dots li.slick-active button:before{
	background: #233E90;
	width:40px;
}
.team_sec .slick-dots{
	bottom: 0;
}
/*.slick-dots li:active button{
	background: red!important;
}*/
/*team slider*/
footer {
    background-color: #0d0d0d;
    padding: 18px 0;
}
.row.footer {
    max-width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
}
.footer p {
    color: #F5F5F7;
    font-size: 12px;
    font-weight:normal;
    margin: 0;
}
.footer_text a{
    color: #fff;
    text-decoration: none;
}
.social_icon img{
	width: 7%;
	margin:0 3px;
}
/*contact*/
.contact_banner_sec{
	position: relative;
}
.contact_banner_text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#contact, #map{
	background: #F1F1F1;
}
.row.contact_sec{
	max-width: 85%;
	margin: auto;
	padding: 80px 0;
}
.form_field{
	display: flex;
	justify-content: space-around;
}
.input_field{
	width: 100%;
}
.input_field input, .input_field textarea, .form_field input, .form_field textarea, .form_field select{
	width: 95%;
	border: 0;
	border-bottom: 1px solid #929497;
	background: transparent;
	padding: 10px 0;
	color: #929497;
	font-size: 14px;
}
.input_field textarea{
	width: 98%;
}
.contact_wrap_1{
	padding-left: 40px;
}
#Apply_modal .modal-header{
	border: 0;
	padding-bottom: 0;
}
#Apply_modal .modal-dialog{
	max-width: 30%;
}
#Apply_modal .modal-body{
	padding-bottom: 30px;
}
.attach_field{
	position: relative;
}
#custom-attach{
	height: 20px;
	background: transparent;
	border: 0;
	position: absolute;
	left: 0;
	opacity: 0;
	top:40px;
	width: 100%;
	z-index: 1;
	cursor: pointer;
}
.custom-file-label{
    font-size: 14px;
    top: 0px;
    border-bottom: 1px solid #929497;
    width: 95%;
    color: #6E6E6E;

}
label.custom-file-label:after{
    content: '';
    display: block;
    position: absolute;
    top: 70%;
    background-image: url('./images/attach.png');
    width: 7%;
    height: 20%;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
}
.text-clr{
	color: #000;
}
.mobile{display: none;}
.desktop{display: block;}
@media(max-width: 767.98px){
	.navbar .container{max-width: 95%;}
	.navbar-brand img{width: 100%;}
	.navbar-expand-sm .navbar-nav .nav-link{padding: 0 5px;font-size: 10px;}
	.navbar-brand{width: 15%;}
	.navbar-expand-sm .navbar-nav .nav-link.contact_cta{padding: 8px 15px;}
	#mynavbar{width: 85%;}
	/*.navbar-expand-sm .navbar-nav{align-items: center;}*/
	.energy_sec, .reach_sec_wrap, #about .about_text_wrap{width: 100%;}
	.energy_sec h1, .head-level-2{font-size: 25px;line-height: 35px;}
	.energy_sec_wrap{width: 90%;}
	.para_style{font-size: 14px;}
	.row.about_sec, .row.offering_sec, .team_sec, .row.team_sec_1, .row.contact_sec{max-width: 95%;}
	#our_vision, .row.team_sec_1, #strength .row.about_sec, #purpose, .row.contact_sec{padding: 30px 0;}
	.cards_text{min-height: auto;}
	.row.offering_sec, #about .about_text_wrap{margin-top: 0;padding: 30px 0 0;}
	#offering{padding-bottom: 20px;margin-top: 0;}
	.cards_wrap .cards_sec, #join_us .team_sec_wrap{margin-bottom: 20px;}
	.reach_sec{padding: 30px;}
	.team_text, #join_us .team_text{height: auto;}
	.apply_cta{position: relative;bottom: unset;font-size: 14px;}
	.energy_sec_wrap{padding:30px 40px 50px;}
	.cta_wrap.mt-5{margin-top: 25px!important;}
	.reach_sec{max-width: 90%;}
	#power .about_text_wrap, .actis_logo.mt-5{padding-top: 20px;margin-top: 0!important;}
	.slick-dotted.slick-slider{margin-bottom: 0;}
	.contact_wrap_1{padding-left: 15px;}
	#Apply_modal .modal-dialog{max-width: 100%;}
}
@media(max-width: 575.98px){
	.navbar-expand-sm .navbar-nav .nav-link{padding: 15px 0;font-size: 15px;}
	.navbar-brand{width: 70%;}
	.navbar-brand img{width: 65%;}
	.social_icon, .footer_text p:first-child{text-align: center;padding-bottom: 10px;}
	.footer_text.text-end{text-align: center!important;}
	.resume_sec .head-level-3{font-size: 22px;}
	.resume_sec .para_style{font-size: 16px;}
	.desktop{display: none;}
	.mobile{display: block;}
	#our_vision .about_text_wrap .image_style{width: 50%;margin: auto;padding-bottom:20px;}
	.navbar-expand-sm .navbar-nav .nav-link.contact_cta{text-align: center;}
	.navbar-collapse .navbar-nav{padding-bottom: 10px;padding-top: 15px;height: 650px;}
	.contact_banner_sec img{height: 500px;}
	.contact_banner_text{width: 90%;margin: auto;}
	#bluepine-navbar ul.bluepine-nav{align-items:normal!important;}
}
@media(max-width: 480px){

}
@media(max-width: 420px){

}
@media(max-width: 380px){

}
@media(max-width: 320px){

}
@media(max-width: 1024px) and (min-width: 768px){
	.navbar-brand img{width: 100%;}
	.navbar-expand-sm .navbar-nav .nav-link{padding: 0 10px;font-size: 11px;}
	.navbar-brand{width: 15%;}
	.navbar-expand-sm .navbar-nav .nav-link.contact_cta{padding: 8px 15px;}
	#mynavbar{width: 85%;}
	.navbar-expand-sm .navbar-nav{align-items: center;}
	.energy_sec h1{font-size: 28px;line-height: 35px;}
	.head-level-2, .resume_sec .head-level-3{font-size: 25px;line-height: 35px;}
	.para_style, .cards_sec .para_style, #power .about_text_wrap .para_color{font-size: 13px;line-height: 20px;}
	.energy_sec_wrap{width: 90%;}
	.cards_text {min-height: 225px;}
	.person_img{height: 130px;width: 130px;}
	 .head-level-4{font-size: 14px;line-height: 22px;}
	.head-level-3{font-size: 16px;}
	.para_head, .apply_cta, .head-level-4 span.location, .input_field input, .input_field textarea, .form_field input, .form_field textarea, .form_field select{font-size: 13px;}
	.cards_wrap .cards_sec{padding: 10px;}
	.row.about_sec, .row.offering_sec, .team_sec, .reach_sec, .row.team_sec_1, .row.contact_sec{max-width: 90%;}
	.team_text{height: 380px;}
	.reach_sec{padding: 50px;}
	#join_us .team_text{height:400px;}
	.team_sec_wrap{margin-top: 40px;}
	.social_icon img{width: 10%;}
	.row.team_sec_1{padding-top: 50px;}
	#purpose .about_text_wrap{padding-bottom: 30px;}
	#Apply_modal .modal-dialog{max-width: 50%;}
}
@media(max-width: 1024px) and (min-width: 992px){
	.team_sec_wrap{margin-top: 65px;}
	.para_head, .apply_cta, .head-level-4 span.location{font-size: 15px;}
	.head-level-2, .resume_sec .head-level-3{font-size: 30px;}
	.team_text{height: 310px;}
	#join_us .team_text{height: 320px;}
}	
@media(max-width: 1200px) and (min-width: 1025px){
	.navbar-brand img{width: 55%;}
	.navbar-expand-sm .navbar-nav .nav-link{padding: 0 10px;font-size: 13px;}
	/*.navbar-brand{width: 15%;}*/
	.navbar-expand-sm .navbar-nav .nav-link.contact_cta{padding: 8px 15px;}
	/*#mynavbar{width: 85%;}*/
	.navbar-expand-sm .navbar-nav{align-items: center;}
	.energy_sec h1, .head-level-2{font-size: 35px;}
	.para_style, .para_head{font-size: 14px;}
	.cards_wrap .cards_sec{padding: 10px;}
	.head-level-3{font-size: 20px;}
	.reach_sec{padding: 60px;}
	.head-level-4{font-size: 16px;line-height: 22px;}
	.row.about_sec, .row.offering_sec, .team_sec, .reach_sec, .row.team_sec_1{max-width: 90%;}
	.team_text{height: 400px;}
	.row.team_sec_1{padding-top: 50px;}
}
@media(max-width: 1300px) and (min-width: 1201px){
	.para_style{font-size: 14px;}
	.head-level-2{font-size: 35px;}
	.reach_sec{padding: 80px;}
	#join_us .team_text{height: 400px;}
	.head-level-3{font-size: 21px;}
	.row.offering_sec{max-width: 85%;}
	.cards_text{min-height: 200px;}
	.navbar-brand img{width: 70%;}
}
@media(max-width: 1400px) and (min-width: 1301px){


}
@media (max-width: 1799px) and (min-width: 1500px){

}
@media(min-width: 1800px){
	.navbar .container{max-width: 90%;}
	.energy_sec h1, .head-level-2{font-size: 64px;line-height: 90px;}
	.navbar-brand img{width: 100%;}
	.navbar-expand-sm .navbar-nav .nav-link, .footer p{font-size: 20px;}
	.cta_wrap a, .para_style, .apply_cta, .cta_wrap a, .para_style, .apply_cta, #power .about_text_wrap .para_color,
	 .input_field input, .input_field textarea, .form_field input, .form_field textarea, .form_field select{font-size: 24px;line-height: 42px;}
	.cards_sec .para_style{line-height: 45px;}
	.para_head, .head-level-4 span.location{font-size: 25px;}
	.cards_text{height: 325px;}
	.resume_sec .head-level-3{font-size: 40px;}
	.person_img{height: 300px;width: 300px;}
	.head-level-3, .head-level-4{font-size: 35px;line-height: 45px;}
	.team_sec_wrap{margin-top: 170px;}
	#join_us .team_text{height: 650px;}
	.team_text{height: 550px;}
	.resume_sec .para_style{font-size: 30px;}
	.cta_wrap a{padding: 20px 40px;}
	#join_us .team_text .para_color:after{bottom: 0;top: auto;}
}