/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
scrollbar-color: #7a0606 #e28255;
  }

  /* Chrome, Edge, and Safari  */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #d69643;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #95a0c9;
    border-radius: 6px;
    border: 5px outset #8fb4ce;
  }


@font-face {
    font-family: DiavloMedium;
    src: url("fonts/DiavloMedium.eot");
    src: url("fonts/DiavloMedium.woff") format("woff"),
        url("fonts/DiavloMedium.ttf") format("ttf"),
        url("fonts/DiavloMedium.otf") format("opentype");
    font-display: swap;
}


html {overflow:hidden !important;font-family: DiavloMedium, Helvetica, Tahoma;
background-image: url("../logo/xi.jpg");  background-repeat: no-repeat;
background-size: 100%; }

body {overflow: hidden;}
.ari_ibo {
  float: left;
  position: fixed;
  top: 0 !important;
  left: 12px 0;
  opacity: 0.75;
}
.heading{
float:right;width:80%;height:60px; margin-right: 10%;
   border-style: outset; border-radius: 20%;
border-image: linear-gradient(to right, #aaa8a8, #b37575) 0;
background: radial-gradient(ellipse farthest-corner at left top, #5a2323 3%, #7a4646 4%, #917575 20%, #a09797 40%, transparent 80%),
        radial-gradient(ellipse farthest-corner at right bottom, #FFFFFF 2%, #a0a0a0 10%, #808080 25%, #606060 62.5%, #404040 100%);
        opacity: 1;
}

.tablecointainer{background-color:transparent;float: left; width: 40%;height: auto; margin-left:10%;padding:0;border:none;}

.whitepapercointainer{float: left; width: 60%;height: 460px; margin:10px 20%;padding:16px 48px 2px 16px;border:none;
overflow-y: auto;text-align: justify;font-family: DiavloMedium;
background: radial-gradient(ellipse farthest-corner at left top, #862d2dbe 5%, #a25555 24%, #b18888 40%, #beabab 60%, transparent 80%),
        radial-gradient(ellipse farthest-corner at right bottom, #805f2e 9%, #a57752 24%, #bb9a89 40%, #c7b6ad 60%, transparent 80%);
opacity: 0.75;}

.left-table, .right-table {float: left; height: auto;padding: 0;
width: 100%;margin: 0;display: inline-block;cursor: cursor;background-color:transparent;}

.zincad{float: left; padding: 0;font-family: DiavloMedium, Helvetica, Tahoma;color: #1b3f5c; cursor: cursor;background-color:transparent;
font-size: 16px;width:68.2%;border:none}


a {text-decoration: none;color:#183750;}
.explorers{width: 120px;  height: 24px; float: left; margin-left: 12px;border-radius: 4px; border: 1px outset #a4bbe9;}

   .buton1{ width: 72px;height: 32px; padding:0; float: left;margin-left:12px;
            background: linear-gradient(135deg, #5b5d94ce 0%, #c0c0c0 50%, #39556ba6 100%);
            border: 2px outset #5d7799; border-radius: 6px;
            box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.4);          
            /* Positioning */
            color: #0c1b4e;cursor: pointer; font-size: 16px; font-weight: bolder;text-shadow: 0 1px 1px #ffffff; text-align: center;
         transition: all 0.15s ease-out;
        }

        /* Click effect only */
        .buton1:active {
            width: 72px;height: 28px; border: 1px outset #000;
           background: linear-gradient(135deg, #4a4b75 0%, #7c7b7b 50%, #293e4ea6 100%);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
            border-color: #0a0a0a;transform: translateY(1px); 
        }

       .gradient-3d-table {width: 100%;margin-top: 12px; border-collapse: separate;border-spacing: 0;border-radius:0;overflow: hidden;
/*
background: radial-gradient(ellipse farthest-corner at left top, #2c260f 10%, #4b3e27 30%, #5a503e 45%, #beb3a4 65%, transparent 90%),
        radial-gradient(ellipse farthest-corner at right bottom, #2c260f 12%, #4b3e27 30%, #5a503e 45%, #beb3a4 65%, transparent 90%);
        */
background: radial-gradient(ellipse farthest-corner at left top, #5a4f23be 5%, #7a6946 24%, #918775 40%, #a09d97 60%, transparent 80%),
    radial-gradient(ellipse farthest-corner at right bottom, #5a4f23 9%, #7a6946 24%, #918775 40%, #a09d97 60%, transparent 80%);

        //    box-shadow: 0 10px 30px rgba(0, 60, 150, 0.2);
            overflow: hidden; opacity: 0.75;
        }
        
        .gradient-3d-table th { padding:4px; text-align: right; color: white;font-weight: 500;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.363);
           // background: linear-gradient(to right, #081028, #657378);

            border-bottom: 0.5px solid transparent;
        }
        
        .gradient-3d-table td {  text-align: left;color: #17354e;
       background: linear-gradient(145deg, #f1efcc, #f1edcc85);
    //    background: radial-gradient(ellipse farthest-corner at right bottom, #5a4f23 0%, #7a6946 8%, #918775 30%, #a09d97 40%, transparent 80%),
     //           radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #a0a0a0 8%, #808080 25%, #606060 62.5%, #404040 100%);
            border: 0.5px solid #d1c4bc;font-weight:lighter;
            transition: transform 0.2s;
            padding-left: 10px;
        }
        
        .gradient-3d-table td:hover { transform: translateY(-1px); background: linear-gradient(145deg, #ffffff, #e6ecf8); }

.anounce_div{background-color: transparent; float: left; width: 39%;height: 480px;margin-left: 1%; padding: 0;border:none;
overflow-x: hidden; overflow-y: auto;}



  .footer{position:fixed; bottom:0;left:0;border-top:4px outset #707070;width:100%;height:36px;padding:0;border-top-style: outset;
    opacity: 0.75; overflow: hidden; border-image: linear-gradient(to right, #c7c5c5, #504e4e) 1;
background: radial-gradient(ellipse farthest-corner at right bottom, #5a4f23 0%, #7a6946 8%, #918775 30%, #a09d97 40%, transparent 80%),
        radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #a0a0a0 8%, #808080 25%, #606060 62.5%, #404040 100%);
        }
.tag {float: left;margin-left:2% ;width:30%;height:26px; padding-top:4px;background: transparent; border:none;
font-size: 16px; text-decoration: none;color: #0f2130;text-align: center; }

.socimg{float: left;margin-left:36px;width:auto;height:auto; }