*
{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
@font-face {
   font-family:SiemensSans-Black;
   src: url(../css/fonts/SiemensSans-Black.ttf);
}
@font-face {
   font-family:SiemensSans-Roman;
   src: url(../css/fonts/SiemensSans-Roman.ttf);
}

body
{
	background-color:#000028;
}
a
{
	text-decoration: none;
}
.main-fluid
{
	width: 89%;
	margin:0 auto;
}

.main
{
	height: 100vh;
	width:100%;
	padding:30px 0 0 0;
}
.right-cont
{
	padding-left:43px;
}
/*.jus-cnt
{
	justify-content: space-around;
}*/
.title-2
{
	font-family:SiemensSans-Black;
	font-size: 18px;
	margin-bottom: 9px;
	color:#fff;
}
.right-cont table td
{
	border-bottom:1.3px solid #66667e;
	border-right:1.3px solid #66667e;
}
.pad-left-right
{
	padding:0;
}
.right-cont table th
{
background-color: #002744;
font-family:SiemensSans-Black;
color:#00c1b6;
font-size: 13px;
}
.right-cont  table td
{
background-color: transparent;
color:#fff;
font-size: 13px;
 font-family:SiemensSans-Roman;
}

.logo
{
	    display: flex;
    justify-content: flex-end;
}
.logo img
{
width: 150px;
margin:0;
}
.sec-2
{
	margin:15px 0 3em 0;
}
.icon-box-1
{
	width: 74px;
	height:74px;
	border-radius: 50%;
	margin-left: auto;
	margin-right:auto;
	display: grid;
	justify-content: center;
	align-content: center;
	margin-bottom: 12px;
	background-color: #009797;
}
.pin-card { position: relative; width: 100%; border-radius: 12px; overflow: hidden; }
.pin-img { width: 100%; border-radius: 12px; }
.download-btn {
    position: absolute; bottom: 10px; right: 10px;
    padding: 8px 12px; background: rgba(0,0,0,0.7); color: white;
    text-decoration: none; border-radius: 6px; opacity: 1; transition: 0.2s;
}
.pin-card:hover .download-btn { opacity: 1; }
.box-1 h2
{
font-size: 18px;
    font-family: SiemensSans-Black;
    color: #fff;
    margin: 0;
    text-align: center;
}
.table>:not(caption)>*>* {
    padding: 7px 14px;
}
.title
{
font-size: 39px;
    font-family: SiemensSans-Black;
    color: #fff;
    margin: 0 0 12px 0;

}
.tem-21
{
	font-size: 18px;
    font-family: SiemensSans-Black;
    color: #000;
    margin: 0;
    text-align: center;
}
.container-fluid
{
	padding:0 30px;
}

.box-1
{
background-color: #1a1a3e;
    padding: 20px 8px;
    flex: 0 0 auto;
    width: 31%;
    height: 194px;
    margin: 7px;
}

.icon-box-1 img
{
width: 46px;
}
/*.last-line
{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}*/
.line1
{
	background-color: #00feb8;
	height: 10px;
	width: 100%;
}
.line2
{
	background-color: #00d69f;
	height: 10px;
	width: 100%;
}
.line3
{
	background-color: #005b64;
	height: 10px;
	width: 100%;
}
.line4
{
	background-color: #000028;
	height: 10px;
	width: 100%;
}
@media (width: 1024px) {

	.box-1 {
    background-color: #1a1a3e;
    padding: 20px 8px;
    flex: 0 0 auto;
    width: 47%;
    height: 194px;
    margin: 7px;
}
  /* styles here */
}

@media screen and (max-width: 820px) {

	.right-cont {
    padding-left: 0;
    margin-top: 30px;
}
.title {
    font-size: 40px;
    font-family: SiemensSans-Black;
    color: #fff;
    margin-top:24px;
}
 
}

@media screen and (max-width: 600px) {
  #div1 {
    font-size: 80px;
  }
      .box-1 {
     background-color: #1a1a3e;
        padding: 20px 20px;
        flex: 0 0 auto;
        width: 90%;
        height: 240px;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
.right-cont {
    padding-left: 0;
    margin-top: 1em;
}
.pin-card
{
	margin-bottom: 18px;
}
}