*{ box-sizing: border-box; }
    	body{
    		font-family: font-family: 'Source Sans Pro', sans-serif;
        }
        h1, h2, h3, h4, h5, h6, p{
        	margin: 0;
        }
        ul{
        	padding: 0;
        }
        li{
        	list-style: none;
        }
        .header{
        	background:#001f53;
        }
        .header img {
           width: 260px; 
       }
        .top-content {
            margin-bottom: 60px;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            margin: 60px 20px 100px 20px;
        }
        .top-content img{
        	width: 100%;
        }
        .top-content .full-height{
            background:#f3f9fb;
            padding: 0;
        }
        .top-content .clr-bg{
            background:#f3f9fb;
            display: flex;
            flex-direction: column;
            justify-content: center;
            vertical-align: middle;
            height: 100%; 
            padding: 0 25px;
        }
        .top-content .clr-bg h3{
        	margin-bottom: 25px;
        	line-height: 32px;
        	font-weight: 600;
        }
        .top-content .clr-bg p{
        	font-size: 15px;
        }
        .mid-content {
            margin: 0 20px 0 20px;
        }
        .mid-content .np{
        	padding: 0;
        }
        .mid-content .blk{
        	text-align: center;
        	padding: 15px;
        	min-height: 665px;
        	border-radius: 5px;
        	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
        }
        .mid-content .blk img {
        	width: 60px;
            height: 60px;
        }
        .mid-content .blk h2{
        	font-size: 18px;
        	border-radius: 7px;
            color: #fff;
            padding: 10px 0;
            width: 80%;
            margin: -38px auto 0;
        }
        .mid-content .blk h3{
        	font-size: 16px;
            font-weight: 600;
           padding: 10px 10px 0;
           line-height: 25px;
           min-height: 70px;
        }
        .mid-content .blk h6{
        	font-size: 15px;
            padding: 10px 0 20px;
            font-weight: 600;
            border-top: 1px solid #eee;
        }
        .mid-content  .blk p {
            font-size: 10px;
            line-height: 13px;
        }
        .mid-content h5 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .mid-content h5 a{
        	font-weight: 700;
        	padding-right: 3px;
        }
        .mid-content .blk .col-sm-4 {
          padding-bottom: 15px;
        }
        .s-blks {
        	text-align: center;
        	padding: 30px 0;
        }
        .s-blks h3{
        	font-size: 18px;
        	min-height: 45px;
        }
        .s-blks a{
        	display: inline-block;
            margin: 15px auto 0;
            padding: 7px 35px;
            border-radius: 20px;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            color: #111;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
        }
        .tandc {
            padding: 30px 0;
            margin: 0 12px;
        }
        .tandc  .col-lg-4{
            padding: 0;
        }
        .tandc .tc-blks {
            padding: 20px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
            border-radius: 5px;
            min-height: 550px;
        }
        .tandc h3{
            font-size: 15px;
            text-align: center;
            margin-bottom: 10px;
        }
        .tandc ul {
            padding-left: 15px;
        }
        .tandc li {
            font-size: 11px;
            line-height: 20px;
            list-style: disc;
        }
        .tandc li a{
        	font-weight: 600;
        	text-decoration: none;
        }
        .tandc #blue li::marker{
        	color: #0062c5;
        	font-size: 20px;
        }
        .tandc #orange li::marker{
        	color: #ff9702;
        	font-size: 20px;
        }
        .tandc #green li::marker{
        	color: #62aa8c;
        	font-size: 20px;
        }
        .dn{
        	display: none;
        	padding: 0;
        	margin-bottom: 45px;
          }
          #mar
          {
              margin-top:0px;
           }



/*------Media Quries------*/
        @media screen and (max-width: 1400px) 
        {
            .tandc .tc-blks
            {
                min-height:490px;
        }
    }
        @media screen and (max-width: 1199px) {
          .mid-content .blk h2{
                font-size: 14px;
          }
          .mid-content .blk h3 {
               font-size: 14px;
               line-height: 20px;
               min-height: 55px;
           }
           .mid-content h5 {
               font-size: 12px;
           }
           .mid-content .blk h6 {
               font-size: 13px;
           }
           .mid-content .blk{
            min-height: 670px;
           }
        }
        @media screen and (max-width: 1024px) {
        .top-content .clr-bg h3 {
     margin-bottom: 25px;
    line-height: 25px;
    font-weight: 600;
    font-size: 22px;
    padding:20px 25px;
  }
   }
        @media screen and (max-width: 991px) {
         .top-content .clr-bg h3 {
            font-size: 21px;
            margin-bottom: 10px;
         }
         .top-content .clr-bg p {
            font-size: 13px;
            line-height: 22px;
         }
         .mid-content .blk {
            min-height: 600px;
            margin-bottom: 30px;
        }
         .tandc .tc-blks{
            margin-bottom: 20px;
            min-height: auto;
        }
        .dn{
            display: block;
        }
        .db{
            display: none;
        }
        .blk.ep {
            margin-bottom: 30px !important;
        }
        .dn h3 {
            font-size: 16px;
        }
        }
        @media screen and (max-width: 767px) {
        .top-content .clr-bg {
            padding: 30px;
            text-align: center;
            margin-bottom: 30px;
            box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        }
        .top-content{
            box-shadow: none;
        }
        .top-content .full-height {
            background: none; 
        }
        .top-content img {
            margin-top: 20px;
            box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        }
        .mid-content .blk {
            min-height: auto;
        }
        .mid-content .ep {
            margin: 0 0 30px 0 !important;
        }
        .s-blks h3 {
            font-size: 15px;
        } 
        .s-blks a{
            font-size: 12px;
        }
        .tandc .tc-blks{
            min-height: auto;
            margin-bottom: 20px;
            margin-left:0 !important;
            margin-right:0 !important;
            margin-top: 20px;
        }
        
        }
        @media screen and (max-width: 575px) {
        .header { text-align: center; }
        .mid-content .blk h3{
            margin-bottom: 10px;
            min-height: auto;
        }
        }