@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body {
    font-family: 'Prompt';
  }
  a {
    font-family: 'Prompt';
    font-style: normal;
    text-decoration: none;
  }
  li {
    list-style: none;
  }


      /* NAVBAR STYLING STARTS */

  .navback{
    background: linear-gradient(270deg, #E0E0E0 0%, #E6E7E8 100%);
  }
      
  .navbarlogo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px;
    margin-left: 50px;
    margin-right: 50px;
    color: #fff;
  }
  .nav-links a {
    color: #fff;
  }
   /* LOGO */
  .logo {
    padding-top: 0.6rem;
  }
   /* NAVBAR MENU */
  .menubtn {
    display: flex;
    gap: 0.5em;
    font-size: 18px;
  }

  .openacc {
    background-color: red;
    color: white;
    font-size: 15px;
    transition: 0.3s ease;
    border-radius: 2rem;
    border-color: transparent;
    padding: 5px 28px;
    border: none;
  }
  
  .memberlogin {
    background-color: white;
    color: black;
    font-size: 15px;
    transition: 0.3s ease;
    border-radius: 2rem;
    padding: 5px 28px;
    border: none;
  }

  .memberlogin a{
    color: black;
  }

  .search{
    border-radius: 2rem;
    padding: 5px 28px;
  }

  .menu li {
    padding: 5px 14px;
  }





  .navbar a svg {
    fill: #ffff;
}
.navbar a:hover svg {
    fill: #E2C458;
}


body.homepage .navbar  a.homenav svg { fill: #E2C458; }
body.homepage .navbar  a.homenav { color: #E2C458; }

body.promotionpage .navbar  a.promotionnav svg { fill: #E2C458; }
body.promotionpage .navbar  a.promotionnav { color: #E2C458; }

body.Educationpage .navbar  a.Educationnav svg { fill: #E2C458; }
body.Educationpage .navbar  a.Educationnav { color: #E2C458; }

body.platformpage .navbar  a.platformnav svg { fill: #E2C458; }
body.platformpage .navbar  a.platformnav { color: #E2C458; }

body.aboutpage .navbar  a.aboutnav svg { fill: #E2C458; }
body.aboutpage .navbar  a.aboutnav { color: #E2C458; } 

body.legaldocumentspage .navbar  a.legalnav svg { fill: #E2C458; }
body.legaldocumentspage .navbar  a.legalnav { color: #E2C458; } 

body.loginpage .navbar  a.loginnav svg { fill: #E2C458; }
body.loginpage .navbar  a.loginnav { color: #E2C458; } 

body.partnershippage .navbar  a.partnershipnav svg { fill: #E2C458; }
body.partnershippage .navbar  a.partnershipnav { color: #E2C458; } 

body.registerpage .navbar  a.registernav svg { fill: #E2C458; }
body.registerpage .navbar  a.registernav { color: #E2C458; } 

 

   /* NAVBAR STYLING STARTS */

  .navbar {
    width: 100%;
    background-color: #000;
    overflow: auto;
    padding: 10px 0;
  }

  
.legaldesk{
  
}

.legalmob{
  display: none;
}


  
  /* .abmob{
    display: none;
  }
  
  .abdesk{
    margin: 8px 0;
  }

  .legaldes{
    margin: 8px;
  }
   */

  .un {
    float: left;
    padding: 2px 12px;
    color: white;
    text-decoration: none;
    font-size: 17px;
    width: 15.66%;
    text-align: center;
    margin-left: 8px;
  }
  
  .navbar a:hover {
    color: #E2C458;
  }

  .dropbtn0:hover {
    color: #E2C458;
  }
  
  .navbar img:hover {
    color: #000;
  }

  .dropdown0 {
    float: left;
    overflow: hidden;
    width: 16.66%;
    margin-top: 4px;
  }
  
  .dropdown0 .dropbtn0 {
    font-size: 16px;
    border: none;
    outline: none;
    color: rgb(255, 255, 255);
    margin-right: 50px;
    background-color: inherit;
    font: inherit;
    margin: 0;
    /* margin: 4px 0; */
  }

  
  .dropdown-content0 {
    display: none;
    position: absolute;
    background-color: #172337;
    width: 100%;
    left: 0;
    margin-top: 0px;
    box-shadow: -1px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
  }

  .dropdown0:hover .dropdown-content0 {
    display: block;
    color: #E2C458;

  }
  
  .column0 {
    float: right;
    width: 12%;
    padding: 18px 0px;
    height: auto;
  }
  
  .column0 h3{
    color: white;
  }
  
  .dp1 {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    margin-left: 40%;
  } 

  .dropbtn0:hover{
    display: block;
    color: #E2C458;
  }
  
  .dp2 {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #FFFFFF;
    margin-right: 10%;
  }

  .dp1:hover {
    color: #E2C458;
  }
  
  .dp2:hover {
    color: #E2C458;
  }
  
  .row0:after {
    content: "";
    display: table;
    clear: both;
  }


  .buttonaccount{
    display: none;
  }

  
  @media screen and (max-width: 800px) {
    .navbar a {
      float: none;
      display: block;
      width: 100%;
      text-align: left;
      margin: 8px 0;
    }
  }

  .active{
    fill: #edc531; 
  }

  .active{
    color: #edc531; 
  }

  .activee{
    fill: #E2C458;
  }

  .nonactive {
    fill: white;
  }

  svg:hover {
    fill: #E2C458;
  }

  /*.homebtn{
    width: 15px;
    height: 15px;
  } */

  .maindown .imgdown{
    width: 100%;
    height: auto;
  }

  .main{
    background: url(assets/header.png);
    background-position: center;
    background-size: cover;
    height: 88vh;
  }

  div#price_tbl {
  display: flex;
  }

  .price_column h3 {
    background: rgb(32,154,251);
    margin: 10px;
    color: #fff;
    padding: 18px;
    border-radius: 13px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .price_column {
    width: 25%;
    background: #e6e7e8;
    margin: 5px;
    border-radius: 25px;
    padding-top: 104px;
    position: relative;
    overflow: hidden;
  }

  .price_column ul li:nth-child(odd) {
    background: #f3f4f4;
  }

  .price_column ul li {
    padding: 15px;
    font-family: 'Prompt';
    font-weight: 600;
    font-size: 16px;
  }

  .price_column ul li span {
    display: block;
  }
  
  .price_column ul li.leveragesec {
    min-height: 270px;
    vertical-align: middle;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
  }

  .price_column ul li.leveragesec1 {
    min-height: 270px;
    vertical-align: middle;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
  }
  
  .price_column ul li.twoline {
    min-height: 100px;
    vertical-align: middle;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }

  .price_column ul {
    padding: 0;
    margin: 0;
  }
  
  .price_column + .price_column {
    background: #c6d9e9;
  }

  .price_column + .price_column  li:nth-child(odd) {
    background: #e4edf4;
  }

  #price_tbl.show_more ul li + li  + li  + li  + li  + li  + li  + li {
    overflow: hidden;
    color: #000;
    line-height: 50px;
    transition: all .5s ease-in-out;
    height: 0;
    padding: 0;
    font-size: 0;
    min-height: 0 !important;
  }

  #price_tbl ul li + li  + li  + li  + li  + li  + li  + li {
    transition: all .5s ease-in-out;
  }

  .contents{
      height: 70vh;
  }
  .contents1{
      height: 8vh;
  }
  .content{
      height: auto;
  }

  .content .btn{
    background: red;
    border: none;
    margin-left: 8%;
    padding: 10px 24px;
    font-size: 24px;
    color: white;
    border-radius: 2rem;
    cursor: pointer;
  }

  .content .btn1{
    background: white;
    border: none;
    margin-left: 5px;
    padding: 10px 24px;
    color: black;
    font-size: 24px;
    border-radius: 2rem;
    cursor: pointer;
  }

  .home{
    height: auto;
    padding-bottom: 280px;
    background: linear-gradient(154deg,
      #172337 33%,
      #1E3863 30%,
      #1E3863 47%,
      #172337 30%,
      #172337 63%,
      #D9D9D9 30%,
      #D9D9D9 80%,
      #CCB871 30%,
      #CCB871 80%);
  }

  .head1{
    padding-top: 5%;
    color: white;
    display: flex;
    justify-content: center;
    font-size: 40px;
  }

  .table1{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
  }

  .btn2{
    background: red;
    border: none;
    display: block;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 70px;
    color: white;
    font-size: 30px;
    border-radius: 2rem;
    cursor: pointer;
  }

  .head2{
    padding-top: 90px;
    color: white;
    display: flex;
    justify-content: center;
    font-size: 40px;
  }

  .banner1{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }

  .bannercolumnmain {
    float: left;
    width: 90%;
    margin-left:10%;
    padding: 10px;
    height: auto; 
  }
  
  .bannercolumn {
    float: left;
    width: 90%;
    margin-left:  5%;
    margin-right: 5%;
    padding: 12px;
    height: auto;
  }

  .bannercolumn1 {
    float: left;
    width: 9%;
    margin-right: 3%;
    padding: 12px;
    border-radius: 20px;
    height: auto;
  }

  .bannercolumn2 {
    float: left;
    width: 80%;
    padding: 1px;
    border-radius: 20px;
    height: 678px; 
  }

  .bannerrow:after {
    content: "";
    display: table;
    clear: both;
  }

  .head3{
    display: flex;
    width: 50%;
    margin-left: 10%;
    margin-top: 150px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 900;
    font-size: 47px;
    line-height: 50px;
    color: #fff;
  }

  .head03{
    display: flex;
    width: 50%;
    margin-left: 11.5%;
    margin-top: 150px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 900;
    font-size: 47px;
    line-height: 50px;
    color: #000;
  }

  .head4{
    display: flex;
    width: 45%;
    margin-left: 10%;
    margin-top: 24px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 550;
    font-size: 26px;
    line-height: 50px;
    color: #FFFFFF;
  }

  .head04{
    display: flex;
    width: 45%;
    margin-left: 11.5%;
    margin-top: 24px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 550;
    font-size: 26px;
    line-height: 50px;
    color: #000; 
  }

  .btn03{
    display: flex;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .btn3{
    display: block;
    width: 270px;
    height: 76px;
    font-size: 2.6rem;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px 15px;
    background-color: #E2C458;
    color: white;
    align-items: center;
    border-radius: 3rem;
    border-style: none;
    cursor: pointer;
  }

  .head5{
    margin-left: 60%;
    font-size: 2.1rem;
    color: white;
    cursor: pointer;
  }

  .banner3{
    display: block;
    margin-left: 10px;
    margin-top: auto;
    width: 3.1%;
    margin-bottom: auto;
    cursor: pointer;
  }

  .banner4{
    display: block;
    margin-left: 10px;
    margin-top: auto;
    width: 2%;
    margin-bottom: auto;
    cursor: pointer;
  }

  .btn4{
    display: block;
    width: 300px;
    height: 100px;
    margin-right: 10%;
    font-size: 3rem;
    margin-top: 50px;
    padding: 5px 15px;
    background-color: #E2C458;
    color: white;
    align-items: center;
    border-radius: 3rem;
  }

  .btn04{
    display: block;
    margin-right: 10%;
  }

  .mbtn{
    width: 340px;
    height: 50px;
    margin-bottom: 28px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    border-radius: 40px;
    cursor: pointer;
  }

  .mbtncol1{
    background: #E90F14; 
  }

  .mbtncol2{
    background: #3061C9;
  }

  .mbtncol3{
    background: #172337;
  }

  .banner2s{
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
  }

  .btn3s{
    width: 300px;
    height: 100px;
    font-size: 3rem;
    margin-top: 50px;
    padding: 5px 15px;
    align-items: center;
    border-radius: 3rem;
  }

  .head5s{
    display: block;
    margin-left: 10%;
    height: 60%;
    width: 60%;
    margin-bottom: auto;
  }

  .content1{
    position: relative; 
    display: flex;
    justify-content:center;
  }

  .content1 .head1s{
    margin-right: 1%;
    margin-left: 10%;
  }

  .content1 .head2s{
    width: auto;
    height: auto;
    margin-right: 15px;
    margin-left: 110px;
  }

  .content1 .btn1s{
    border: none;
    height: auto;
  }

  #boxes {
    content: "";
    display: flex;
    clear: both;
  }

  #column1 {
    height: 470px;
    width: 30%;
  }

  #column2 {
    height: auto;
    width: 70%;
  }

  .main1{
    background-color: #E5E5E5;
  }

  .tabletposition{
    position: relative;  
    height: auto; 
    margin-top: 80px; 
    margin-left: 8%; 
    margin-right: 10%;
  }

/* TABLE */

  .banner2{
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: auto;
  }

  .table_responsive {
    overflow: auto;
    margin: auto;
    border-radius: 40px;
  }
  
  table {
    width: 100%;
    font-size: 24px;
    font-family: 'Prompt';
    font-style: normal;
    color: #444;
    white-space: nowrap;
    border-collapse: collapse;
  }
  
  table>thead {
    background-color: rgb(216, 213, 213);
    color: rgb(0, 0, 0);
    border-radius: 50px;
  }

  table>thead th {
    padding: 15px;
  }
  
  table th,
  table td {
    padding: 10px 80px;
  }

  table>tbody>tr>td>img {
    width: 230px;
    height: 110px;
    border: 24px solid rgba(255, 255, 255, 0.037);
  }

  table>tbody>tr {
    background-color: #fff;
    transition: 0.3s ease-in-out;
  }

  .tabdata{
    font-size: 24px;
    width: 230px;
    height: 130px;
    font-weight: 600;
  }

  .tabcolor{
    background-color: rgb(238, 238, 238);
  }

  .tabrow2{
    padding-left: 125px;
    text-align: start;
  }

  .tabtext{
    text-align: center;
  }

  .tabletd1{
    padding-left: 125px;
  }

  .tables-row{
    margin-right: 10%; 
    margin-top: 5%; 
    margin-left: 10%;
  }

  .price_headingh3{
    text-align: center; 
    font-family: 'Prompt'; 
    font-style: normal;
  }

  .tabletdivs{
    position: relative;  
    height: auto; 
    margin-top: 80px; 
    margin-left: 8%; 
    margin-right: 10%;
  }

  .tabhead{
    font-size: 28px;
    border-radius: 50px;
    height: 80px;
    font-weight: 900;
  }

  .show-button{
    width: 100%; 
    padding: 12px; 
    border-radius: 20px;
  }

  .bannercolumn img:hover{
    color: rgb(237, 42, 42);
  }

  .bannercolumn img{
    cursor: pointer;
  }

  .tabletheading{
    position: absolute;
    top: 10%;
    right: 78%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    width: 400px;
    height: auto;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    border-radius: 5px;
    text-align: center;
  }

  .tabletheading01{
    font-family: 'Prompt'; 
    font-style: normal; 
    font-weight: 900; 
    font-size: 50px; 
    line-height: 75px; 
    text-align: center; 
    margin-bottom: 2px; 
    color: #fff;
  }

  .tabletheadingspan{
    font-family: 'Prompt'; 
    font-style: normal; 
    font-weight: 1200; 
    font-size: 120px; 
    line-height: 95px; 
    text-align: center; 
    margin-bottom: 2px; 
    color: #E2C458;
  }

  .tabletappstore{
    position: absolute;
    top: 94%;
    right: 70%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    width: 400px;
    height: auto;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    border-radius: 5px;
    text-align: center;
  }

  .tabletdown{
    position: absolute;
    top: 75%;
    left: 65%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    width: 400px;
    height: auto;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    border-radius: 5px;
    text-align: center;
  }

  .tabletdownheading{
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 32px;
    color: #172337;
  }




  .tableoption{
    text-align: start; 
    padding-left: 135px;
  }












  










/* Education & Analysis */


.Education-main{
  width: 100%;
  background: url(assets/Education\ Banner.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.education-main-img{
  display: none;
}

.Education-main1h1{
  margin-left: 10%; 
  margin-right: 10%; 
  padding: 50px 0;
}

.Education-column1 img{
  cursor: pointer;
  width: 100%;
}

.Education-column2 img{
  cursor: pointer;
  width: 70%;
}

.Education-main2{

      background: url(assets/promotion\ Tab.png);
      background-position: center;
      background-size: cover;
      height: 80vh;
  }
  
  .Education-card2{

      background: url(assets/card2.png);
      background-position: center;
      background-size: cover;
      height: 225px;
      margin-left: 10%;
      margin-right: 10%;
      border-radius: 20px;
  }



.Education-main1{
  background-color: #1E3863;
  width: 100%;
  height: auto;  
}

.Education-main1h{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 600; 
  font-size: 34px; 
  line-height: 55px; 
  color: #FFFFFF;
}

.Education-main1p{
  margin-bottom: 6%; 
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 16px; 
  line-height: 25px; 
  color: #FFFFFF;
}

.Education-main02{
  position: absolute;
  bottom: 1%;
  left: 0%;
  text-align: start;
  margin-right: auto;
  margin-left: 10%;
  width: auto;
}

.Education-main02h{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 500; 
  font-size: 60px; 
  line-height: 80px; 
  letter-spacing: 0.05em; 
  color: #FFFFFF;
}

.Education-main02p{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 300; 
  font-size: 30px; 
  line-height: 80px; 
  word-spacing: 0.5px; 
  letter-spacing: 0.05em; 
  color: #FFFFFF;
}

.Education-column1 h1{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 55px;
  color: #FFFFFF;
}

.Education-column1 p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
}

.Education-column2 p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #172337;
}

.Education-column1 h1 {
  cursor: pointer;
}

.Education-column1 p {
  cursor: pointer;
}

.Education-column2 p {
  cursor: pointer;
}

.Education-mc1 p{
  cursor: pointer;
}

.Education-mc1 img{
  cursor: pointer;
}

.Education-column1 {
  float: left;
  width: 60%;
  padding: 10px;
  margin-right:4%;
  height: auto;
}

.Education-column101 {
  float: left;
  width: 47%;
  padding: 10px;
  margin-right:5%;
  margin-bottom:2%;
  height: auto;
}

.Education-column102 {
  float: left;
  width: 47%;
  padding: 10px;
  margin-bottom:2%;  
  height: auto;
}

.Education-column2 {
  float: left;
  width: 34%;
  padding: 10px;
  border-radius:20px;
  height: auto;
  background-color:#fff;
}

.Education-column2h{
  padding: 10px; 
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 600; 
  font-size: 30px; 
  line-height: 55px; 
  color: #000000;
}

.Education-row101 {
  float: left;
  width: 47%;
  padding: 10px;
  margin-right:5%;
  margin-bottom:2%;
  height: auto;
}

.Education-row102 {
  float: left;
  width: 47%;
  padding: 10px;
  margin-bottom:2%;  
  height: auto;
}

.Education-row:after {
  content: "";
  display: table;
  clear: both;
}

.Education-mr1{
  width: 100%;
  margin-left: 10%;
  padding-bottom: 1%;
  }

  .Education-mc1-img1{
    width: 42.53px; 
    height: 26.71px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 20px;
  }

  .Education-mc1-img2{
    width: 48.05px; 
    height: 42.61px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 5px;
  }

  .Education-mc1-img3{
    width: 47.17px; 
    height: 35px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 14px;
  }

  .Education-mc1-img4{
    width: 39.3px; 
    height: 42.61px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 12px;
  }
  
  .Education-mc1 {
    float: left;
    width: 9%;
    padding-top: 19px;
    margin-right: 20px;
  }
  
  .Education-mr1::after {
    content: "";
    clear: both;
    display: table;
  }

.Education-mc1 p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
}

.Education-btn{
  width: 435px;
  height: 50px;
  background: red;
  border: none;
  margin-left: 5px;
  font-size: 20px;
  color: white;
  border-radius: 2rem;
  cursor: pointer;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 10%;
}

.Education-btn1{
  width: 435px;
  height: 50px;
  background: white;
  border: none;
  margin-left: 5px;
  color: black;
  font-size: 22px;
  border-radius: 2rem;
  margin-bottom: 10px;
  cursor: pointer;
  margin-left: 10%;
}

.Education-main2h{
  margin-left: 10%; 
  padding-top: 5%; 
  font-family: 'Prompt';
  font-style: normal; 
  font-weight: 900; 
  font-size: 40px; 
  line-height: 65px; 
  letter-spacing: 0.05em; 
  color: #FFFFFF;
}

.Education-main2span{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 900; 
  font-size: 40px; 
  line-height: 65px; 
  letter-spacing: 0.05em; 
  color: #E2C458;
}

.Education-main2p{
  margin-left: 10%; 
  padding-top: 5px; 
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 65px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}



/*ABOUT*/



.about-main{
  /* width: 100%; */
  background: url(assets/about\ us.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.about-main-img {
  display: none;
}

.about-maindown{
  background: #172337;
  padding-top: 8px;
  padding-bottom: 15px;
}

.about-maindown h2{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 50px;
  margin-left: 10%;
  margin-right: 10%;
  color: #FFFFFF;
}

.about-maindown p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  margin-left: 10%;
  margin-right: 10%;
  line-height: 25px;
  color: #FFFFFF;
}

.about-main1{
  background-color: #E5E5E5;
  height: auto;
}

.about-handimg{
  width: 90.99px;
  height: 59.59px;
  margin-right: 60px;
  margin-top: 0.6rem;
}

.about-lockimg{
    width: 44px;
    height: 59.6px; 
    align-items: center; 
    margin-right: 88px; 
    margin-left: 15px;
}

.about-lineimg{
  margin: 55px 0 15px 0 ; 
  width:100%
}

.about-social{
  width: 90.6px;
  height: 82.8px;
  cursor: pointer;
}

/* .about-icon-p{
  text-align: start; 
  padding-left: 15px;
} */

.about-mr1-main{
  background-color: #22324B;
}

.about-main1down{
  align-items: center;
  margin-right: 10%;
  margin-left: 10%;
  padding-bottom: 5%;
}

.about-main1down0{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.about-main1down1{
  display: flex;
} 

.about-p1{
  width: auto;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}

.about-p2{
  width: auto;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}

.about-head1 {
  padding-top: 30px;
  display: flex;
  justify-content: center;   
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 1500;
  font-size: 38px;
  line-height: 25px;
  text-align: center;
  color: #284A82;
}

.about-head2 {
  text-align: center;
  padding-top: 30px;
  display: flex;
  justify-content: center;   
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  color: #000000; 
}

.about-btn2{
  width: 480px;
  height: 60px;
  background: red;
  border: none;
  display: block;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 2rem;
  cursor: pointer;
}

.about-middle{
  background-color: #22324B;
  height: 340px;
}

.about-middle1{
  margin-bottom: 5%;
  margin-left: 10%;
}

.about-middle1h01{
  padding-top: 40px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  color: #FFFFFF;
}

.about-main02{
  position: absolute;
  top: 50%;
  right: 10%;
  text-align: start;
  transform: translate(-10%, -50%);
}

.about-main02h01{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: bolder;
  font-size: 60px;
  line-height: 80px;
  letter-spacing: 0.05em;
  color: #3061C9;
}

.about-main02h02{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 450;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0.05em;
  color: rgba(133, 133, 133, 0.93);
}

.about-main1downh01{
  height: 26px;
  margin: 40px 0;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 25px;
  color: #284A82;
}

.about-mr1{
  width: 70%;
  margin-left: 22%;
  padding-bottom: 5%;
}

.about-mc1 {
  float: left;
  width: 11.33%;
  padding-top: 19px;
  margin-right: 26px;
}

.about-mr1::after {
  content: "";
  clear: both;
  display: table;
}

.about-mc1 img{
  align-items: center;

}

.about-mc1 p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #FFFFFF;
}

.about-middle01{
  width: 12%;
  float: left;
  margin-left: 10%;
}

.about-middle02{
  width: 60%;
  float: left;
}

.about-middle02h01{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 40px;
  color: #FFFFFF;
}

.about-middle02p01{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  word-spacing: 0.5rem;
  color: #FFFFFF;
}

.insta-text{
  text-align: start; padding-left: 3px;
}
.fb-text{
  text-align: start; padding-left: 5px;
}
.twit-text{
  text-align: start; padding-left: 12px;
}
.line-text{
  text-align: start; padding-left: 22px;
}
.link-text{
  text-align: start; padding-left: 11px;
}
.tik-text{
  text-align: start; padding-left: 15px;
}



/* LEGAL */

.legal-rowh1 br{
  display: none;
}

.legal-rowh2 br{
  display: none;
}


.legal-main{
  background: url(assets/legal.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.legal-main-img{
  display: none;
}


.legal-main02{
  position: absolute;
  top: 45%;
  left: 17%;
  text-align: start;
  transform: translate(-10%, -50%);
}

.legal-main1{
  background-color: #1E3863;
  width: 100%;
  height: auto;
}

.legal-mainh1{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 900; 
  font-size: 77px; 
  line-height: 80px; 
  letter-spacing: 0.05em; 
  color: #000000;
}

.legal-main1down{
  margin-right: 10%; 
  margin-left: 10%; 
  padding-top: 5%;
}

.legal-main1h1{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 7%;
  text-align: center;
  color: #FFFFFF;
}

.pdfimg{
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-bottom: 5px; 
  cursor: pointer;
}

.legal-column {
  float: left;
  width: 100%;
  padding: 0px;
  border-radius: 20px;
  height: auto;
  margin-bottom: 50px;
}

.legal-rowh1{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  margin-left: 14px;
  color: #000000;
}

.legal-rowh2{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  margin-left: 14px;
  color: #000000;
}

.legal-column1p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
}

.legal-column2 {
  float: left;
  width: 100%;
  display: inline-flex;
  padding: 20px 50px;
  border-radius: 20px;
  margin-top: -18px;
  height: 80px;
}

.legal-column1 {
  float: left;
  width: 18%;
  padding: 10px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;
  height: auto;
}

.legal-column01 {
  float: left;
  width: 18%;
  padding: 10px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;  
  height: 150px;
}

.legal-column001 {
  float: left;
  width: 18%;
  padding: 10px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;
    height: 150px;
}

.legal-row:after {
  content: "";
  display: table;
  clear: both;
}

.legal-seccolumn {
  float: left;
  width: 100%;
  padding: 0px;
  border-radius: 20px;
  height: auto;
}

.legal-seccolumn2 {
  float: left;
  width: 100%;
  display: inline-flex;
  padding: 20px 50px;
  border-radius: 20px;
  margin-top: -18px;
  height: 80px;
}

.legal-seccolumn1 {
  float: left;
  width: 18%;
  padding: 10px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;
  height: auto;
}

.legal-seccolumn01 {
  float: left;
  width: 18%;
  padding: 10px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;  
  height: auto;
}

.legal-seccolumn001 {
  float: left;
  width: 18%;
  padding: 10px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;
  height: auto;
}

.legal-secrow:after {
  content: "";
  display: table;
  clear: both;
}

.buttondiv{
  border: none;
  display: block;
  width: 620px;
  height: 100px;
  margin-top: 7px;
  padding-bottom: 180px;
  margin-left: auto;
  margin-right: auto;
}

.buttondivp{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  margin-top: 25px;
  text-align: center;
  color: #FFFFFF;
}

.legal-buttons{
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  left :-50% ;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.legal-buttons1{
  width: 300px;
  height: 50px;
  background: #fff;
  border-radius: 40px;
  font-family: 'Prompt';
  font-style: normal;
  margin-right: 10px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  border-color: transparent;
  text-align: center;
  color: #000000;
}

.legal-buttons2{
width: 300px;
height: 50px;
background: #E90F14;
border-radius: 40px;
font-family: 'Prompt';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 30px;
border-color: transparent;
text-align: center;
color: #FFFFFF;
}


/*LOGIN STYLE*/




.login-main{
  background: url(assets/mobile\ candlebanner.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.login-main-img{
  display: none;
}

.login-mainhead{
  text-align: center;
}

.login-mainheadh01{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
  letter-spacing: 0.05em;
  padding-top: 2%;
  color: #FFFFFF;
}

.login-mainheadp{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 38px;
  color: #FFFFFF;
}

.login-containerup{
  height: auto;
  background: #22324B;
  padding-top: 10px;
  margin-top: -7px;
}

.login-head{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 55px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  margin-top: 60px;
  margin-left: 10%;
}

.login-containers{
  display: flex;
  margin-top: 20px;
  margin-left: 10%;
  padding: 10px;
  max-width: 500px;
}

.login-input-box{
  width: calc(100%/2 -20px);
}

.login-input-box-input{
  padding: 1px 12px;
}

.login-user-details .login-input-box input{
  height: 40px;
  width: 609px;
  max-width: 609px;
  border-radius: 10px;
  border-style: none;
  margin-bottom: 20px;
  margin-top: 8px;
}

.login-button{
  background: #E2C458;
  border: none;
  margin-top: 30px;
  padding: 14px 25px;
  font-size: 22px;
  color: white;
  border-radius: 2rem;
  cursor: pointer;
  width: 250px;
}

.login-p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 38px;
  color: #fff;
}

.login-span{
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 20px;
  font-weight: 300;
  color: #fff;
}

.login-account{
  margin-top: 6%; margin-bottom: 18%;
}

.login-account a{
  font-family: 'Prompt'; font-style: normal; font-weight: 500; font-size: 22px; line-height: 38px; color: #3798CF;
}



/*PARTNERSHIP*/



.partnership-main{
  background: url(assets/partnership.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.partner-main-img{
  display: none;
}

.partnership-mainhead{
  padding-top: 40px;
  text-align: center;
}

.partnership-mainheadh01{
  font-family: 'Prompt';
  font-style: normal;
  height: 60px;
  font-weight: 500;
  font-size: 50px;
  line-height: 65px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.partnership-mainheadp{
  height: 60px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 65px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.partnership-mainup{
  width: 100%; 
  height: 4.7vh; 
  background-color: #3061C9;
}

.partnership-maindown{
  background-color: #fff;
}

.partnership-maindown0{
  background-color: #22324B;
  padding-bottom: 7%;
  height: auto;
}

.partnership-maindown01{
  margin: 0 10%;
  height: auto;
}

.partnership-maindown01h01{
  padding: 40px 0; 
  font-family: 'Prompt'; font-style: normal; 
  font-weight: 600; 
  font-size: 35px; 
  line-height: 40px; 
  text-align: center; 
  color: #FFFFFF;
}

.partnership-buttonsmain{
  border: none;
  display: block;
  width: 620px;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.partnership-buttons{
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  left : -50% ;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.partnership-buttons1{
  width: 219px;
  height: 44px;
  margin-bottom: 8px;
  background: #FFFFFF;
  border-radius: 40px;
  font-family: 'Prompt';
  font-style: normal;
  margin-right: 10px;
  font-weight: 600;
  font-size: 23px;
  line-height: 30px;
  border-color: transparent;
  text-align: center;
  color: #000000;
}

.partnership-buttons1p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
}

.partnership-buttons2{
  width: 400px;
  height: 44px;
  margin-bottom: 8px;
  background: #E90F14;
  border-radius: 40px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  border-color: transparent;
  text-align: center;
  color: #FFFFFF;
}

.partnership-buttons2p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: center; 
  color: #FFFFFF;
}

.partnership-ic{
  position: inherit;
}

.partnership-mr1{
  width: 100%;
  margin-left: 5%;
  margin-top: 4%;
}

.partnership-mc1-img1{
  width: 55px;
  height: 42px;
  margin-bottom: 10px;
}

.partnership-mc1-img2{
  width: 55.21px;
  height: 44.44px;
  margin-bottom: 10px;
}

.partnership-mc1-img3{
  width: 45px; 
  height: 46px; 
  margin-bottom: 10px;
}

.partnership-mc1-img4{
  width: 42px; 
  height: 46px; 
  margin-bottom: 10px;
}

.partnership-mc1-img5{
  width: 48px; 
  height: 43px; 
  margin-bottom: 10px;
}

.partnership-mc1-img6{
  width: 42px; 
  height: 43px; 
  margin-bottom: 10px;
}

.partnership-mc1-img7{
  width: 41px; 
  height: 46px; 
  margin-bottom: 10px;
}
  
.partnership-mc1 {
  float: left;
  width: 13.33%;
  padding-top: 19px;
  margin-right: 5px; 
}

.partnership-mr1::after {
  content: "";
  clear: both;
  display: table;
}

.partnership-mc1 p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
}

.partnership-dotp{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #172337;
  padding-bottom: 18px;
}

.partnership-column {
  float: left;
  width: 40%;
  padding: 44px 10px;
  margin-left: 10%;
  height: auto;
  /* display: inline-block; */
}

  
.partnership-column0 {
  float: right;
  width: 12%;
  padding: 18px 0px;
  height: auto;
}

.partnership-columnh01{
  height: 84px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 72px;
  color: #E42922;
}

.partnership-columnh02{
  height: 51px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 51px;
  line-height: 35px;
  color: #146EE6;
}

.partnership-columnp{
  height: 84px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  color: #000000;
}

.partnership-row{
  padding: 20px 0;
}

.partnership-row:after {
  content: "";
  display: table;
  clear: both;
}

.partnership-imcolumn {
  float: left;
  width: 50%;
  padding: 24px 12px;
  height: auto;
}

.partnership-imcolumn1 {
  float: left;
  width: 45%;
  padding: 24px 12px;
  height: auto;
  margin-right: 2%;
  margin-left: 2%;
}

.partnership-imrow:after {
  content: "";
  display: table;
  clear: both;
}



/* PLATFORM */




.platform-main{
  background: url(assets/platformm.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.platform-main1{
  background-color: #E5E5E5;
}

.platform-maindown{
padding-top: 32px;
padding-bottom: 34px;
margin-left: 10%;
margin-right: 10%;
}

.platform-maindown h1{
font-family: 'Prompt';
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 55px;
color: #000000; 
}

.platform-maindown p{
font-family: 'Prompt';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
letter-spacing: 1px;
color: #172337;
}

.platform-maindown1{background-color: #3061C9;height: 191px;width: 100%;}

.platform-maindown01 {color: black;padding: 16px;font-size: 16px;border: none;
float:left; 
margin-left:10%;margin-top: 52px;margin-bottom: 60px;}

.platform-maindown01h{
font-family: 'Prompt'; 
font-style: normal; 
font-weight: 300; 
font-size: 50px; 
align-items: center;
line-height: 55px; 
letter-spacing: 0.05em; 
color: #FFFFFF;
}

.platform-maindown01hh{
display: block;
font-family: 'Prompt'; 
font-style: normal; 
font-weight: 900; 
font-size: 27px; 
padding-top: 20px;
margin-bottom: 40px;
align-items: center;
line-height: 30px; 
letter-spacing: 0.05em; 
color: #FFFFFF;
width: 70%;
margin-right: auto;
margin-left: auto;
}

.platform-maindown02 {
background-color: #04AA6D;
color: black;
padding: 20px 0;
border: none;
cursor: pointer;
width: 440px;
height: 70px;
background: #FFFFFF;
border-radius: 40px;
float:right; 
margin-right:10%; 
margin-top: 60px; 
margin-bottom: 60px;
}

.platform-maindown02h{
font-family: 'Prompt'; 
font-style: normal; 
font-weight: 400; 
font-size: 32px; 
line-height: 30px; 
text-align: center; 
color: #000000;
}

.platform-main2{height: auto;padding-bottom: 80px;background: linear-gradient(153deg, 
#172337 39%, 
#E9E9E9 30%, 
#E9E9E9 40%, 
#ffffff 30%, 
#ffffff 64%, 
#E9E9E9 30%, 
#E9E9E9 65%, 
#172337 30%,
#172337 50%
);}

.platform-main2down{
  margin-left: 10%; 
  margin-right: 10%; 
  padding-top: 10px;
}

.platform-card1{
width: 35%;
height: auto;
float: left;
margin-top: 40px;
}

.platform-card2{
width: 30%;
height: auto;
float: left;
}

.platform-card2 img{
width: 346px;
height: 665px;
display: block;
margin-left: auto;
margin-right: auto;
}

.platform-card3{
width: 35%;
height: auto;
float: left;
margin-top: 40px;
}

.platform-column1 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column001 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column2 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column002 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column3 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column003 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column10 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column010 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column20 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column020 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column30 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-column030 {
float: left;
width: 36%;
padding: 15px;
margin-left: 6%;
margin-right: 6%;
height: 150px;
}

.platform-row:after {
content: "";
display: table;
clear: both;
}

.platform-cardp{
font-family: 'Prompt';
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 22px;
margin-top: 3px;
color: #FFFFFF;
}

.platform-cardp br {
  display: none;
}

.platform-buttonsmain{border: none;display: block;width: 620px;height: 100px;margin-top: 5px;margin-bottom: 5px;margin-left: auto;margin-right: auto;}

.platform-buttons{
display: inline-flex;
justify-content: space-between;
align-items: center;
left :-50% ;
margin-top: 3%;
margin-left: auto;
margin-right: auto;
}

.platform-buttons1{width: 297px;height: 60px;background: #E2C458;border-radius: 40px;font-family: 'Prompt';font-style: normal;margin-right: 10px;font-weight: 700;font-size: 28px;line-height: 30px;border-color: transparent;text-align: center;color: #000000;}


.platform-buttons2{width: 297px;height: 60px;background: #3061C9;border-radius: 40px;font-family: 'Prompt';font-style: normal;font-weight: 700;font-size: 28px;line-height: 30px;border-color: transparent;text-align: center;color: #FFFFFF;}

.platform-gogleimg{
width: 425px; 
height: 50px;
margin-left: auto ; 
margin-right: auto;
margin-bottom: 150px;
cursor: pointer;
}

.platform-button1{display: inline-flex;justify-content: space-between;align-items: center;
left :-50% ;margin-top: 20px;margin-bottom: 80px;margin-left: 8%;}


.platform-colum1n {float: left;width: 46%;padding: 10px;height: auto;}

.platform-colum2n {float: left;width: 52%;padding: 10px;height: 670px;margin-top: 8rem;}

.platform-colum2nh01{
font-family: 'Prompt'; 
font-style: normal; 
text-align: center; 
font-weight: 800; 
height: 40px; 
color: #000000;
}

.platform-colum2nhead{
  margin-bottom: 80px;
}

.platform-colum2np{
font-family: 'Prompt'; 
font-style: normal; 
font-weight: 400; 
font-size: 28px; 
line-height: 35px; 
text-align: center; 
color: #000000;
}

.platform-numcol1 {float: left;width: 30%;height: 154px;margin-right: 4%;margin-bottom: 7px;}

.platform-numcol2 {float: left;width: 30%;height: 154px;margin-right: 4%;margin-bottom: 7px;}

.platform-numcol3 {float: left;width: 30%;height: 154px;margin-right: 4%;margin-bottom: 7px;}

.platform-numcol01 {float: left;width: 30%;height: 154px;margin-right: 4%;margin-bottom: 7px;}

.platform-numcol02 {float: left;width: 30%;height: 154px;margin-right: 4%;margin-bottom: 7px;}

.platform-numcol03 {float: left;width: 30%;height: 154px;margin-right: 4%;margin-bottom: 7px;}

.platform-numcol001 {float: left;width: 30%;height: 154px;margin-right: 2%;margin-bottom: 7px;}

.platform-numcol002 {float: left;width: 30%;height: 154px;margin-right: 2%;margin-bottom: 7px;}

.platform-numcol003 {
float: left;
width: 27%;
height: 154px;
margin-right: 3%;
margin-bottom: 7px;
}

.platform-row:after {
content: "";
display: table;
clear: both;
}

.platform-circle{
border-radius: 50%;
width: 36px;
height: 36px;
padding: 5px;
margin-bottom: 4px;
background: #E2C458;
border: none;
text-align: center;
font-family: 'Prompt';
font-style: normal;
font-weight: 700;
font-size: 20px;
color: #172337;
transform: matrix(1, 0, 0, 1, 0, 0);
}

.platform-row{
  margin-top: 0;
}

.platform-colum1n img{
  width: 100%;
  height: 100%;
  margin-left: -10px;
  margin-top: 40%;
}

.platform-rowp{
font-family: 'Prompt';
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 25px;
margin-top: 8px;
color: #000000;
}

.platform-andcolumn1 {
float: left;
width: 35%;
padding: 10px;
margin-left: 10%;
margin-right: 5%;
margin-top: 5%;
}

.platform-andcolumn2 {
float: left;
width: 45%;
padding: 10px;
margin-left: 5%;
margin-top: 3%;
}

.platform-andcolumn2 img{
  width: 530px; 
  height: 630px;
}

.platform-andcolumn01 {
float: left;
width: 20%;
padding: 10px;
}

.platform-andcolumn02 {
float: left;
width: 20%;
padding: 10px;
}

.platform-andcolumn001 {
float: left;
width: 70%;
padding: 10px;
margin-bottom: 55px;
}

.platform-andcolumn002 {
float: left;
width: 70%;
padding: 10px;
margin-bottom: 55px;
}

.platform-androw:after {
content: "";
display: table;
clear: both;
height: auto;
margin-bottom: 8%;
}

.platform-andh2{
font-family: 'Prompt';
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 35px;
color: #000000;
}

.platform-andbtn{
display: block;
margin-left: auto;
margin-right: auto;
cursor: pointer;
width: 85%;
height: 60px;
margin-bottom: 30px;
border: none;
background: #3061C9;
border-radius: 40px;
font-family: 'Prompt';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 30px;
text-align: center;
color: #FFFFFF;
}

.platform-andbtn2{
display: block;
width: 85%;
margin-left: auto;
margin-right: auto;
cursor: pointer;
}

.platform-paracolumn1 {
float: left;
width: 55%;
margin-left: 5%;
margin-right: 5%;
padding: 10px;
height: auto;
}

.platform-paracolumn2 {
float: left;
width: 35%;
padding: 0 10px;
height: auto;
}

.platform-paracolumn2-img{
  width: 320px; 
  height: 260px; 
  margin-top: 16px; 
  margin-bottom: 22px; 
  margin-left: 14%;
}

.platform-pararow:after {
content: "";
display: table;
clear: both;
}

.platform-pararow{
  padding-top: 60px;
  background-color: #1E3863;
}

.platform-parap{
font-family: 'Prompt';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
}

.platform-paraspan{
font-family: 'Prompt';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #E2C458;
}

.platform-crvemain{
  margin-top: 80px; 
  width: 80%; 
  margin-left: 10%; 
  margin-right: 10%;
}

.platform-crvemain img{
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100%; 
  height: auto;
}

.platform-crveh01{font-family: 'Prompt';font-style: normal;font-weight: 800;font-size: 36px;line-height: 40px;color: #172338;}

.platform-crveh02{display: block;margin-left: auto;margin-right: auto;margin-top: 50px;width: 90%;height: auto;font-family: 'Prompt';font-style: normal;font-weight: 500;font-size: 28px;line-height: 40px;text-align: center;color: #E2C458;}

.platform-crvebutton{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
width: 440px;
cursor: pointer;
height: 70px;
font-family: 'Prompt';
font-style: normal;
font-weight: 400;
font-size: 30px;
background: #3061C9;
border-radius: 40px;
border: none;
line-height: 30px;
text-align: center;
color: #FFFFFF;
}

.platform-downmain{
margin-top:20%; 
margin-left:10%; 
margin-bottom:10%;
}

.platform-downmainh01{margin-bottom: 35px;margin-right: 5px;font-family: 'Prompt';font-style: normal;font-weight: 700;font-size: 37px;line-height: 40px;color: #172337;}



/* PROMOTION */






.promotion-main{
  background: url(assets/promotion.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.promotion-main-img{
  display: none;
}

.promotion-main2{
  background: url(assets/promotion\ Tab.png);
  background-position: center;
  background-size: cover;
  height: 80vh;
}

.promotion-main2 h1{
  margin-left: 10%;
  padding-top: 5%;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 65px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.promotion-main2 span{
  font-family: 'Prompt'; font-style: normal; font-weight: 900; font-size: 40px; line-height: 65px; letter-spacing: 0.05em; color: #E2C458;
}

.promotion-main2 p{
  margin-left: 10%;
  padding-top: 9px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 65px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.promotion-mr1 p{
  margin-left: 10%; padding-top: 5px; font-family: 'Prompt'; font-style: normal; font-weight: 300; font-size: 32px; line-height: 65px; letter-spacing: 0.05em; color: #FFFFFF;

}


.promotion-card2{
  background: url(assets/card2.png);
  background-position: center;
  background-size: cover;
  height: auto;
  margin-left: 10%;
  margin-right: 10%;
  border-radius: 20px;
}

.promotion-card2 h1{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 40px; 
  line-height: 70px; 
  margin-left: 10%; 
  color: #FFFFFF;
}

.promotion-card2 span{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 600; 
  font-size: 70px; 
  line-height: 70px; 
  color: #FFFFFF;
}

.promotion-main02{
position: absolute;
  top: 28%;
  right: 17%;
  text-align: start;
  transform: translate(-10%, -50%);
}

.promotion-main02s h1{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 900; 
  font-size: 60px; 
  line-height: 80px; 
  letter-spacing: 0.05em; 
  color: #000000;
}

.promotion-main1{
  background-color: #1E3863;
  width: 100%;
  height: auto;
}

.promotion-main1-down{
  margin-left: 10%; 
  padding: 50px 0;
}

.promotion-main1-down h1{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 600; 
  font-size: 34px; 
  line-height: 55px; 
  color: #FFFFFF;
}

.promotion-main1-down p{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 18px; 
  line-height: 25px; 
  color: #FFFFFF;
}

.promotion-main01{
  background: linear-gradient(90deg, #3798CF 0.95%, #146EE6 100%);
  border-radius: 20px;
  padding: 15px 0;
  height: auto;
  margin-left: 10%;
  margin-right: 10%;
}

.promotion-column {
  float: left;
  width: 28%;
  padding: 10px;
  height: auto;
}

.promotion-50percent{
    /* width: 199px;
    height: 200px; */
    margin-left: -25%;

}

.promotion-column h2{
  margin-left: 5px; 
  margin-top: 25px; 
  text-align: center;
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 60px; 
  line-height: 70px; 
  color: #FFFFFF;
}

.promotion-row:after {
  content: "";
  display: table;
  clear: both;
}

.promotion-imcolumn {
  float: left;
  width: auto;
  margin-top: 18px;
  margin-left: 18px;
  height: auto;
}

.promotion-imcolumn1{
  float: left;
  width: auto;
  margin-top: 18px;
  margin-left: 18px;
  height: auto;
}

.promotion-imcolumn p{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 300; 
  font-size: 18px; 
  line-height: 22px; 
  color: #FFFFFF;
}

.promotion-imrow:after {
  content: "";
  display: table;
  clear: both;
}

.promotion-mc1 img{
  cursor: pointer;
}

.promotion-mc1 p{
  cursor: pointer;
}

.promotion-main02column {
  float: left;
  width: 75%;
  padding: 10px;
  height: auto;
}

.promotion-main02column p{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 18px; 
  line-height: 25px; 
  color: #FFFFFF;
}

.promotion-main02column1 {
  float: left;
  width: 24%;
  padding: 10px;
  height: auto;
}

.promotion-main02column1 p{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 18px; 
  line-height: 25px; 
  text-align: center; 
  text-decoration-line: underline; 
  color: #FFFFFF;
}

.promotion-main02-h2{
  margin-left: 10%; 
  margin-bottom: 15px; 
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 700; 
  font-size: 30px; 
  line-height: 55px; 
  color: #FFFFFF;
}

.promotion-main02row{
  margin-left: 10%; 
  margin-top: 30px; 
  margin-right: 10%; 
  padding-bottom: 50px;
}

.promotion-main02row p{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 18px; 
  line-height: 25px; 
  color: #FFFFFF;
}

.promotion-main02row:after {
  content: "";
  display: table;
  clear: both;
}

.promotion-main02btn{
  width: 100%;
  height: 50px;
  background: #E2C458;
  border-radius: 40px;
  border: none;
  margin-bottom: 10px;
  text-align: center;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: #000000;
}

.promotion-buttons1{
  width: 219px;
  height: 43px;
  background: #FFFFFF;
  border-radius: 40px;
  font-family: 'Prompt';
  font-style: normal;
  margin-right: 10px;
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  border-color: transparent;
  text-align: center;
  color: #000000;
}

.promotion-mr1{
  width: auto;
  margin-left: 10%;
  padding-bottom: 1%;
}


.promotion-mc1-img1{
  width: 42.53px; 
  height: 26.71px; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-bottom: 20px;
}

.promotion-mc1-img2{
  width: 48.05px; 
  height: 42.61px; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-bottom: 5px;
}

.promotion-mc1-img3{
  width: 47.17px; 
  height: 35px; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-bottom: 14px;
}

.promotion-mc1-img4{
  width: 39.3px; 
  height: 42.61px; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-bottom: 12px;
}


.promotion-mc1 {
  float: left;
  width: 9%;
  padding-top: 19px;
  margin-right: 20px;
}

.promotion-mr1::after {
  content: "";
  clear: both;
  display: table;
}

.promotion-mc1 p{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
}

.promotion-btn{
  width: 435px;
  height: 50px;
  background: red;
  border: none;
  margin-left: 5px;
  font-size: 20px;
  color: white;
  border-radius: 2rem;
  cursor: pointer;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 10%;
}

.promotion-btn1{
  width: 435px;
  height: 50px;
  background: white;
  border: none;
  margin-left: 5px;
  color: black;
  font-size: 22px;
  border-radius: 2rem;
  margin-bottom: 10px;
  cursor: pointer;
  margin-left: 10%;
}




/* REGISTER */






.register-main{
  background: url(assets/regishead.png);
  background-position: center;
  background-size: cover;
  height: 88vh;
}

.register-main-img{
  display: none;
}

.register-main02{
  position: absolute;
  top: 50%;
  right: 10%;
  text-align: end;
  transform: translate(-10%, -50%);
}

.register-main02h01{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 600; 
  font-size: 40px; 
  line-height: 55px; 
  letter-spacing: 0.05em; 
  text-decoration-line: underline; 
  color: #CCB871;  
  margin-bottom: 22px;
}

.register-main02h02{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 90px; 
  line-height: 55px; 
  letter-spacing: 0.05em; 
  color: #FFFFFF;  
  margin-bottom: 22px;
}

.register-main02p1{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 600; 
  font-size: 42px; 
  line-height: 55px; 
  letter-spacing: 0.05em; 
  color: #FFFFFF;  
  margin-bottom: 22px; 
  text-align: end;
}

.register-main02p2{
  font-family: 'Prompt'; 
  font-style: normal; 
  font-weight: 300; 
  font-size: 75px; 
  line-height: 55px; 
  color: #FFFFFF;
}

.register-main02a{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 800;
  font-size: 135px;
  line-height: 55px;
  color: #FFFFFF;
}

.register-containerz{
  height: auto;
  padding-bottom: 60px;
  margin-left: 10%;
  margin-right: 10%;
}

.register-containerzh1{
  font-family: 'Prompt';
  font-style: normal;
  font-size: 40px;
  font-weight: 400;
  line-height: 55px;
  letter-spacing: 2%;
  color: white;
  margin-top: 25px;
}

.register-containerz form{
  border-radius: 5px;
  padding: 20px;
  width: 100%;
}

/* .numbera{
  width: 75%;
} */


/*INPUT FIELD SPACING*/

.register-containerz form .register-inputBox{
  margin-top: 20px;
}

.register-inputBox p{
  font-size:12px ; margin-top:5px; line-height: 18px; font-weight: 300; color: #fff;
}

.register-containerz form .register-inputBox1{
  margin-top: 20px;
}

/*INPUT FIELD HEADINGS*/

.register-containerz form .register-inputBox span{
  display: block;
  color:#fff;
  padding-bottom: 5px;
}

.register-containerz form .register-inputBox1 span{
  display: block;
  color:#fff;
  padding-bottom: 5px;
}

/*INPUT FIELDS*/

.register-containerz form .register-inputBox input, 
.register-containerz form .register-inputBox select{
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  color:#444;
}

.register-containerz form .register-inputBox1 input, 
.register-containerz form .register-inputBox1 select{
  width: 18%;
  padding: 10px;
  border-radius: 10px;
  border:1px solid rgb(38, 75, 170);
  box-shadow: 5px 5px rgba(0,0,0,.2);
  color:#444;
}

.register-containerz form .register-aa input, 
.register-containerz form .register-aa select{
  width: 80%;
  padding: 10px;
  border-radius: 10px;
  border:1px solid rgb(38, 75, 170);
  box-shadow: 5px 5px rgba(0,0,0,.2);
  color:#444;
}

.register-containerz form .register-flexbox{
  display: flex;
  gap:35px;
}

.register-containerz form .register-flexbox .register-inputBox{
  flex:1;
}

.register-containerz form .register-flexbox .register-inputBox1{
  flex:1;
}

/*SUBMIT BUTTON*/

.register-containerz form .register-submit-btn{
  width: 348px;
  height: 56px;
  background:#E2C458;
  margin-top: 50px;
  padding: 10px;
  font-size: 20px;
  color:#000;
  border-radius: 40px;
  cursor: pointer;
}

/*SUBMIT BUTTON 9ER*/

.register-containerz form .register-submit-btn:hover{
  background: #d4b234;
}

.register-check{
  margin-top: 15px;
}

.register-check span{
  margin-left:5px;  font-size:14px ; line-height: 38px; font-weight: 500; color: #fff;
}

.register-check a{
  font-size:14px ; line-height: 38px; font-weight: 500; color: #3798CF;
}

.register-already{
  margin-top:15px;
}

.register-already span{
  font-size:14px ; line-height: 38px; font-weight: 500; color: #fff;
}

.register-already a{
  font-size:14px ; line-height: 38px; font-weight: 500; color: #3798CF;
}

/*CREDIT-CARD TOP*/

.register-containerz .register-card-containerz{
  margin-top: 200px;
  margin-bottom: -150px;
  position: relative;
  height: 250px;
  width: 400px;
}

/*CREDIT-CARD FRONT*/

.register-containerz .register-card-containerz .register-front{
  position: relative;
  height: 100%;
  width: 100%;
  background:rgb(40, 12, 67);
  border-radius: 11px;
  z-index: 2;
  box-shadow: 0 15px 25px rgba(204, 53, 53, 0.2);
  padding:20px;
}

/*TOP IMAGE*/

.register-containerz .register-card-containerz .register-front .register-image{
  display: flex;
  align-items:center;
  justify-content: space-between;
  padding-top: 10px;
}

/*TOP IMAGE*/

.register-containerz .register-card-containerz .register-front .register-image img{
  height: 50px;
}

/*CARD NUMBER*/

.register-containerz .register-card-containerz .register-front .register-card-number-box{
  padding:30px 0;
  font-size: 22px;
  color:#fff;
}

/*SET NAME AND MONTH IN FLEX IN A LINES*/

.register-containerz .register-card-containerz .register-front .register-flexbox{
  display: flex;
}

/*CARD FIRST CHILD "MONTH" MOVING RIGHT*/

.register-containerz .register-card-containerz .register-front .register-flexbox .register-box:nth-child(1){
  margin-right: auto;
}

/*CARD HOLDER-NAME, MONTH*/

.register-containerz .register-card-containerz .front .register-flexbox .register-box{
  font-size: 15px;
  color:#fff;
}

/*BOTTOM IMAGE*/

.register-containerz .register-card-containerz .register-front .register-imagee{
  display: flex;
  align-items:center;
  justify-content: end;
  padding-top: 7px;
  padding-bottom: 18px;
}

/*BOTTOM IMAGE*/

.register-containerz .register-card-containerz .register-front .register-imagee img{
  height: 38px;
}

/* CARD BACK POSITION & COLOUR*/

.register-containerz .register-card-containerz .register-back{
  position: relative;
  margin-top: -350px;
  margin-bottom: 40px;
  height: 100%;
  width: 100%;
  background:rgb(40, 12, 67);;
  border-radius: 5px;
  padding: 20px 0 ;
  text-align: right;
  z-index: 1;
  transform: rotate(-20deg);
}

/*BACK BLACK STRIP*/

.register-containerz .register-card-containerz .register-back .register-stripe{
  background: #000;
  width: 100%;
  margin: 10px 0;
  height: 50px;
}

/*BACK WHITE STRIP*/

.register-containerz .register-card-containerz .register-back .register-box{
  padding: 0 20px;
}

/*CVV FONT STYLE */

.register-containerz .register-card-containerz .register-back .register-box span{
  color:#fff;
  font-size: 15px;
}

/*BACK WHITE STRIP & CVV CODE*/

.register-containerz .register-card-containerz .register-back .register-box .register-cvv-box{
  height: 50px;
  padding: 10px;
  margin-top: 5px;
  color:#333;
  font-size: 18px;
  font-family: bold;
  background: #fff;
  border-radius: 5px;
  width: 100%;
}



/* @media (max-height: 100vh) {
  .register-containerz{height: auto;}
} */

.main.header_banner img {
    display: none; 
}
span#navbaricon { display: none; }



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

  .legalmob {
    display: block;
}

  /* .column0 {
    float: right;
    width: 12%;
    padding: 18px 0px;
    height: auto;
  } */

.legaldesk{
  display: none;
}

.legalnav{
  margin-bottom: 8px;
}

/* .legalmob{
  margin: 8px 0;
} */


.logoimage{
  width: 80%;
}

.navbarlogo{
  margin: 0 8px;
}

.logo{

  }



.buttonaccount{
  display: block;
  text-align: center;
}


.buttonaccount-btn{
  width: 200px;
  height: 35px;
  background: red;
  border: none;
  /* padding: 10px 24px; */
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 2rem;
  cursor: pointer;
  margin-bottom: 5px;
  margin-top: 10px;
}

.buttonaccount-btn1{
  width: 200px;
  height: 35px;
  background: white;
  border: none;
  /* padding: 10px 24px; */
  color: black;
  font-size: 15px;
  border-radius: 2rem;
  cursor: pointer;
  margin-bottom: 5px;
}




  ul.nav-links {
    display: none;
}

button.btn3 {
  width: 170px;
  height: 40px;
  font-size: 1.6rem;
  border-style: none;
  margin-left: 2%;
}

.btn03 {
    /* display: block; */
    /* flex-direction: column;
    width: 50%; */
    float: inherit;
    width: auto;
    justify-content: space-between;
}

.tabletdown {
    position: relative;
    left: inherit;
    top: inherit;
    width: 100%;
    padding: 0px 0px;
    transform: inherit;
}

.tabletappstore {
  position: relative;
  top: 0;
  right: 0;
  width: 80%;
  display: block;
  margin: auto;
  transform: inherit;
}

.tabletheading {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
}

.tabletheading01 {
    font-size: 24px;
    line-height: 39px;
}

.tabletheadingspan {
    font-size: 40px;
    line-height: 40px;
}

.tableoption{
  padding-left: 30px;
}

/* .footer {
    padding: 5px 0px;
    padding-left: 5%;
    text-align: center;
} */

/* .row1 {
    display: block;
    margin-left: 0;
} */
/* 
.footer div {
    width: 100%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.pfooter {
    padding: 19px;
}

.footer-col h4 {
    margin-bottom: 5px;
}

.footer br {
    display: none;
}

.social-links {} */

.navbar {
    display: none;
}

.contents {
    height: auto;
}

.tableof4{
  display: none;
}

.content .btn {
    padding: 10px 24px;
    font-size: 12px;
    margin-bottom: 5px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

.content .btn1 {
    padding: 10px 24px;
    font-size: 12px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

.price_column {
    width: 100%;
    padding-top: 13px;
}

div#price_tbl {
    display: block;
}

.price_column h3 {
    position: relative;
}

.price_column ul li {
    min-height: auto !important;
}

.btn2 {
    margin-top: 75px;
    padding: 14px 18px;
    font-size: 21px;
}

.bannercolumn {
    float: initial;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding: 4px 4px;
}



.bannercolumn1 {
    width: -webkit-fill-available;
    display: flex;
    margin-bottom: 0;
    margin: auto;
    text-align: center;
    padding: 0px;
    border-radius: 15px 15px 10px 10px;
}

.bannercolumn2 {
    float: inherit;
    width: 100%;
    padding: 1px;
    border-radius: 20px;
    height: auto;
}

.navbar svg {
    height: auto
}

.bannersvg{
      width: 32px;
      height: 32px;
}

h1.head2 {
    padding-top: 38px;
    color: #fff;
    font-size: 26px;
}

.bannercolumnmain {
    width: auto;
    margin-left: 0%;
    padding: 0;
}

.head3 {
    /* width: 100%;
    margin-left: 0;
    margin-top: 0;
    text-align: center; */
    display: flex;
    width: 80%;
    margin-left: 2.5%;
    margin-top: 15px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 50px;
    color: #fff;
  }

.head03 {
  width: 100%;
  margin-left: 0;
  margin-top: 0;
  text-align: center;
  font-size: 37px;
  line-height: 47px;
}

.head4 {
    /* width: 100%;
    margin: 0;
    padding: 20px;
    color: #000;
    text-align: center; */
    display: block;
    width: 90%;
    /* margin-left: 2%; */
    /* margin-top: 8px; */
    margin: auto;
    text-align: center;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 550;
    font-size: 15px;
    line-height: 36px;
    color: #fff;
  }

  

.head04 {
  width: 100%;
  margin: 0;
  padding: 20px;
  line-height: 31px;
  text-align: center;
}
  
  .tabletappstore img {
    width: 100%;
}

button.mbtn {
    width: 70%;
    height: auto;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 8px;
}

.home {
    padding-bottom: 41px;
    background: linear-gradient(154deg,
    #172337 22%,
    #1E3863 20%,
    #1E3863 36%,
    #172337 20%,
    #172337 56%,
    #ffffff 20%,
    #ffffff 87%,
    #CCB871 20%,
    #CCB871 80%)
}

.banner3 {
    width: 8%;
}

.banner4 {
    width: 6%;
    margin-right: 3%;
}

.banner2s{
  margin-top: 20px;
  width: 90%;
}

h4.head5 {
  color: #fff;
  margin-left: auto;
  font-size: 1.6rem;
}
  
  th.tabrow2 {
    font-size: 17px;
    padding: 16px;
    width: 30%;
}

.banner2 {
    width: auto;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 35px;
}

.tabrow2 {
    padding-left: 9px;
    padding: 10px 7px;
    white-space: pre-wrap;
}

tr.tabdata {
    font-size: 10px;
    width: auto;
    height: 60px;
    font-weight: 600;
}

table>thead th {
    padding: 7px;
}

.tabhead {
    font-size: 10px;
    border-radius: 50px;
    height: 45px;
    font-weight: 900;
}

td.tabtext {
    padding: 26px 4px;
    white-space: pre-wrap;
}

table>tbody>tr>td>img {
    width: 83px;
    height: auto;
    border: 0px solid rgba(255, 255, 255, 0.037);
    padding: 0;
    margin: 0;
}

.tabletd1{
  padding-left: 5px;
}


table th, table td {
    padding: 3px 6px;
}

table td {
    border: 1px solid #ddd;
}

button.butt_show_more.show-button {
    display: none;
}

#price_tbl.show_more ul li + li + li + li + li + li + li + li {
    height: auto;
    padding: 14px;
    font-size: initial;
    min-height: 0 !important;
    text-align: center;
}

.head3 {
    color: #333;
    font-size: 22px;
    line-height: 26px;
    display: block;
    margin: auto;
    width: auto;
    text-align: center;
    color: #fff;
    margin-top: 18%;
}

.banner1{
    width: auto;
    margin-right: 2%;
    margin-left: 2%;
}

.main.header_banner img {
     display: block;
}

.main {
    height: auto;
    background: #101318;
}

span#navbaricon {
    position: absolute;
    width: 28px;
    right: 10px;
    top: 23px;
    display:block;
}

span#navbaricon img {
    width: 100%;
}

.tabletposition{
  position: relative;
  height: auto;
  margin-top: 18%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 18%;
}


/*PARTNERSHIP*/

.partnership-main {
  height: auto;
  background: #000;
}

.partner-main-img{
  height: 30vh;
  display: block;
}

.partnership-mainheadh01 {
  font-size: 20px;
  line-height: 50px;
  height: auto;
}

.partnership-mainheadp {
  font-size: 14px;
  line-height: 0;
}

.partnership-column {
  float: inherit;
  width: 100%;
  padding: 0 10px;
  margin-left: 0;
  height: auto;
  }

  .partnership-columnh01 {
    height: auto;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
    color: #E42922;
    text-align: center;
  }

  .partnership-columnh02 {
    height: 51px;
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #146EE6;
}

.partnership-columnp {
  height: auto;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
}

.partnership-dotp{
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 25px;
  color: #172337;
  padding-bottom: 18px;
}



.partnership-imcolumn {
  float: left;
  width: auto;
  display: block;
  padding: 20px 18px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.partnership-imcolumn {
  float: inherit;
  width: 96%;
  display: block;
  padding: 20px 0;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}


.partnership-maindown01 {
  height: auto;
  margin: 0 2%;
}

.partnership-maindown01h01 {
  padding: 30px 0;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
}

.partnership-mr1 {
  width: 100%;
  text-align: center;
  margin: 0;
}

.partnership-mc1 {
  float: inherit;
  display: inline-block;
  width: 25%;
  padding-top: 19px;
  margin-right: 8px;
}

.partnership-mc1 p {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  min-height: 50px;
  color: #FFFFFF;
}

.partnership-buttonsmain {
  border: none;
  display: block;
  width: auto;
  height: auto;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.partnership-buttons1 {
  width: 140px;
  height: 40px;
  margin-bottom: 8px;
  background: #FFFFFF;
  border-radius: 40px;
  font-family: 'Prompt';
  font-style: normal;
  margin-right: 10px;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  border-color: transparent;
  text-align: center;
  color: #000000;
}

.partnership-buttons2 {
  width: 209px;
  height: 40px;
  /* padding: 5px 12px; */
  margin-bottom: 8px;
  background: #E90F14;
  border-radius: 40px;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border-color: transparent;
  text-align: center;
  color: #FFFFFF;
}

.partnership-mainhead{
  padding-top: 0px;
  display: none;
}

.partnership-buttons{

/* display: inline-flex; */

/* justify-content: space-between; */

/* align-items: center; */

left: 0%;

margin-top: 20px;

/* text-align: center; */

/* margin-left: auto; */

/* margin-right: auto; */
}

.partnership-buttons1p{

font-size: 12px;
}

.partnership-buttons2p{

font-size: 12px;
}



/* PROMOTION */

.promotion-main2 {
  height: auto;
}

.promotion-main{
  background: #000;
  height: auto;
}

.promotion-main-img{
  display: block;
  height: 30vh;
}

.promotion-main1-down h1{
  font-size: 25px;
  line-height: 45px;
  text-align: center;
}

.promotion-main1-down p{
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}

.promotion-main1-down p br{
  display: none;
}

.promotion-main02 {
  position: absolute;
  top: 14%;
  right: 4%;
  display: none;
  text-align: start;
  transform: translate(-10%, -50%);
}

.promotion-main02s h1 {
  font-size: 28px;
}

.promotion-main1-down {
  margin-left: 0;
  padding: 20px 5px;
}

.promotion-main01 {
  margin-left: 1%;
  margin-right: 1%;
}

.promotion-column {
  width: 100%;
  float: inherit;
  text-align: center;
}

.promotion-column br{
  display: none;
}

.promotion-column h2 {
 font-size: 30px;
 line-height: 60px;
 margin-top: 2px;
}

.promotion-50percent{
  width: auto;
  height: 150px;
  margin-left: 0;
}

.promotion-imcolumn {
  width: 90%;
  margin-left: -1px;
  margin-top: 0;
  display: block;
  margin: auto;
  float: inherit;
  /* text-align: center; */
}

.promotion-imcolumn p {
  font-size: 0.8rem;
}

.promotion-main02row {
  margin-left: 1%;
  margin-right: 1%;
}

.promotion-main02row p {
    font-size: 16px;
    text-align: center;
}

.promotion-main02btn {
  font-size: 18px;
}

.promotion-main02-h2 {
  text-align: center;
  margin-left: 4%;
}

.promotion-card2 {
  margin-left: 4%;
  margin-right: 4%;
}

.promotion-card2 h1 {
  font-size: 20px;
  line-height: 45px;
  margin-left: 5%;
}

.promotion-card2 span {
  font-size: 35px;
  line-height: 50px;
}

.promotion-main2 h1 {
  font-size: 20px;
  margin-left: 4%;
  height: 52px;
  /* text-align: center; */
  line-height: 0;
  letter-spacing: 0.001em;
}

.promotion-main2 span {
  font-size: 18px;
  letter-spacing: 0.001em;
}

.promotion-main2 p {
  font-size: 16px;
  margin: 4%;
  letter-spacing: 0.002em;
  /* text-align: center; */
  line-height: 0;
}

.promotion-mr1 p{
  font-size: 8px;
  line-height: 18px;
}

.promotion-mr1 {
  width: 60%;
  text-align: center;
  margin: 0;
  margin-left: 4%;
}

.promotion-mc1-img2{
  width: 42.05px;
  height: 36.61px;
}

.promotion-mc1 {
  float: inherit;
  display: inline-block;
  width: 45%;
  padding-top: 19px;
  margin-right: 8px;
}

.promotion-swap{
  margin-top: -12px;
}

.promotion-mc1-img1{
  margin-bottom: 0;
}

.promotion-btn {
  width: 210px;
  height: 32px;
  font-size: 11.5px;
  margin-left: 5%;
}

.promotion-btn1 {
  width: 210px;
  height: 32px;
  font-size: 11.5px;
  margin-left: 5%;
}

.promotion-main02column{
  float: inherit;
    width: 100%;
}

.promotion-main02column1 {
  float: inherit;
  width: 60%;
  height: auto;
  text-align: center;
  margin: auto;
}

.promotion-main02row p br{
  display: none;
}





/* EDUCATION */

.Education-main{
  height: auto;
  background: #000;
}

.education-main-img{
  height: 30vh;
  display: block;
}

.Education-main02{
  top: 30%;
  bottom: 0;
  margin: 2%;
  display: none;
}

.Education-main02h{
  font-size: 28px;
  line-height: 28px;
}

.Education-main02p {
  font-size: 14px;
  line-height: 32px;
}

.Education-main1h1{
  margin-left: 2%;
  margin-right: 2%;
  padding: 20px 0;
}

.Education-main1h{
  font-size: 24px;
  text-align: center;
  line-height: 35px;
}

.Education-main1p{
  font-size: 12px;
  text-align: center;
  line-height: 22px;
}

.Education-column1 {
  width: 100%;
}


.Education-column101{

}


.Education-column102{

}

.Education-column1 img {
  width: 80%;
}

.Education-column1 h1{
  font-size: 18px;
  line-height: 35px;
}

.Education-column1 p{
  font-size: 12px;
    line-height: 18px;

}


.Education-column2 {
width: 100%;
}

.Education-column2h {
  font-size: 23px;
    line-height: 20px;
}

.Education-row101 {
  width: 45%;
  padding: 0;
  margin-right: 0;
}

.Education-column2 img {
  width: 67%;
}

.Education-row102{
  width: 50%;
}


/* PLATFORM */

.platform-main {height: 30vh;background-size: contain;}

.platform-maindown{

padding-top: 12px;

padding-bottom: 14px;

margin-left: 4%;

margin-right: 4%;
}

.platform-maindown h1{

font-size: 22px;

line-height: 35px;
}

.platform-maindown p{
  
font-size: 12px;
  
line-height: 19px;
}

.platform-maindown1{

}

.platform-maindown01{

color: black;

padding: 0;

width: 100%;

font-size: 9px;

border: none;

float: left;

margin-left: 0;

margin-top: 15px;

margin-bottom: -15px;
}

.platform-maindown01h{

font-family: 'Prompt';

font-style: normal;

font-weight: 300;

font-size: 35px;

text-align: center;

align-items: center;

line-height: 65px;

letter-spacing: 0.05em;

color: #FFFFFF;
}

.platform-maindown02{

display: block;

color: black;

padding: 8px 0;

border: none;

cursor: pointer;

width: 220px;

height: 50px;

background: #FFFFFF;

border-radius: 40px;

float: right;

margin-right: 90px;

margin-top: 30px;

margin-left: auto;

margin-bottom: 30px;
}

.platform-maindown02h{

font-family: 'Prompt';

font-style: normal;

font-weight: 400;

font-size: 22px;

line-height: 30px;

text-align: center;

color: #000000;
}

.platform-main2down{

margin: 0 2%;
}

.platform-maindown01hh{

font-size: 20px;

text-align: center;

line-height: 25px;

margin-bottom: 0px;
}

.platform-card1{

width: 100%;

/* margin-top: 5px; */
}

.platform-card2{
  display: none;
}

.platform-card3{
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.platform-row{

margin-top: 5px;

/* text-align: center; */
}

.platform-column1{

width: 31%;

margin-left: 1%;

margin-right: 1%;

text-align: center;

padding: 5px;

height: 110px;
}

.platform-column001{

width: 31%;

margin-left: 1%;

padding: 5px;

margin-right: 1%;

height: 110px;

text-align: center;
}

.platform-column2{

width: 31%;

margin-left: 1%;

margin-right: 1%;

padding: 5px;

padding-top: 15px;

height: 110px;

text-align: center;
}

.platform-column002{
  
width: 31%;
  
margin-left: 1%;
  
margin-right: 1%;
  
padding: 5px;
  
height: 110px;
  
text-align: center;
}

.platform-column3{

width: 31%;

margin-left: 1%;

margin-right: 1%;

padding: 5px;

height: 110px;

text-align: center;
}

.platform-column003{
  
width: 31%;
  
margin-left: 1%;
  
margin-right: 1%;
  
padding: 5px;
  
height: 110px;
  
text-align: center;
}

.platform-cardp{
  
font-size: 7px;
  
line-height: 20px;
}

.platform-column10{
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5px;
  height: 110px;
  text-align: center;
}

.platform-column010{
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5px;
  height: 110px;
  text-align: center;
}


.platform-column20{
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5px;
  height: 110px;
  text-align: center;
}

.platform-column020{
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5px;
  height: 110px;
  text-align: center;
}


.platform-column30{
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5px;
  height: 110px;
  text-align: center;
}

.platform-column030{
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5px;
  padding-top: 15px;
  height: 110px;
  text-align: center;
}

.platform-buttonsmain{

width: auto;

margin-left: 1%;
}

.platform-buttons{left: 0;}

.platform-buttons1{

width: 172px;

height: 45px;

font-size: 18px;
}

.platform-buttons2{
  
width: 178px;
  
height: 45px;
  
font-size: 18px;
}

.platform-gogleimg{
  width: 80%;
  height: auto;
  margin-bottom: 20px;
}

.platform-gogleimg img{
  width: 100%;
}

.platform-colum1n{

float: inherit;

width: 100%;
}

.platform-colum1n img{
  
height: auto;
  
margin-top: 20px;
  
margin-left: -11px;
}

.platform-colum2n{

width: 100%;

float: inherit;

margin-top: 2rem;

height: auto;

padding: 0;

padding: 4%;
}

.platform-colum2nhead{

margin-bottom: 10px;
}

.platform-colum2nh01{font-size: 28px;}

.platform-colum2np{

font-size: 20px;

line-height: 25px;
}

.platform-numcol1{
  float: left;

  width: 30%;
  
  height: 120px;
  
  margin-right: 4%;
  
  margin-bottom: 7px;
}

.platform-numcol01{
  float: left;

  width: 30%;
  
  height: 120px;
  
  margin-right: 4%;
  
  margin-bottom: 7px;
}

.platform-numcol001{
  float: left;

  width: 30%;
  
  height: 120px;
  
  margin-right: 2%;
  
  margin-bottom: 18px;
}

.platform-numcol2{

float: left;

width: 30%;

height: 120px;

margin-right: 4%;

margin-bottom: 7px;
}

.platform-numcol02{

float: left;

width: 30%;

height: 120px;

margin-right: 4%;

margin-bottom: 7px;
}

.platform-numcol002{

float: left;

width: 30%;

height: 120px;

margin-right: 2%;

margin-bottom: 7px;
}

.platform-numcol3{

float: left;

width: 30%;

height: 120px;

margin-right: 5%;

margin-bottom: 7px;
}

.platform-numcol03{

float: left;

width: 30%;

height: 120px;

margin-right: 1%;

margin-bottom: 7px;

}

.platform-numcol003{
height: 120px;
}

.platform-rowp{
  
font-size: 12px;
  
line-height: 18px;
}

.platform-button1{
  left: 0;
  margin: auto;
  text-align: center;
  margin-top: 30px;
  margin-left: 4%;
  margin-right: 4%;
}

.platform-crvemain{

margin-top: 20px;

width: auto;

margin: 4%;
}

.platform-crveh01{

font-size: 26px;

line-height: 37px;

color: #172338;

text-align: center;

margin-top: 28px;
}

.platform-crveh02{

width: auto;

font-size: 20px;

line-height: 32px;
}

.platform-crvebutton{
  
width: 300px;
  
height: 45px;
  
font-size: 24px;
  
line-height: 22px;
}

.platform-downmain{
  
margin: 0;
}

.platform-downmain img{
  width: 70%;
  text-align: center;
  display: block;
  margin: auto;
}

.platform-andcolumn1{

width: auto;

float: inherit;

margin: 8% 4%;

padding: 0;
}

.platform-downmainh01{

font-size: 30px;

text-align: center;

line-height: 30px;

margin-bottom: 20px;
}

.platform-andcolumn01{

width: 25%;
}

.platform-andcolumn001{

width: 75%;

margin-bottom: 25px;
}


.platform-andcolumn02{

width: 25%;
}

.platform-andcolumn002{

width: 74%;

margin-bottom: 25px;
}

.platform-andbtn{

}

.platform-andcolumn2{

width: auto;

float: inherit;

text-align: center;
}


.platform-andcolumn2 img{
  width: 80%;
  height: 330px;
}

.platform-pararow{

padding-top: 20px;
}

.platform-paracolumn1{

float: inherit;

width: auto;

margin: 2%;
}

.platform-paraspan{

font-size: 16px;
}

.platform-parap{

font-size: 14px;
}

.platform-paracolumn2{

float: inherit;

width: 100%;
}

.platform-paracolumn2-img{

width: auto;

margin: auto;

text-align: center;
}

.platform-manusingmobile{
  
width: 90%;
}

.platform-andh2{
  
font-weight: 200;
  
font-size: 16px;
  
line-height: 28px;
}


.platform-main2{
  background: linear-gradient(152deg,
  #172337 44%,
  #E9E9E9 40%,
  #E9E9E9 45%,
  #ffffff 30%,
  #ffffff 81%,
  #E9E9E9 30%,
  #E9E9E9 82%,
  #172337 30%,
  #172337 50% );
}


/* ABOUT */

.locationimg{
  width: 110%;
}

.about-social{
  width: 60px;
    height: 60px;
}

.about-main {
  height: auto;
  /* display: none; */
  background: #000;
}

.about-main-img {
  height: 30vh;
  display: block;
}

.about-main02{

top: 27%;

display: none;

right: 1%;
}

.about-main02h01{

font-size: 24px;

line-height: 40px;
}

.about-main02h02{

font-size: 22px;

line-height: 38px;
}

.about-maindown h2{

font-size: 25px;

text-align: center;

line-height: 40px;

margin-left: 2%;

margin-right: 2%;
}

.about-maindown p{

font-size: 14px;

margin-left: 2%;

margin-right: 2%;

line-height: 22px;

text-align: center;
}

.about-main1down{

margin-right: 3%;

margin-left: 3%;
}

.about-main1downh01{

margin: 20px 0;

text-align: center;
}

.about-main1down0{
display: block;
}

.about-i1{
text-align: center;
}

.about-main1down1{
  display: block;
  }
  
  .about-i2{
  text-align: center;
  }

.about-handimg{

width: 85px;

height: 60px;

margin-right: 0;

margin-top: 0;
}

.about-p1{

font-size: 16px;
}

.about-lockimg{
  width: 60px;
  height: 60px;
  margin-right: 0;
  margin-left: 0;
}

.about-lineimg{
  width: 80%;
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

.about-head1{
  padding-top: 10px;
  font-weight: 1500;
  font-size: 32px;
  line-height: 20px;
}

.about-head2 br{
  display: none;
}

.about-head2{
  font-size: 15px;
  line-height: 30px;
  text-align: center;
}

.about-btn2{

width: 300px;

height: 40px;

margin-top: 40px;

font-size: 20px;

line-height: 20px;
}

.about-middle{height: 300px;}

.about-middle1{

margin-left: 2%;
}

.about-middle1h01{

/* text-align: center; */

margin-left: 20%;
}

.about-middle01{

margin-left: 2%;

margin-right: 2%;
}

.about-middle02{

width: 76%;

margin-left: 4%;
}

.about-middle02h01{

font-size: 22px;

line-height: 30px;
}

.about-middle02p01{

font-size: 14px;

line-height: 25px;
}

.about-mr1 {
  width: 80%;
  margin-left: 0%;
  display: block;
  margin-left: auto;
}

.about-mc1{
  
float: inherit;
  
width: 28%;
  
text-align: center;
  
/* margin: auto; */
  
margin-right: 5px;
  
margin-left: 2%;
  
display: inline-block;
}


.insta-text{
  text-align: center;
  padding-left: 0;
}
.fb-text{
  text-align: center;
  padding-left: 0;
}
.twit-text{
  text-align: center;
  padding-left: 0;
}
.line-text{
  text-align: center;
  padding-left: 0;
}
.link-text{
  text-align: center;
  padding-left: 0;
}
.tik-text{
  text-align: center;
  padding-left: 0;
}




/* LEGAL */

.legal-rowh1 br{
  display: block;
}

.legal-rowh2 br{
  display: block;
}

.legal-main{
  height: 36vh;
}

.legal-main{
  height: auto;
  background: #000;
}

.legal-main-img{
  height: 30vh;
  display: block;
}



.legal-main02{

top: 23%;
display: none;
left: 11%;
}

.legal-mainh1{
  
font-size: 34px;
  
line-height: 44px;
}

.legal-main1{

width: auto;
}

.legal-main1down{

margin-left: 2%;

margin-right: 2%;
}

.legal-main1h1{
  
font-size: 25px;
  
line-height: 30px;
  
padding-bottom: 20px;
  
padding-top: 20px;
}

.legal-column{

width: auto;

float: inherit;
}

.legal-column2{

width: 100%;

height: auto;

padding: 4px 15px;
}

.legal-rowh1{

font-size: 14px;

line-height: 40px;
}

.legal-rowh2{

font-size: 14px;

line-height: 40px;

padding-left: 3%;

}

.legal-column1{

width: 20%;
}

.legal-column1p{

font-size: 10px;

line-height: 25px;
}

.legal-column01{

}

.legal-column001{

}

.pdfimg{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  cursor: pointer;
  width: -webkit-fill-available;
}

.buttondiv{

width: 100%;

height: auto;

text-align: center;

padding-bottom: 18px;
}

.legal-buttons{

left: 0;

text-align: center;
}

.legal-buttons1{

width: 160px;

height: 38px;

font-size: 17px;
}

.legal-buttons2{

width: 190px;

height: 38px;

font-size: 16px;

line-height: 30px;
}

.buttondivp{
  font-size: 13px;

}


/* REGISTER */

.register-main{
  height: auto;
  background: #000;
}

.register-main-img{
  display: block;
  height: 30vh;
}

.register-main02{
display: none;

top: 24%;

right: 1%;
}

.register-main02h01{

font-size: 16px;

line-height: 47px;

margin-bottom: 0;
}

.register-main02h02{

font-size: 30px;

line-height: 21px;

margin-bottom: 0;
}

.register-main02p1{

font-size: 16px;

line-height: 31px;

margin-bottom: 0;
}

.register-main02p2{

font-size: 30px;

line-height: 21px;

margin-bottom: 0;
}

.register-main02a{
  font-size: 45px;
  line-height: 30px;
}

.register-containerz{
  margin-left: 2%;
    margin-right: 2%;
}

.register-containerzh1{

font-size: 33px;

text-align: center;
}
.register-containerz form .register-flexbox{
  
display: block;
}

.register-containerz form .register-inputBox1 input, .register-containerz form .register-inputBox1 select{
  width: 18%;
  height: 44px;
  padding: 10px 2px;
}

.register-inputBox p{
  font-size: 8px;
}

/* .numbera{

} */



/* LOGIN */

.login-main{
  height: auto;
  background: #000;
}

.login-main-img{
  height: 30vh;
  display: block;
}

.login-mainhead{
  display: none;
}

.login-mainheadh01{

font-size: 12px;

line-height: 35px;

padding-top: 0;
}

.login-mainheadp{
  
font-size: 9px;
  
line-height: 35px;
  
padding-top: 0;
}

.login-containerup{

}

.login-head{

margin-top: 0;

font-size: 32px;

margin-left: 0;

text-align: center;
}

.login-containers{

margin-left: 2%;
}

.login-user-details .login-input-box input{
  width: 100%;
  height: 35px;
}

.login-button{

margin-top: 7px;

padding: 8px 15px;

font-size: 22px;

width: 200px;
}

.login-account{

margin-bottom: 6%;
}

.login-p{

font-size: 17px;

line-height: 30px;
}

.login-account a{

font-size: 17px;

line-height: 30px;
}

.dropdown0 {
    width: 80%;
    margin-left: 19px;
    font-size: 17px;
}

.dropdown-content0 {
    display: block;
    position: relative;
    padding-left: 23px;
    background-color: #000000;
}

.column0 {
    width: 100%;
    padding: 0;
    float: inherit;
    text-align: left;
}

.dropdown0  .dp1 {
    margin: 0;
}

.dropdown0  .dp1 {
    font-size: 15px;
}

.dropdown-content0 a {
    font-size: 15px;
}

.legal-column2 img{
  
width: 11%;
  
height: 10%;
  
margin: auto 0;
}


.abdesk{
  display: none;
}

.abmob{
  margin: 8px 0;
}



  }