/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
scrollbar-color: #a88e6b #5a4f23;
  }

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

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

  *::-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;
--s:11px;
    /* control the size*/
    --c1: #d6d1bd;
    --c2: #c7bfa8;

    --c: #11b35400, var(--c1) .5deg 119.5deg, #9c282800 120deg;
    --g1: conic-gradient(from 60deg at 56.25% calc(425%/6), var(--c));
    --g2: conic-gradient(from 180deg at 43.75% calc(425%/6), var(--c));
    --g3: conic-gradient(from -60deg at 50% calc(175%/12), var(--c));
    background:
        var(--g1), var(--g1) var(--s) calc(1.73*var(--s)),
        var(--g2), var(--g2) var(--s) calc(1.73*var(--s)),
        var(--g3) var(--s) 0, var(--g3) 0 calc(1.73*var(--s)) var(--c2);
    background-size: calc(2*var(--s)) calc(3.46*var(--s));
    /*background-image: url("https://www.transparenttextures.com/patterns/grey-washed-wall.png");*/

}

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, #504e4e) 0;
background: radial-gradient(ellipse farthest-corner at left top, #5a4f23 3%, #7a6946 4%, #918775 20%, #a09d97 40%, transparent 80%),
        radial-gradient(ellipse farthest-corner at right bottom, #FFFFFF 2%, #a0a0a0 10%, #808080 25%, #606060 62.5%, #404040 100%);
        opacity: 0.75;
}

.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, #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%);
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; }