@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
	--primary-yellow: #F7AB1B;
	--text-dark     : #353B3E;
	--white         : #ffffff;
}

body {
	margin: 0;

	padding: 0;

	font-family: 'Outfit', sans-serif;

	font-size: 16px;
}

.w-100 {
	width: 100%;
}

.header-section {
	position: relative;
}

.navbar-toggler-icon {
	color: #ffec90;
}

.header-section .owl-carousel .owl-nav button.owl-prev {
	font-size: 2em;

	position: absolute;

	left: 0;

	background: #D6D6D6;

	width: 25px;

	bottom: 300px;
}

.header-section .owl-carousel .owl-nav button.owl-next {
	font-size: 2em;

	position: absolute;

	right: 0;

	background: #D6D6D6;

	width: 25px;

	bottom: 300px;
}

.header-section .owl-theme .owl-dots {
	position: relative;

	top: -140px;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: #e9a51b !important;
}

.owl-theme .owl-dots .owl-dot:hover span {
	background: #e9a51b !important;
}

.main-heading {
	font-size: 2em;

	color: #000000;

	font-weight: normal;
}

.container-fluid {
	padding-right: 0;

	padding-left: 0;
}

.navbar-brand img {
	margin-top: 16px;
}

.header-section {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.36+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c000000', endColorstr='#00000000', GradientType=0);
	/* IE6-9 */

	position: absolute;

	z-index: 99;

	width      : 100%;
	min-height : 200px;
	padding-top: 16px;
}

.header-info {
	display        : flex;
	justify-content: center;
}

.header-info ul {
	padding: 0px;
	margin : 60px 0px 0px 0px;
}

.header-info li {
	display   : inline-block;
	list-style: none;
	padding   : 12px 3px;
	color     : #2C398F;
}

.header-info li a {
	color: var(--white);
}

.header-social ul {
	text-align: right;
	list-style: none;
}

.header-social ul li {
	display: inline-block;
}

.header-social a {
	color      : var(--primary-yellow);
	margin-left: 16px;
	font-size  : 24px;
	min-width  : 24px;
	display    : block;
	text-align : center;
}

.link ul {
	float: right;

	margin-top: 30px;

	padding: 0;
}

.link ul li {
	list-style: none;

	float: left;
}

.link:hover {
	color: #fff;
}

.link {
	margin-left: 30px;

	color: #ffff;

	font-family: sans-serif;

	text-decoration: none;

	cursor: pointer;
}

.banner-content {
	position: absolute;

	top: 150px;

	padding-left: 20px;

	font-weight: normal;
	border-left: 4px solid var(--primary-yellow);
}

.banner-content p {
	font-size: 34px !important;

	font-weight  : 500;
	font-size    : 34px;
	color        : var(--text-dark);
	margin-bottom: 0px;
}

.banner-content span {
	color: #ffec90;

	padding: 5px 50px 5px 5px;

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

	font-size: 25px;
}

/*<=====================Banner End ===================>*/

.category-parent {
	position: relative;

	z-index: 20;

	margin-top: -130px;
}

.category-parent .col-lg-4 {
	padding-right: 0px;

	padding-left: 0px;
}

.category {
	height: 100px;

	background: rgba(0, 0, 0, .8);

	padding: 20px;
}

.category-parent .bg1 {
	background: rgba(233, 165, 27, .8);
}

.category img {
	float: left;

	margin-left: 10px;

	padding-right: 10px;

	width: 60px;
}

.category li {
	list-style: none;
}

.category li a {
	color: #fff;

	text-decoration: none;
}

.category p {
	font-size: 13px;

	color: #ffff;

	margin-top: 0;

	margin-bottom: 0;
}

/*---------------------------category end----------------------------------*/

/*----------------------------about--------------------------------*/

.welcome-bg {
	width              : 100%;
	background-image   : url(../images/welcome-bg.jpg);
	background-size    : cover;
	min-height         : 300px;
	background-position: center center;
	text-align         : center;
	padding            : 45px 0px;
	color              : var(--white);
}

.about-outer {
	padding: 20px 0;
}

.about-outer span {
	color: #e9a51b;
}

.about-outer p:last-child {
	padding-bottom: 20px;
}

.about-outer .about-img {
	background-image: url(../images/about_bg.jpg);

	background-repeat: no-repeat;

	background-position: right -80px bottom -225px;

	padding: 0px 20px 20px 0;
}

.about-outer .btn-more {
	background: #e9a51b;

	padding: 10px 20px;

	border-radius: 32px;

	font-size: 12px;

	color: #fff;
}

.about-outer .btn-more:hover {
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

	text-decoration: none;

	transition: all 500ms 0s ease;
}

.three-section {
	background-color: #353B3E;
	padding         : 45px 0px;
	width           : 100%;
	color           : var(--white);
	text-align      : center;
}

.three-section .img-box img {
	width        : 100%;
	border       : 10px solid var(--primary-yellow);
	margin       : 0px auto;
	border-radius: 100%;
	transition   : all ease-in-out 0.3s;
}

.three-section .img-box:hover img {
	transition: all ease-in-out 0.3s;
	border    : 10px solid #333;
}

.three-section .caption h2 {
	font-size  : 24px;
	font-weight: 500;
	margin-top : 32px;
}

.three-section .caption .box-link {
	color          : var(--primary-yellow);
	position       : relative;
	text-decoration: none;
	font-weight    : 400;
}

.three-section .caption .box-link::before {
	content         : "";
	width           : 26px;
	height          : 3px;
	background-color: var(--primary-yellow);
	position        : absolute;
	left            : 0px;
	bottom          : -6px;
}

.cunsult-sec {
	width  : 100%;
	padding: 45px 0px;
}

.cunsult-sec h2 {
	font-size  : 36px;
	font-weight: 500;
	color      : var(--primary-yellow);
}

.cunsult-sec h5 {
	font-size  : 18px;
	font-weight: 400;
	color      : #2B398D;
}

.input-lg {
	padding: .8rem .5rem;
	height : auto;
}

.btn-primary {
	color           : #fff;
	background-color: var(--primary-yellow);
	border-color    : var(--primary-yellow);
}

.btn-primary:hover,
.btn-primary:focus {
	color           : #fff;
	background-color: var(--primary-yellow);
	border-color    : var(--primary-yellow);
	opacity         : 0.9;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color           : #fff;
	background-color: var(--primary-yellow);
	border-color    : var(--primary-yellow);
}

.footer1 {
	width     : 100%;
	border-top: 1px solid #010637;
	padding   : 45px 0px;
}

.footer-heading {
	font-size  : 36px;
	color      : var(--primary-yellow);
	line-height: 40px;
	font-weight: 600;
}

.footer-address-list {
	font-size: 14px;
}

.footer-address-list ul {
	margin : 0px;
	padding: 0px;
}

.footer-address-list ul li {
	list-style: none;
	color     : #010637;
}

.footer-address-list ul li a {
	color: #010637;
}

/*----------------------------end about------------------------------------*/

/*inner pages*/

.inner-pages .nav-bg {
	background: rgba(0, 0, 0, .8);
}

.inner-banner {
	width: 100%;

	color           : #ffffff;
	padding-top     : 180px;
	padding-bottom  : 30px;
	background-image: url(../images/welcome-bg.jpg);
	background-size : cover;

	background-position: center center;
}

.inner-pages .header-section {
	min-height   : 130px;
	border-bottom: 1px solid var(--text-dark);
}

.inner-pages .cunsult-sec h5 {
	font-size: 21px;
}

.inner-pages .cunsult-sec p {
	text-align: justify;
}

.content {
	min-height: 550px;

	margin-bottom: 30px;
}

.well {
	background-color: #fff;

	padding: 15px;

	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
}

.img-about {
	float: left;

	margin-right: 10px;
}

.yellow-txt {
	color: #e9a51b;
}

.yellow-txt:hover {
	color: #e9a51b;

	text-decoration: none;
}

.list-cricle {
	margin: 0px 0px 15px 0px;

	padding: 0px 0px 0px 15px;

	list-style: none;
}

.list-cricle li {
	list-style: circle;

	text-align: justify;
}

.managemt-card {
	background-color: #fff;

	border: 1px solid #f4f4f4;

	padding: 15px;

	text-align: center;

	margin-bottom: 30px;

	transition: all ease-in-out 0.3s;

	min-height: 305px;
}

.w20 {
	width: 35% !important;
}

.img-outer {
	width: 100%;

	background-color: #fff;

	border: 10px solid #fff;

	box-shadow: 0px 0px 35px -7px rgba(0, 0, 0, 0.2);
}

.process ul {
	margin: 0;

	margin-top: 0px;

	list-style: none;

	position: relative;

	padding: 1px 10px;

	color: #fff;

	font-size: 13px;
}

.process ul:before {
	content: "";

	width: 1px;

	height: 100%;

	position: absolute;

	border-left: 2px dashed #e9a51b;
}

.process ul li {
	position: relative;

	margin-left: 10px;

	background-color: #e9a51b;

	padding: 5px;

	border-radius: 6px;

	width: auto;

	box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.08);
}

.process ul li:not(:first-child) {
	margin-top: 10px;
}

.process ul li>span {
	width: 2px;

	height: 100%;

	background: #e9a51b;

	left: -10px;

	top: 0;

	position: absolute;
}

.process ul li>span:before,
.process ul li>span:after {
	font: normal normal normal 14px/1 FontAwesome;

	content: "\f107";

	width: 12px;

	height: 12px;

	border-radius: 50%;

	position: absolute;

	background: #fff;

	left: -4px;

	top: 0px;

	color: #e9a51b;
}

.process ul li span:after {
	top: 100%;
}

.process ul li>div {
	margin-left: 10px;
}

.process div .title,
.process div .type {
	font-weight: 600;

	font-size: 12px;
}

.process div .info {
	font-weight: 300;
}

.process div>div {
	margin-top: 5px;
}

.process span.number {
	height: 100%;
}

.process span.number span {
	position: absolute;

	font-size: 10px;

	left: -35px;

	font-weight: bold;
}

.process span.number span:first-child {
	top: 0;
}

.process span.number span:last-child {
	top: 100%;
}

.tab-link .nav-link {
	border: 1px solid transparent;

	border-top-left-radius: .25rem;

	border-top-right-radius: .25rem;

	color: #999;
}

.tab-link .nav-link.active {
	color: #000;
}

.tab-content {
	border-left: 1px solid #ddd;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	padding-top: 30px;
}

.well2 {
	background-image: url(../images/cont-slice.png);

	padding: 15px 15px 15px 40px;

	background-repeat: no-repeat;

	background-position: left center;
}

.mb30 {
	margin-bottom: 30px;
}

.mb0 {
	margin-bottom: 0px;
}

.home-pro li a {
	color: #fff;
}

.home-pro li a:hover {
	color: #fff;

	text-decoration: none;
}

.about-table-ul {
	margin: 0px;

	padding: 15px;

	font-size: 13px;

	color: #666;
}

.sidenav {
	height             : 0%;
	width              : 100%;
	position           : fixed;
	z-index            : 999;
	top                : 0px;
	left               : 0;
	background-color   : rgba(247, 171, 27, 0.9);
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: center center;

	overflow-x: hidden;
	transition: 0.5s;
	overflow  : hidden !important;
	text-align: center;
}

.nav-icon {
	font-size: 32px;
	color    : var(--primary-yellow);
	cursor   : pointer;
}

.sidenav .spacing {
	margin-top: 100px;
}

#mySidenav2.sidenav {
	background-color: #000;
	background-image: none;
}

.sidenav a {
	padding        : 16px 5px 16px 5px;
	text-decoration: none;
	color          : #fff;
	text-transform : uppercase;
	font-size      : 25px;

	display   : block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #bbbbcc;
}

.sidenav .closebtn {
	position   : absolute;
	top        : 0;
	right      : 12px;
	margin-left: 50px;
	font-size  : 50px;
	cursor     : pointer;
	z-index    : 999;
	line-height: 33px;
}

#mySidenav2.sidenav .closebtn:hover {
	color: #fff;
}

.header-select {
	float   : right;
	position: absolute;
	height  : 100px;
	right   : 110px;
	display : inline-block;
}

.header-select .btn-select {
	background: none;
	boredr    : none;
	box-shadow: none;
	color     : #fff;
	height    : 100px;
	font-size : 14px;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 18px;
	}
}

.social-footer {
	padding-top: 20px;
	margin-top : 30px;
}

.social-footer ul.list-inline>li,
.sidenav .social-footer ul.list-inline>li a {
	display: inline-block;
	padding: 0px 6px;
}

.slider-text {
	margin-top    : 40px;
	font-size     : 31px;
	font-weight   : 300;
	letter-spacing: 3px;
	color         : #fff;

	transition      : opacity 2s linear;
	transition-delay: 2.3s;
	text-align      : center;
	text-transform  : uppercase;
}

.overlay {
	position  : absolute;
	background: rgba(0, 0, 0, 0.40);
	otp       : 0px;
	width     : 100%;
	height    : 100%;
}

.circle-btn {
	border       : 2px solid #fff;
	margin       : 30px 0px;
	width        : 70px;
	height       : 70px;
	border-radius: 100%;
	text-align   : center;
	line-height  : 70px !important;
	font-size    : 25px;
}

@media (min-width: 768px) {
	#quote-carousel {
		margin-bottom: 0;
		padding      : 0 40px 30px 40px;
	}
}

.sidenav .contact-info {
	border-top: 1px solid #fff;
	color     : #fff;
}

.sidenav .contact-info ul {
	margin : 0px;
	padding: 0px;
}

.sidenav .contact-info li {
	display   : inline-block;
	list-style: none;
}

.sidenav .contact-info a {
	font-size     : 13px;
	text-transform: lowercase;
}

#header.darkheader {
	background: #000;
	transition: all .3s linaer;
	min-height: 126px;
}

#header {
	transition: all .3s linear;
}

#header {
	position: fixed;
	top     : 0px;
	width   : 100%;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: -30px !important;
	position  : relative !important;
}

.owl-carousel .owl-dots.disabled {
	display: block !important;
}

.owl-theme .owl-dots .owl-dot span {
	width     : 8px !important;
	height    : 14px !important;
	background: var(--primary-yellow) !important;
	opacity   : .5;
}

.owl-theme .owl-dots .owl-dot.active span {
	opacity: 1 !important;
}

.contact-list{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.contact-list li{
	margin-bottom: 16px;
}

.contact-list li h6 i{
	background-color: var(--primary-yellow);
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 24px;
	color: #fff;
	margin-right: 12px;
	border-radius: 3px;
}

.contact-list li a{
	text-decoration: none;
	color: var(--text-dark);
}

.intl-tel-input {
	display: table-cell;
  }

  .intl-tel-input .selected-flag {
	z-index: 4;
  }

  .intl-tel-input .country-list {
	z-index: 5;
  }

  .input-group .intl-tel-input .form-control {
	border-top-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0;
  }

  .iti {
	width: 100%;
  }

/*--------media Query----------*/

@media screen and (max-width: 1199px) {
	.vision span::after {
		display: none;
	}

	.footer ul {
		margin: 20px 0px;

		padding: 0;
	}

	.infrastructure .img-box {
		min-height: 402px;
	}

	.infrastructure .text-box {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 992px) {
	.footer-heading {
		font-size  : 36px;
		text-align : center;
		line-height: 40px;
	}

	.footer-address-list {
		font-size: 14px;
	}

	.footer-address-list ul {
		margin    : 20px auto;
		padding   : 0px;
		text-align: center;
	}

	.footer-address-list ul li {
		list-style: none;
		color     : #010637;
	}

	.footer-address-list ul li a {
		color: #010637;
	}

	.cunsult-sec h2 {
		font-size: 28px;
	}

	.navbar-brand img {
		margin-top: 0px;
	}

	.banner-content p {
		font-size: 20px !important;
	}

	.h1,
	h1 {
		font-size: 1.5rem;
	}

	.three-section .caption h2 {
		font-size: 20px;
	}

	body {
		font-size: 14px;
	}

	.header-section {
		padding-top: 8px;
	}

	#header.darkheader {
		min-height: 96px;
	}
}

@media screen and (max-width: 768px) {
	.caption {
		margin-bottom: 32px;
	}

	.three-section .img-box img {
		width: 72% !important;
	}
}

@media screen and (max-width: 660px) {
	.banner-content {
		display: none;
	}

	.navbar-brand img {
		margin-top: 0px;
		height    : 42px;
	}

	#header.darkheader {
		min-height: 64px;
	}

	.inner-pages .header-section {
		min-height: 68px;
	}

	.inner-banner {
		padding-top: 110px;
		padding-bottom: 1px;
	}
}