@font-face {
	font-family: "Poppins-Black";
	src: url("assets/font/Poppins-Black.otf");
}

body {
	margin: 0;
	padding: 0;
	font-family: ;
}

.navbar {
	padding: 0!important;
	margin: auto;
	height: 65px;
	position: absolute;
	z-index: 1;
	width: 100%;
}

#mid-wrapper {
	width: 100%;
	float: left;
	margin: 40px 0;
}

/*.logo_class {
	margin-top: 14px;
}*/

.clear {
	clear: both;
}

.bg-dark {
	background-color: #fff0 !important;
}

.banner {
	width: 100%;
	float: left;
}
.logor{width:5; float:left; display:none;}
.navbar-expand-lg .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: 0px !important;
}

.banner_text_slider {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}

.bottom-left {
	position: absolute;
	bottom: 0px;
	left: 16px;
}

.centered {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.banner_slider_heading {
	width: 960px;
	margin: auto auto 100px auto;
	font-size: 45px;
	font-weight: bold;
	-webkit-text-stroke: 3px black;
	-webkit-text-fill-color: white;
	background-color: #000000c4;
}

.sixangle_section {
	width: 594px;
	margin: 70px auto auto auto;
}


/*****************six-angle_section_start****************/

.hexagon {
	width: 184px;
	height: 96px;
	position: relative;
}

.hexagon,
.hexagon:before,
.hexagon:after {
	background: #3ab1cf;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.hexagon:before,
.hexagon:after {
	content: "";
	position: absolute;
	left: 38px;
	width: 107px;
	height: 104px;
	transform: rotate(145deg) skew(22.5deg);
}

.hexagon:before {
	top: -53px;
}

.hexagon:after {
	top: 48px;
}

.hexagon span {
	position: absolute;
	top: 0;
	left: 0;
	width: 184px;
	height: 100px;
	background: #3ab1cf;
	z-index: 1;
	padding: 12px 0px;
	font-size: 24px;
	color: #fff;
}

.hexagon1 {
	width: 184px;
	height: 96px;
	position: relative;
	margin: -97px 0 0 204px;
}

.hexagon1,
.hexagon1:before,
.hexagon1:after {
	background: #ff5515;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.hexagon1:before,
.hexagon1:after {
	content: "";
	position: absolute;
	left: 37px;
	width: 107px;
	height: 104px;
	transform: rotate(145deg) skew(22.5deg);
}

.hexagon1:before {
	top: -53px;
}

.hexagon1:after {
	top: 48px;
}

.hexagon1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 184px;
	height: 100px;
	background: #ff5515;
	z-index: 1;
	padding: 12px 0px;
	font-size: 24px;
	color: #fff;
}

.hexagon2 {
	width: 184px;
	height: 96px;
	position: relative;
	margin: -95px 0 0 408px;
}

.hexagon2,
.hexagon2:before,
.hexagon2:after {
	background: #ff9313;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.hexagon2:before,
.hexagon2:after {
	content: "";
	position: absolute;
	left: 37px;
	width: 107px;
	height: 104px;
	transform: rotate(145deg) skew(22.5deg);
}

.hexagon2:before {
	top: -53px;
}

.hexagon2:after {
	top: 48px;
}

.hexagon2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 184px;
	height: 100px;
	background: #ff9313;
	z-index: 1;
	padding: 12px 0px;
	font-size: 24px;
	color: #fff;
}


/*****************six-angle_section_end****************/


/****************about_us_start****************/

.about_us_outer {
	width: 100%;
	float: left;
	background-color: #f5f5f5;
}

.imgclass {
	width: 100%;
	float: left;
}

#about_cont {
	padding: 50px 0 40px 0;
}

.about_h1 {
	font-size: 38px;
	font-weight: bold;
	border-left: 03px solid #ff6c30;
	padding: 14px 0 14px 30px;
}

.span_class {
	color: #3ab1cf;
}

.peragraph_about {
	width: 100%;
	float: left;
	color: #737373;
	line-height: 25px;
	font-size: 16px;
	padding-top: 22px;
}

.question_class {
	color: #181818;
}


/****************about_us_end****************/


/****************who_we_are_start****************/

.whoweare {
	width: 100%;
	float: left;
	padding: 50px 0 40px 0;
}

.about_h1 {
	font-size: 38px;
	font-weight: bold;
	border-left: 03px solid #ff6c30;
	padding: 14px 0 14px 30px;
}


/****************who_we_are_end****************/

.brandinginnovation {
	width: 100%;
	float: left;
}

.brandinginnovation img {
	width: 100%;
	float: left;
}


/******************************tab_start******************************/

.tab_section {
	width: 100%;
	float: left;
}

.div {
	background: linear-gradient(to bottom, #a6cef4 0%, #9cd8e7 100%);
	padding-top: 155px;
	clear: both;
}

.tabnav {
	width: 25%;
	float: left;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #000;
	border-right: 01px solid #b6b6b5;
}

.tabnav:last-of-type {
	border-right: 0px;
}

.tabnav a {
	color: #000;
}

.tabnav a:hover {
	text-decoration: none;
}

.fade:not(.show) {
	opacity: 1;
}

.tab_insider_text_section {
	width: 100%;
	float: left;
}

.tab-img {
	margin-top: 30px;
	width: 100%;
}

.tab_heading {
	width: 100%;
	float: left;
	font-size: 30px;
	font-weight: bolder;
	color: #000000;
	line-height: 36px;
	padding-top: 69px;
}

.perea {
	width: 85%;
	float: left;
	font-size: 16px;
	line-height: 25px;
	padding-top: 10px;
}

.nav-tabs {
	border-bottom: 1px solid #dee2e6;
	padding: 30px 0;
	background: #fff;
}


/******************************tab_end******************************/

.success {
	width: 100%;
	float: left;
	background-color: #272725;
	text-align: center;
	font-size: 48px;
	color: #fff;
	font-weight: bold;
}

.success_in {
	padding: 77px;
}

.contactus-location {
	width: 100%;
	float: left;
	margin: 40px auto 0 auto;
}

.contactus {
	width: 100%;
	float: left;
}

.contact_get_in_touch {
	width: 100%;
	float: left;
	font-size: 18px;
	color: #303242;
	font-weight: 700;
}

.contact_contact_us {
	width: 100%;
	float: left;
	font-size: 44px;
	color: #36404c;
	font-weight: 700;
	margin-bottom: 28px;
}

.contact_contact_us:before {
	position: absolute;
	background-color: #ec385e;
	height: 3px;
	width: 70px;
	content: "";
	left: 10;
	/*right: 0;*/
	bottom: 0;
	top: 90px;
	margin: 0 auto;
}

.contact_location_container {
	width: 50%;
	float: left;
	margin-bottom: 40px;
}

.contact_location_container .icon {
	width: 28%;
	float: left;
}

.contact_location_container .icon .inside {
	width: 57px;
	height: 57px;
	border-radius: 100%;
	border: 01px solid #5c6978;
	text-align: center;
	font-size: 24px;
	padding: 08px;
}

.contact_location_container .text {
	width: 68%;
	float: left;
	font-size: 14px;
	padding: 07px 0;
}

.contact-form {
	width: 100%;
	float: left;
}

.contact-form .first {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.contact-form .first label {
	width: 48%;
	float: left;
	border: 01px solid #e9ebec;
	padding: 10px 20px;
	font-size: 14px;
	color: #8b8390;
	background-color: #fff;
}

.contact-form .first label:last-of-type {
	float: right;
}

.contact-form .second {
	width: 100%;
	float: left;
}

.contact-form .second label {
	width: 100%;
	float: left;
	border: 01px solid #e9ebec;
	padding: 10px 20px;
	font-size: 14px;
	color: #8b8390;
	background-color: #fff;
}

.contact_location_container_ph {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.contact_location_container_ph textarea {
	color: #8b8390;
	font-size: 14px;
	border: 01px solid #e9ebec;
	height: 120px;
	padding: 10px 20px;
}

.contact_form_send {
	width: 100%;
	float: left;
}

.contact_form_send .send_b {
	width: 156px;
	float: left;
	background-color: #f8941e;
	border: 0px;
	margin-top: 20px;
}


/***************Location_map-start***************/

.map-container {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.map-container iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

/***************Location_map-end***************/


/**********************************index_page_code_end**********************************/


/**********************************Our_Core_Values_start**********************************/

.containerv {
	position: relative;
	color: white;
}

.centered_over {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.downsection {
	width: 100%;
	float: left;
	height: 50px;
}

.o_core_values {
	width: 100%;
	float: left;
}

.o_core_values .left {
	width: 100%;
	float: left;
}

.o_core_values .left h1 {
	width: 100%;
	margin:auto;
	font-size: 38px;
	font-weight: 700;
	text-align:left;
}

.o_core_values .left p {
	width: 100%;
	float: left;
	font-size: 16px;
	text-align:left;
}

.o_core_values .right {
	width: 50%;
	float: left;
}

.o_core_values .right button {
	width: 226px;
	color: #fff;
	float: right;
	background: #fff0;
	border: 01px solid #fff;
	font-size: 18px;
	padding: 07px 0;
	margin-top: 52px;
}

.out_core_value {
	width: 100%;
	float: left;
	margin-top: -66px;
	position: relative;
	z-index: 1;
	border: 01px solid #eee;
}

.over_slider {
	width: 100%;
	float: left;
}

.over_slider .slider {
	width: 50%;
	float: left;
}

.over_slider .slidern {
	width: 100%;
	float: left;
}

.over_slider .slidern .first_secty {
	width: 25%;
	float: left; padding:20px;
}



.over_slider .slidern .first_secty h1{
	width: 100%;
float: left;
font-size: 20px;
font-weight: 700;
padding: 15px 0 25px 0;
}



.over_slider .slidern .first_secty p{
	width: 100%;
float: left;
line-height: 25px;
font-size: 16px;
}
.over_slider .slidern .first_secty .readmore{width: 120px; float: left; background-color: #fff;}


.over_slider .slidern .first_secty .readmore  a button {
    width: 100%;
    float: left;
    background-color: #f8941e;
    border: 0px;
    color: #fff;
    font-size: 15px;
    padding: 05px;
}
.over_slider .slidern .ritght{width:75%; float:left;}
.over_slider .slidern .ritght img{width:100%; float:left; height:285px;}

.over_slider .slider .text-section {
	width: 50%;
	float: left;
	background-color: #fff;
	height: 285px;
	padding: 20px;
}

.over_slider .slider .text-section h1 {
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: 700;
	padding: 15px 0;
}

.over_slider .slider .text-section p {
	width: 100%;
	float: left;
	line-height: 25px;
	font-size: 16px;
}

.over_slider .slider .text-section .readmore {
	width: 120px;
	float: left;
}

.over_slider .slider .text-section .readmore button {
	width: 100%;
	float: left;
	background-color: #f8941e;
	border: 0px;
	color: #fff;
	font-size: 15px;
	padding: 05px;
}

.over_slider .slider .images-section {
	width: 50%;
	float: left;
}

.over_slider .slider .images-section img {
	width: 100%;
	float: left;
	width: 285px;
	height: 285px;
}


/**********************************Our_Core_Values_end**********************************/


/*footer*/

footer {
	width: 100%;
	float: left;
	/*border-top: 01px solid #dcdcdc;*/
	text-align: center;
	padding: 15px 0;
}

.aclass {
	color: #f8941e;
}

.aclass:hover {
	color: #f8941e;
	text-decoration: none;
}


/*footer*/

.contact_in .fa {
	border-radius: 65px!important;
	border: 01px solid #d5d5d5!important;
	width: 84px;
	height: 84px;
	padding: 20px;
}


/*********************contact_us*********************/
.contact_outside_bg{width:100%; float:left; background-image: url("../../assets/img/contact_bg2.jpg"); height:100%;  background-position:center; background-size:cover;}
.contact_us {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 38px;
	font-weight: bold;
}

.contact-section-header {
	height: 220px;
	overflow: hidden;
}

.locationmap{width:100%; float:left; padding:20px; background:#fff; margin-bottom:20px;}

.container_left{width:100%; float:left; background:#000; color:#fff; padding:20px;}
.container_left h1{width:100%; float:left; font-size:18px; font-weight:700;}
.container_left p{width:100%; float:left; font-size:14px; margin-bottom:25px;}

.container_left .follow_icon{width:100%; float:left;}
.container_left .follow_icon .inside{width:15%!important; text-align:center; float:left; padding:px; border-radius:100%; border:01px solid #fff; height:45px; width:44px; margin:08px; padding:12px 14px;}
.container_left .follow_icon .inside .fa{font-size:20px;}

.container_left .follow_icon .inside:hover{background-color:#f58220;}


.contact_right_part{width:94%; float:left; background:#fff; padding:20px 20px 45px 20px; border:01px solid #d5d5d5; margin: 20px;}
.contact_right_part h1{width:100%; float:left; font-size:36px; font-weight:700;} 



.contact_right_part h1::before {
    position: absolute;
    /*background-color: #f58220;*/
    height: 4px;
    width: 125px;
    content: "";
    left: 16px;
    top: 0;
    margin: 72px auto auto 20px;
}
.contact_right_part p{width:100%; float:left; font-size:18px; border-bottom:01px solid #d5d5d5; padding:20px 0 10px 0;}
.contact_right_part .contact_form_accept_here{width:100%; float:left;}
.contact_right_part .contact_form_accept_here .name{width:100%; float:left; margin-bottom:20px;}
.contact_right_part .contact_form_accept_here .name .name_inside{width:48%; float:left;}
.contact_right_part .contact_form_accept_here .name .name_inside:last-of-type{float:right;}
.contact_right_part .contact_form_accept_here .name .name_inside .text{width:100%; float:left;}
.contact_right_part .contact_form_accept_here .name .name_inside .input{width:100%; float:left;}

.contact_right_part .contact_form_accept_here .name .text{width:100%; float:left; padding-bottom:05px;}
.contact_right_part .contact_form_accept_here .name .input{width:100%; float:left;}
.lpartl img{width:100%; hright:100%;}
.name2{width:100%; float:left;}
.name2 button{width:240px; float:right; padding:0; border:0; background:#fff; color:#f8941e; font-weight:700; font-size:20px;}
/*********************contact_us*********************/


.contact_all{width:100%; float:left;}
.contact_all .lpartl{width:10%; float:left; background-image: url("../../assets/img/contact_a.jpg");}
.contact_all .lpart{width:24%; float:left; background-image: url("../../assets/img/contact_a.jpg");}
.contact_all .lpart .rightpart{width:100%; float:right;} 
.contact_all .rpart{width:53%; float:left; background-image: url("../../assets/img/contact_bg.jpg");}
.contact_all .rpart .left_part{width:100%; float:left; background-image: url("../../assets/img/contact_bg2.jpg");}
.new_contact{width:100%; margin:20px 0 20px 0; clear:both;}

.contact_lastpart{width:13%; float:left;}

@media only screen and (min-device-width: 414px) and (max-device-width: 415px) {
	.navbar {
		padding: 0!important;
		margin: auto;
		height: 65px;
		padding: 0.5rem 1rem!important;
	}
	.logo_class {
		margin-top: 14px;
	}
}