@charset "utf-8";
/*************** DEFAULT CSS ***************/
:root {
    --body-font: "Inter", sans-serif;
    --body-font-Size: 16px;
    --body-color: #fff;
    --primary-color: #fff;
    --secondary-color: #01162c;
    --black: #000;
    --white: #fff;
}
body{
 	font-family: var(--body-font);
	font-size:var(--body-font-Size);
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: var(--body-color);
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	background-color: #0e1330;
	
}
html{ scroll-behavior: smooth;}
* {-webkit-box-sizing: border-box;-mox-box-sizing: border-box;box-sizing: border-box;}
::selection {background: var(--black); /* Safari */color:var(--white);}
::-moz-selection {background: var(--black); /* Firefox */color:var(--white);}
a {color:var(--primary-color);text-decoration: none;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
a:hover {color: var(--primary-color);}
p {margin:0 0 30px 0;clear:left;padding:0; line-height: 24px;}
ul{padding: 0px; margin: 0 0 25px;}
ul li{list-style: none;}
/******* Headings Style *******/
h1 {font-size: 43px;}
h2 {font-size: 35px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}
h1, h2, h3, h4, h5, h6 {margin:0 0 20px 0;padding:0;font-weight:normal;}	
hr {margin:40px  0 60px 0;height:1px;border:0;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;float:left;width:100%;position:relative;}
img{border:0; max-width: 100%;}	
a img {border: 0;}

/*************** COLUMS AND ROWS ***************/
main{ position:relative;	}
.row{ width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.justify-content-center { justify-content: center; }
.space-between{ justify-content: space-between; }
.justify-content-flex-end{ justify-content: flex-end }
.clearfix{width:100%;height:100px;margin:0;padding:0;display:block;}
.container{	width:1320px;margin:0 auto;}
.fullwidth{	width:100%;display:block;}
.two-col{flex:0 0 48%; }
.three-col{	flex:0 0 31%;}
.four-col{flex:0 0 22%;}
section {width: 100%; display: block;position: relative;}
aside { flex:0 0 25%; margin: 0; padding: 0;}
summary { flex:0 0 70%; margin: 0; padding: 0;}
.list{padding: 0px;margin: 0 0 25px;display: flex;width: 100%;flex-direction: column;}
.list li{list-style: none;color: #3a4455;padding-left: 22px;margin-bottom: 6px;line-height: 24px;position: relative;}
.list li:after{position: absolute;content: '';width: 6px;height: 6px;border: 2px solid var(--primary-color);left: 0px;top: 8px;border-radius: 50px;}
.list li a{ color: #3a4455; }
.text-center{text-align: center;}

/*************** HOME PAGE CSS ***************/
.body-bg{background-image: url(../images/bg2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;}
header{ padding: 30px 0px;}
.logo{display: flex; justify-content: center;}
.heading{color: #fff;font-size: 64px;font-weight: 700;}
.heading span{color: black;-webkit-text-fill-color: #000000;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #ffffff;display: block;text-transform: uppercase;font-size: 38px;}
.subheading{text-transform: uppercase; font-size: 54px;}
.btm-image{ line-height: 0px;}
.btm-image img{ width: 100%;}
.content-area{ padding: 15px;}
.title{font-size: 30px; margin-bottom: 10px; font-weight: 600;text-transform: uppercase;}
.subtitle{font-size: 24px; margin-bottom: 5px; font-weight: 600;}

@media (max-width: 480px) {
.heading { font-size: 50px;}
.subheading { font-size: 40px;}
body{ font-size: 14px;}
.title { font-size: 22px;}
.subtitle { font-size: 18px;}
}

@media (max-width: 360px) {
.heading { font-size: 44px;}
.heading span{font-size: 36px;}
.subheading { font-size: 35px;}
}