<style>
       * 
        {
            box-sizing:border-box;
            font-family: arial;
        }
        a
        {
            text-decoration: none;
        }
        .outer
        {
            height: 2020px;
            width:1010px;
            border:1px solid white;
            margin:0px auto;
        }
        .header
        {
            height: 150px;
            width: 1000px;
            background: #AB183D;
        }
        .logo
        {
            padding: 10px 0;
            float: left;
            margin-left: 100px;
            margin-top: 35px;
        }
        .title
        {
            height: 150px;
            width: 820px;
            float: right;
            text-align: center;
            color: #fff;
        }
        .title .heading
        {
            padding-top: 30px;
            font-size: 50px;
            font-weight: 700px;
            margin: 0;
            font-family: gill Sans;
        }
        .title .sub_heading
        {
            font-weight: 700;
            font-size: 18px;
            margin: 0;
            padding: 0;
            font-family: gill Sans;
        }
        .navbar
        {
            height: 50px;
            width: 1000px;
            background: #000066;
            line-height: 50px;
        }
        .navbar ul
        {
            margin: 0;
            padding: 0;
        }
        .navbar ul li
        {
            list-style: none;
            display: inline-block;
            height: 50px;
            width: 100px;
            text-align: center;
            //border-right: 1px solid #fff;
        }
        .navbar ul li a
        {
            color: #fff;
            font-weight: bold;
            margin: 2px;
        }
        .Laltest_News
        {
            height: 25px;
            width: 1000px;
            text-align: center;
            line-height: 25px;
        }
        .Laltest_News
        {
            font-weight: bold;
            color: #004b91;

        }
        .join_us
        {
            height: 50px;
            width: 1000px;
            text-align: center;
            line-height: 50px;
        }
        .join_us a
        {
            background: #0000A0;
            color: #fff;
            font-weight: bold;
            padding: 10px;

        }
        .online
        {
            height: 60px;
            width: 1000px;
            //background: red;

        }
        .box
        {
            height: 56px;
            width: 246px;
            //background: orange;
            margin: 2px;
            float: left;
            text-align: centre;
            font-size: 20px;

        }
        .online .box a
        {
            font-weight: bold;
            color: #ffff;

        }
        .container
        {
            min-height: 500px;
            height: auto;
            width: 1000px;
            //background: #ccc;

        }
        .card
        {
            min-height: 500px;
            height: auto;
            width: 323px;
            border: 2px solid #ab183d;
            float: left;
            margin: 5px;
        }
        .card-header
        {
            height: 40px;
            width: 100%;
            text-align: center;
            line-height: 40px;
            color: #fff;
            font-weight: bold;
            font-size: 22px;
            background: #ab183d;

        }
        .card-body
        {
            height: 200px;
            width: 315px;
            font-weight: bold;
            font-size: 15px;
            font-style: reguler;
            text-align: left;
            color: Red;
            padding: 0px;
        }
        .footerbody
        {
            height: 100px;
            width: 1000px;
            background: #1E1E1E;
            align-content: center;
        }

    </style>