.top-box {
     background: radial-gradient(200px 200px at bottom right, #aeb9cb 100px, #f2f4f7 830px);
 }
 
 .top-header .header-logo {
     width: 200px;
     padding-top: 50px;
 }
 
 .top-header .header-logo img {
     width: 100%;
     height: 100%;
 }
 
 .top-box .left .heading {
     padding: 80px 0px;
 }
 
 .top-box .left .heading h1 {
     font-size: 100px;
     color: #233558;
     font-family: 'helveticaregular';
     line-height: 83px;
     margin-bottom: 40px;
 }
 
 .top-box .left .heading p {
     font-family: 'helveticaregular';
     font-size: 18px;
     color: #5f75a1;
     margin-bottom: 20px;
 }
 
 .top-box .right .videoframe {
     margin-top: 50PX;
 }
 
 .top-box .right .videoframe iframe {
     width: 100%;
     height: 320px;
     float: right;
 }
 /* start of footer section  */
 
 .footer {
     background-color: #233558;
     padding: 60px 50px;
 }
 
 .footer .left-header img {
     width: 200px;
     float: left;
     height: auto;
 }
 
 .footer .right-header p {
     font-family: 'helveticaregular';
     color: #a9b5c7;
     float: right;
     font-size: 16px;
     text-align: right;
     margin-bottom: 50px;
 }
 
 .footer .left-body a {
     color: white;
     text-decoration: none;
     display: table;
     text-align: right;
     float: right;
     font-family: 'helveticaregular';
 }
 
 .footer .right-body p {
     font-family: 'helveticaregular';
     font-size: 16px;
     color: white;
 }
 
 .footer .right-body h6 {
     font-family: 'helveticaregular';
     font-size: 16px;
     color: #a9b5c7;
 }
 
 .footer .left-footer {
     float: left;
     margin-top: 40px;
 }
 
 .footer .left-footer img {
     width: 21px;
     height: 21px;
     margin-right: 5px;
 }
 
 .footer .right-footer a {
     margin-top: 40px;
     color: white;
     text-decoration: none;
     text-align: right;
     float: right;
     text-decoration: none;
 }
 
 .footer .right-footer a:hover {
     color: white;
     text-decoration: none;
     cursor: pointer;
 }
 /* end of footer section  */
 
 @media only screen and (max-width:1199px) {
     .top-header .header-logo {
         width: 250px;
         padding-top: 50px;
         margin-left: auto;
         margin-right: auto;
     }
     .top-box .left .heading {
         padding: 39px 0px;
     }
     .top-box .left .heading h1 {
         text-align: center;
     }
     .top-box .left .heading p {
         text-align: center;
     }
     .top-box .right .videoframe iframe {
         width: 100%;
         height: 501px;
         float: none;
     }
     .top-box .right {
         padding-bottom: 102px;
     }
     .footer .left-header img {
         width: 200px;
         float: none;
         height: auto;
     }
     .left-header {
         margin-left: auto;
         margin-right: auto;
         text-align: center;
     }
     .footer .right-header p {
         font-family: 'helveticaregular';
         color: #a9b5c7;
         float: none;
         font-size: 16px;
         text-align: center;
         margin-bottom: 50px;
         padding-top: 15px;
     }
     .right-body {
         text-align: center;
     }
     .footer .left-footer {
         float: none;
         margin-top: 20px;
         margin-left: auto;
         margin-right: auto;
         text-align: center;
     }
     .footer .left-footer img {
         width: 21px;
         height: 21px;
         margin-right: 2px;
         margin-left: 2px;
     }
     .footer .right-footer a {
         color: white;
         text-decoration: none;
         float: none;
         text-decoration: none;
         text-align: center;
     }
     .right-footer {
         text-align: center;
         margin-top: 20px;
     }
 }
 
 @media only screen and (max-width:560px) {
     .top-box .left .heading h1 {
         font-size: 79px;
         color: #233558;
         font-family: 'helveticaregular';
         line-height: 63px;
         margin-bottom: 40px;
     }
     .top-box .right .videoframe iframe {
         width: 100%;
         height: 316px;
         float: none;
     }
     .mobile-br-heading-p {
         display: none;
     }
     .top-box .left .heading {
         padding: 39px 0px 0px 0px;
     }
 }
 
 @media only screen and (max-width:414px) {
     .top-box .right .videoframe iframe {
         width: 100%;
         height: 216px;
         float: none;
     }
     .top-box .right {
         padding-bottom: 54px;
     }
     .top-box .left .heading {
         padding: 20px 0px 0px 0px;
     }
     .top-box .right .videoframe {
         margin-top: 22PX;
     }
     .mobile-br-p-ffoter {
         display: none;
     }
     .footer {
         background-color: #233558;
         padding: 60px 00px;
     }
 }
 
 @media only screen and (max-width:403px) {
     .top-box .left .heading h1 {
         font-size: 73px;
         color: #233558;
         font-family: 'helveticaregular';
         line-height: 58px;
         margin-bottom: 40px;
     }
 }