* {padding:0%;
   margin: 0%;
    box-sizing: border-box;}

header { background-color: #ffffff0f;
         padding: 0px 20px;}

.roboto { font-family: "Jost", sans-serif;}

.inter {  font-family: "Jost", sans-serif;}

.container { max-width: 1280px !important;
             padding: 0px !important;}

a { text-decoration: none !important;}

ul { list-style: none !important;
      padding-left: 0px !important;
      margin-bottom: 0px !important;}

.logo { width: 180px;}

header, section { position: relative;
         z-index: 9999;}

.nav-link { font-size: 18px;}

body { background-color: #161730 !important;}

.wc { color: #fff !important;}

.text_c { color: #A5A3A8;}

.j_c_e { justify-content: end;}

.ban_btn { background-color: #293990;
            padding: 10px 20px;
            font-size: 20px;
            display: inline-block;
            color: #fff;
            font-weight: 500;
            margin-top: 20px;}

.title_h1 { font-size: 65px;
            font-weight: 700;}

.sech_01 { padding: 70px 20px;}

.baner_text {font-size: 22px;
             margin-top: 15px;}

.bg-gradient1 { position: absolute;
                top: 0px;
                  left: 0px;
                  width: 650px;}

.hero_img { width: 100%;}

.al_c { align-self: center;}

.o_m_title { font-size: 26px;}

.avatars {
   width: 120px;
   margin-left: 70px;}

.o_m { margin-top: 40px;}

.sech_02 { padding: 60px 20px;}

.title_h2 { font-size: 50px;}

.text_p { font-size: 20px;}

.sp_box { background: url(./img/sp_bg.png);
            background-position: top;
            background-size: cover;}

.sp_icon {
   width: 75px;
   position: relative;
   top: -40px;}

.sp_text { color: #898CA9;
      font-size: 17px;}

.sp_box1 { background: url(./img/sp_bg.png);}

.sp_box2 { background: url(./img/sp_bg2.png);}

.sp_box3 { background: url(./img/sp_bg3.png);}


.sp_box {
   background-position: top;
   background-size: cover;
   height: 280px;
   background-repeat: no-repeat;
   padding: 0px 50px 40px;}

.sp_title { font-size: 26px;
            margin-bottom: 20px;}

.sp_row { margin-top: 80px !important;}

.mar_hh { margin-top: 70px !important;}

.sech_03 { padding: 60px 20px;}

.bg-r { width: 80%;}

.looper { position: absolute;
         right: 0px;}

footer { background-color: #000;
   padding: 60px 20px 40px;} 

   .so_m_i {
      column-gap: 10px;
      justify-content: end;
  }

  .so_i {
   background-color: #1d1d3e;
   padding: 15px 18px;
   border-radius: 10px;
}

.so_i i {
   font-size: 20px;
   color: #fff;
}

.foo_div {
   border-top: 1px solid #ffffff24;
   margin-top: 35px;
   padding-top: 25px;
}

.fo_text { font-size: 18px;}

.fy_box { background-color: #000;
          padding: 40px 40px 0px;
          border-radius: 20px;
          position: relative;
          overflow: hidden;
         margin-top: 20px;}


.sech_04 { padding: 60px 20px;
            background-color: #f5f5f50a;}

.fy_titleh4 { font-size: 28px;}

.fy_titleh1 { font-size: 76px;
               font-weight: 600;
            margin: 20px 0px 20px;}

.fy_titleh5 { font-size: 28px;}

.fy_text {font-size: 18px;
         margin-top: 15px;}


.fy_img1 { width: 380px;}

.fy_titleh01 { font-size: 28px;
               font-weight: 600;}

.fy_box1 { height: 600px;}

.fy_img2 { width: 202px;}

.fy_img { position: absolute;
   right: 0px;}

.fy_box2 { height: 290px;}

.fy_img1 { bottom: 0px;}

.ro_mar { margin-top: 45px !important;}