html {
    scroll-behavior: smooth;
  }
  
.content
{
    margin-top: 4%;
    margin-bottom: 8%;
}
.breadcrumb a
{
    color: #FFFFFF80 !important;
    font-size: 14px;
    margin-top: 49px;
    margin-left: 10px;
    text-decoration: none;
}
.breadcrumb svg
{
    margin-top: 48px;
}
.breadcrumb label
{
    color:#fff;
}
.breadcrumb p
{
    margin-top: 47px;
    color: #FFFFFF80;
    margin-right: 9px;
}

.ethtext a
{
    backdrop-filter: blur(2px);
    box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 1);
    background: rgba(148, 148, 148, 0.1);
    border-width: 2px;
    opacity: 1;
    border-radius: 8px;
    padding-top: 14px;
    padding-right: 40px;
    padding-bottom: 14px;
    padding-left: 40px;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}
.ethtext a:hover
{
    background: #fff;
    color: #000;
    font-weight: bold;
    border: 2px solid #000;
}
.ethtext1
{
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
}
.ethtext2
{
    text-align: justify;
    vertical-align: middle;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
}
.ethpic img
{
    float: left;
}
.eth
{
    margin-top: 5%;
    justify-content: space-between;
    opacity: 1;
    border-radius: 8px;
    padding-top: 15px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-left: 16px;
    border-bottom-width: 1px;
    background: rgba(148, 148, 148, 0.1);
}
.eth span
{
    color: #fff;
}
.eth2
{
    float: left;
}
.lists
{
    margin-top: 7%;
}
.lists a
{
    padding-left: 3%;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.lists a:hover
{
    text-align: center;
    vertical-align: middle;
    width: 140;
    height: 46;
    border-width: 1px;
    opacity: 1;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    background: rgba(148, 148, 148, 0.1);
    box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(148, 148, 148, 1);
    backdrop-filter: blur(2px);
    animation-duration: 0ms;
}
hr
{
    background: #474747 !important;
}
.chart
{
    margin-top: 5%;
}
.notice
{
    width: 840;
    height: 62;
    opacity: 1;
    gap: 10px;
    border-radius: 8px;
    padding-top: 18px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    background: linear-gradient(90deg, rgba(251, 251, 251, 0) 0%, rgba(148, 148, 148, 0.1) 100%);
    box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.15);
}
.notice p
{
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    vertical-align: middle;
    color: rgba(255, 255, 255, 1);
}
.notice1 p
{
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    text-align: justify;
    vertical-align: middle;   
}
.buy button
{
    width: 184px;
    height: 44px;
    border-width: 1px;
    opacity: 1;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 1);
    color: #fff;
    background: none;
}
.sell button
{
    width: 184px;
    height: 44px;
    border-width: 1px;
    opacity: 1;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 1);
    color: #000;
}
hr
{
    border-bottom: 2px solid;
    border-image-source: linear-gradient(270deg, #9d9c9c 0%,);
}
.eth-exchange label
{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}
.eth-exchange input
{
    width: 384px;
    height: 42px;
    border-width: 1px;
    opacity: 1;
    gap: 10px;
    border-radius: 8px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    background: none;
    color: #fff;
    border: 1px solid rgba(148, 148, 148, 1);
}
.eth-exchange p
{
    color: rgba(123, 140, 147, 0.5);
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0%;
}
.btnsell
{
    width: 384px;
    height: 44px;
    border-width: 1px;
    opacity: 1;
    padding: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    color: #000;
}
.info
{
    margin: 5% 0%;
}
.maininfo
{
   color: rgba(255, 255, 255, 1);
   opacity: 1;
   padding: 16px;
   border-radius: 16px;
   background: rgba(148, 148, 148, 0.1);
}
.maininfo2 p
{
    padding: 5% 0%;
   font-weight: 400;
   font-size: 18px;
   line-height: 100%;
   letter-spacing: 0%;
   vertical-align: middle;
   color: rgba(255, 255, 255, 1);
}
video
{
    width: 880px;
    height: 494px;
    border-width: 2px;
    opacity: 1;
    border-radius: 8px;
    background: rgba(148, 148, 148, 1);
    border: 2px solid rgba(255, 255, 255, 1);
}
.information p 
{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: justify;
    vertical-align: middle;
    color: rgba(255, 255, 255, 1);
}
.ether1
{
    color: #fff;
    border-left: 1px solid;

    border-image-source: linear-gradient(180deg, #474747 0%, #FFFFFF 50%, #474747 100%);
}
.moreinfo
{
    width: 490px;
    height: 46px;
    justify-content: space-between;
    opacity: 1;
    border-radius: 8px;
    background: rgba(148, 148, 148, 0.1);
    box-shadow: 0px 8px 16px -4px rgba(22, 34, 51, 0.08);
    margin-bottom: 1.5%;
    color: rgba(178, 178, 178, 0.9);
}
.moreinfo p
{
    font-size: 20px;
    margin-top: 5%;
    vertical-align: middle;
}
.more
{
    color: rgba(178, 178, 178, 0.9);
    box-shadow: 0px 8px 16px -4px rgba(22, 34, 51, 0.08);
    background: rgba(148, 148, 148, 0.1);
    width: 750px;
    height: 46px;
    justify-content: space-between;
    opacity: 1;
    border-radius: 8px;
    margin-bottom: 1%;
}
.more a
{
    text-decoration: none;
}
.ask
{
    font-size: 20px;
    font-weight: 100;
    border-radius: 8px;
    color: rgba(255, 255, 255, 1);
}
.tab-content
{
    font-size: 20px;
}

/*////////////// media/////////////// */

@media (max-width: 768px)
{
    .breadcrumb a 
    {
        font-size: 8px;
        margin-top: 5%;
        margin-right: 5%;
    }
    .breadcrumb p
    {
        font-size: 8px;
        margin-top: 5%;
    }
    .breadcrumb svg
    {
        width: 18px;
        height: 15px;
        margin-top: 5%;
    }
    .ethtext a
    {
        font-size: 14px;
        width: 440px;
        height: 38px;
        border-radius: 8px;
        padding-top: 6px;
        display: block;
    }
    .eth2 span
    {
        font-size: 10px;
    }
    .eth
    {
    height: 50px;
    opacity: 1;
    border-radius: 8px;
    padding-top: 9px;
    padding-right: 5px;
    padding-left: 5px;     
    }

    .lists a
    {
        font-size: 12px;
        padding-left: 11%;
    }
    .notice p
    {
        font-size: 12px;
        font-weight: bold;
        vertical-align: middle;
    }
    .notice
    {
        vertical-align: middle;
        height: 300;
        border-radius: 4px;
        padding-top: 12px;
        padding-right: 22px;
        padding-bottom: 1px;
        padding-left: 0px;
    }
    .eth-exchange input
    {
    width: 100%;
    height: 35px;
    border-width: 1px;
    opacity: 1;
    gap: 10px;
    border-radius: 8px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    }
    .btnsell
    {
    width: 100%;
    height: 38px;
    padding: 8px;
    }
    .eth-exchange label
    {
        font-size: 12px;
    }
    .eth-exchange p
    {
       font-size: 10px;
    }
    .buy button
    {
    width: 100%;
    height: 35px;
    border-radius: 8px;
    font-size: 12px;
    padding-left: 0%;
    padding-right: 0%;
    }
   .sell button
    {
    font-size: 12px;
    width: 100%;
    height: 35px;
    border-radius: 8px;
    padding-left: 0%;
    padding-right: 0%;
    }
    .notice1 p
    {
        font-size: 14px;
    }
    .firstmain
    {
        background: rgba(148, 148, 148, 0.1);
        height: 34px;
        box-shadow: 0px 8px 16px -4px rgba(22, 34, 51, 0.08);
         border-radius: 8px;
    }
    .firstmain p
    {      
       font-weight: 300;
       font-style: Light;
       font-size: 12px;
       line-height: 100%;
       letter-spacing: 0%;
       text-align: center;
       vertical-align: middle;
       color: rgba(255, 255, 255, 1);
    }
    video
    {
        width: 328px;
        height: 184px;
        opacity: 1;
        border-width: 0.5px;
    }
    .information p
    {
        font-size: 14px;
    }
    .ether1 span
    {
        font-size: 20px;
        line-height: 100%;
    }
    .morephone
    {
        margin-bottom: 1%;
        box-shadow: 0px 8px 16px -4px rgba(22, 34, 51, 0.08);
        background: rgba(148, 148, 148, 0.1);
        border-radius: 8px;
        height: 34px;
        color: rgba(255, 255, 255, 1);
    }
    .morephone a
    {
        text-decoration: none;
    }
    .morephone p
    {
        font-size: 13px;
    }
    .ask1 .butn
    {
        line-height: 1.8;
        font-size: 14px;
        height: 60px;
        border-radius: 8px;
    }
    .butn .fa 
    {
        font-size: 20px;
    }
    .tab-content
    {
        font-size: 10px;
    }

}
/*//////// media (smallest)/////////// */

@media (max-width: 430px)
{
    .ethtext a
    {
        width: 380px;
    }
}

/*//////// media (tablet)/////////// */
@media (min-width: 769px) and (max-width: 1024px) 
{
    .ethpic img
    {
        width: 350px;
        height: 350px;
    }
    .chart img
    {
        width: 575px;
    }
    .eth-exchange input 
    {
        width: 276px;
    }
    .eth-exchange button 
    {
        width: 276px;
    }
    .buy button
    {
        width: 100%;
    }
    .sell button
    {
        width: 100%;
    }
    .moreinfo
    {
        width: 380px;
    }
    .more
    {
        width: 530px;
    }
}

/*iPhone14 promax*/
@media screen and (min-width: 429px) and (max-width: 432px)
{
    .ethtext a {
        font-size: 14px;
        width: 390px;
        height: 38px;
        border-radius: 8px;
        padding-top: 6px;
        display: block;
    }

     .row>* {
         flex-shrink: 0; 
        width: 100% 382.4px ;
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * .3);
         padding-right: calc(var(--bs-gutter-x) * .3);
    }
    .ask2
    {
        text-align: justify;
    }
    .ask1
    {
        padding: 0%;
    }
    .right
    {
        padding: 0%;
    }

}