@import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
body{font-size:13px; line-height:26px;font-family: 'Roboto', sans-serif; color:#717171;background-color:#ffffff;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Teko', sans-serif; color:#515151;font-weight:600;}
ul,li{margin:0px;padding:0px;list-style:none;}
img, iframe{max-width:100%;}
a{text-decoration:none !important;}

/** Bootstrap **/
.container{
	max-width: 100%;
    padding: 0px 3em;
}
.h1, h1 {
    font-size: 3rem;
}
.btn-theme{
	background-color:#f15e0c;
	border-color:#f15e0c;
	color:#ffffff !Important;
}
.gray_bg{
	background-color:#f8f8f7;
}
.gradiant_bg{
	border:0px;
	background:#0194ef;
	background: linear-gradient(180deg, #0194ef 0%, #020f1f 100%);
}
.carousel-control-next, .carousel-control-prev{
	width: 8%;
}
.common_section{
	padding:5em 0em;
}
.section_title{
	position:relative;
	padding:14px 0em;
}
.section_title:after{
	content:" ";
	display:block;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	margin:0px auto;
	background-color:#ef5a0d;
	height:5px;
	width:80px;
	border-radius:2px;
}
/************* Header **************/
.navbar-toggler{
	padding: 0px;
    width: 34px;
	outline: 0px !important;
}
.navbar-toggler-icon{
	height: 3px;
    width: 100%;
    background-color: #f15e0c;
    display: block;
    float: left;
    margin: 3px 0px;
}
.main_header .navbar{
	-webkit-transition: .4s ease-out;
    transition: .4s ease-out;
	padding-top: 20px;
    padding-bottom: 20px;
}
.main_header.fixed .navbar{
	background-color: #030030;
	box-shadow: 0 .325rem .25rem rgba(0,0,0,.05)!important;
	padding-top: 10px;
    padding-bottom: 10px;
}
.main_header .navbar-brand img{
	-webkit-transition: .4s ease-out;
    transition: .4s ease-out;
}
.main_header.fixed .navbar-brand img{
	width:80px;
}
.main_header .navbar-nav .nav-link {
    color: #ffffff;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
}
/** Banner Image **/
.banner_section{
	background: rgb(4,0,154);
	background: linear-gradient(160deg, rgba(4,0,154,1) 0%, rgba(3,0,47,1) 100%);
	padding: 3em 0em 0em;
}
.banner_content{
	padding: 13em 0em;
}
/** Blog List **/
.card.flex-row .card-img-top{
	max-width:40%;
}
/** Why XME **/
.whyxme_row{
	
}
.whyxme_row .whyxme_col{
	
}
.devider_dashed{
	border-bottom:1px dashed #b1b1b1;
}
.whyxme_row .col-sm-12:nth-child(1){
	border-right:1px dashed #b1b1b1;
}
.whyxme_row .whyxme_col ul{
	padding-left: 15px;
}
.whyxme_row .whyxme_col ul li{
	list-style: disc;
	padding-left: 5px;
}
/** Demo Form **/
.demo_form .form-control{
	border: 0px;
    border-bottom: 1px solid #f15e0c;
    border-radius: 0px;
    font-size: 15px;
    padding: 10px 0px;
	outline: none;
    box-shadow: none;
}
/** Footer **/
.copyright_text{
	font-size:16px;
	line-height:16px;
}

/************* Media Query **************/

@media only screen and (max-width: 1200px) {
	.main_header .navbar-nav .nav-link {
		padding-right: 1em;
		padding-left: 1em;
	}
	.devider_dashed, .whyxme_row .col-sm-12:nth-child(1){
		border:0px;
	}
}
@media only screen and (max-width: 992px) {
	.container {
		padding: 0px 2em;
	}
	.banner_content{
		padding: 5em 0em 2em;
	}
	.navbar-collapse{
		position: fixed;
		width: 340px;
		display: block !important;
		top: 0px;
		left: 0px;
		height: 100% !important;
		background-color: #003788;
		z-index: 99;
		-webkit-transition: .5s ease-out;
		transition: .4s ease-out;
		-webkit-transform: translateX(-340px);
		transform: translateX(-340px);
		padding: 2em 1em;
	}
	.main_header .navbar-nav .nav-link {
    	color: #ffffff;
		text-align: center;
		margin:15px 0px;
	}
	.navbar-collapse.show{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@media only screen and (max-width: 767px) {
	.banner_content{
		padding: 3em 0em 1em;
	}
	.card.flex-row{
		display:block;
	}
	.card.flex-row .card-img-top {
		max-width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.navbar-collapse{
		width: 250px;
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	}
}