:root{
    --first-color: #F5F7F2;
    --Second-color: #0D746F;
    --Third-color: #F2B66B;
    --Fourth-color: #E0EADC;
    --five-color: #D7F0E5;
    --Six-color: #D7F0E5;
    --Seven-color: #F8F8F8;
    --eight-color: #EAF3E6;
    --nine-color: #616161;
    --ten-color: #D7F0E5;

}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "YekanBakh", sans-serif;
    direction: rtl;
}
.container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100vh;
}
main{
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
/*Content*/
.Content{
    width: 84%;
    background-color: #fff;
    height: 100vh;
    padding: 55px 30px 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/*Content*/

/*Sidebar*/
.Sidebar{
    width: 16%;
    background-color: var(--first-color);
    height: 100vh;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
}
.Profile{
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1.5px #EEE solid;
    padding-bottom: 15px;
}
.Profile-image{
    width: 49px;
    height: 49px;
    border-radius: 16px;
}
.Profile-name .name{
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}
.Profile-stock{
    display: flex;
    align-items: center;
    gap: 5px;
}
.Profile-stock img{
    width: 14px;
    height: 14px;
}
.Profile-stock .stock{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
}
.Links{
    margin-top: 20px;
}
li{
    list-style: none;
    margin-block: 10px;
}
.link{
    display: flex;
    align-items: center;  
    gap:10px;
    border-radius: 22.5px; 
    text-decoration: none;
    height: 45px;
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    color: #2A292E;
}

.link--active{
    background-color: var(--Second-color);
    color: #fff;
}

.link--active svg path{
    fill: #fff!important;
}

.link:hover{
    background-color: var(--Second-color);
    color: #fff;
}
.link:hover svg path{
    fill: #fff!important;
}
.link:active{
    background-color: var(--Second-color);
    color: #fff;
}
.link:active svg path{
    fill: #fff!important;
}
.section2 a{
    display: flex;
    padding: 5px 15px;
    align-items: center;  
    gap:10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    color: #2A292E;
    margin-block: 15px;
}

/*Sidebar*/

/*header*/
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: #EEEEEE solid 1.5px;
    padding-bottom: 15px;
}
.hed-section-1{
    width: 50%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.hed-section-2{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}
.menu-btn{
    display: none;
}
.section-name{
    display: flex;
    align-items: center;
    gap: 10px;
}
.inventory{
    width: 172px;
    height: 39px;
    border-radius: 8.61px;
    background-color: #F2F7F3;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.inventory-mony{
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
}
.bold-mony{
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
}
.btn-mony{
    background-color: #0D746F; 
    border-radius: 8px; width: 39px; 
    height: 39px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}
.account{
    width: 39px;
    height: 39px;
    border-radius: 8px;
    background-color: var(--Third-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
/*header*/

/*access-link*/
.access-links{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.access-link{
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 22px;
    background-color: var(--Seven-color);
    position: relative;
    padding: 30px;
    gap: 10px;
    overflow: hidden;
}
.access-link img{
    position: absolute;
    object-fit: cover;
    top: -10px;
    left: 10px;
    z-index: 5;
}

.access-title{
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #404040;
}
.access-pargraf{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #404040;
}
.access-btn{
    display: flex;
    justify-content: end;
}
.access-btn a{
    width: 62px;
    height: 26px;
    border-radius: 5px;
    background-color: #0D746F;
    color: #fff;
    font-family: Yekan Bakh;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:5px
}
/*access-link*/

/*services*/
.services{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.Services-title{
    font-weight: 700;
    font-size: 20px;
    color: #404040;
}
.services-scroll{
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    overflow-x: scroll;
}
.service-cart{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:10px;
    min-width: 78px;
    height: 86px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
}
.service-image{
    width: 31.5px;
    height: 31.5px;
    object-fit: fill;
}
.service-tilte{
    font-weight: 700;
    font-size: 12px;
    line-height: 162%;
    color: var(--Second-color);
}
/*services*/

/*countries*/
table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    
}
.countries table th,td{
    width: 25%;
    text-align: center;
}
.countries table tr:nth-child(odd){
    background-color: var(--Seven-color);
}
.countries table td{
    font-weight: 400;
    font-size: 15px;
    height: 40px;
}
.table-hed{
    height: 47px;
}
th{
    font-weight: 700;
    font-size: 18px;
    color: #404040;
}
.country{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.country-image{
    width: 33px;
    height: 33px;
}
.receive-btn{
    background-color: var(--Second-color);
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
}

/*countries*/
@media(max-width:1372px) {
    .Sidebar{
        width: 18%;
    }
    .Content{
        width: 82%;
    }
    .access-link{
        padding: 20px;
    }
}
@media(max-width:1220px){
    .link{
        font-size: 13px;
    }
    .access-title{
        font-size: 18px;
    }
    .access-links{
        gap: 10px;
    }
}
@media(max-width:1025px){
    .Sidebar{
        width: 20%;
        padding: 20px;
    }
    .Content{
        width: 80%;
        padding: 44px 20px 30px 20px;
    }
    .Profile-name .name{
        font-size: 16px;
    }
    .access-links{
        flex-wrap: wrap;
        gap: 20px;
    }
    .access-link{
        width: 48%;
        padding: 30px;
    }
}
@media(max-width:935px){
    .Sidebar{
        width: 24%;
    }
    .Content{
        width: 76%;
    }
}
@media(max-width:935px){
    .Sidebar{
        width: 80%;
        display: none;
        border-radius: 32px 0 0 32px;
        position: fixed;
        z-index: 999;
        right: -100%;
        transition: all 12.5s;
    }
    .Sidebar.active{
        display: flex!important;
        right: 0!important;
    }
    .Content{
        width: 100%;
    }
    .menu-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 5px;
        background-color: var(--Second-color);
        color: #fff;
    }
    #closebtn{
        position: absolute;
        left: 30px;
    }
}
@media(max-width:600px){
    .Content{
        padding: 20px;
    }
    .section-name{
        display: none;
    }
    .countries table td{
        font-size: 12px;
    }
    .access-links{
        align-items: center;
        justify-content: center;
    }
    .access-link{
        width: 80%;
        padding: 30px;
    }
    .table-hed th{
        width: 16px;
    }
}
@media(max-width:450px){
    .Content{
        padding: 20px;
    }
    .hed-section-2{
        gap: 5px;
    }
    .inventory{
        justify-content: end;
        background-color: #fff;
    }
    .inventory-mony{
        display: none;
    }
    .btn-mony{
        width: 36px;
        height: 36px;
        border-radius: 5px;
    }
    .btn-mony svg{
        width: 18px;
        height: 18px;
    }
    .account{
        min-width: 36px;
        height: 36px;
        border-radius: 5px;
    }
    .account svg{
        width: 18px;
        height: 18px;
    }
    .access-links{
        flex-direction: column;
    }
    .access-link{
        width: 100%;
        padding: 30px;
    }
    .services-scroll{
        border: none;
    }
    .table-hed{
        display: none;
    }
    .countries table tr{
        position: relative;
        height: 60px;
    }
    .country-image{
        width: 17px;
        height: 17px;
    }
    .country{
        margin-bottom: 20px;
    }
    .price , .supply{
        font-size: 10px;
        position: absolute;
        bottom: -15px;   
    }
    .price{
        right: 10px;
        width: 26%;
    }
    .supply{
        width: 26%;
        right: 100px;
    }
}
@media(max-width:365px){
    .Sidebar{
        width: 90%;
    }
    .price{
        right: 10px;
        width: 40%;
    }
    .supply{
        width: 30%;
        right: 100px;
    }
}

/*fonts*/

@font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Black.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Bold.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Regular.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Light.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
  }



.text-blue {
    color : blue !important;
}

.text-green {
    color : green !important;
}

.text-indigo {
    color : indigo !important;
}

.text-yellow {
    color : yellow !important;
}

.text-orange{
    color : orangered !important;
}



:root{
    --first-color: #F5F7F2;
    --Second-color: #0D746F;
    --Third-color: #F2B66B;
    --Fourth-color: #E0EADC;
    --five-color: #D7F0E5;
    --Six-color: #D7F0E5;
    --Seven-color: #F8F8F8;
    --eight-color: #EAF3E6;
    --nine-color: #616161;
    --ten-color: #D7F0E5;

}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "YekanBakh", sans-serif;
    direction: rtl;
}
.container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100vh;
}
main{
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
/*Content*/
.Content{
    width: 84%;
    background-color: #fff;
    height: 100vh;
    padding: 55px 30px 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/*Content*/

/*Sidebar*/
.Sidebar{
    width: 16%;
    background-color: var(--first-color);
    height: 100vh;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
}
.Profile{
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1.5px #EEE solid;
    padding-bottom: 15px;
}
.Profile-image{
    width: 49px;
    height: 49px;
    border-radius: 16px;
}
.Profile-name .name{
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}
.Profile-stock{
    display: flex;
    align-items: center;
    gap: 5px;
}
.Profile-stock img{
    width: 14px;
    height: 14px;
}
.Profile-stock .stock{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
}
.Links{
    margin-top: 20px;
}
li{
    list-style: none;
    margin-block: 10px;
}
.link{
    display: flex;
    align-items: center;  
    gap:10px;
    border-radius: 22.5px; 
    text-decoration: none;
    height: 45px;
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    color: #2A292E;
}

.link--active{
    background-color: var(--Second-color);
    color: #fff;
}

.link--active svg path{
    fill: #fff!important;
}

.link:hover{
    background-color: var(--Second-color);
    color: #fff;
}
.link:hover svg path{
    fill: #fff!important;
}
.link:active{
    background-color: var(--Second-color);
    color: #fff;
}
.link:active svg path{
    fill: #fff!important;
}
.section2 a{
    display: flex;
    padding: 5px 15px;
    align-items: center;  
    gap:10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    color: #2A292E;
    margin-block: 15px;
}

/*Sidebar*/

/*header*/
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: #EEEEEE solid 1.5px;
    padding-bottom: 15px;
}
.hed-section-1{
    width: 50%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.hed-section-2{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}
.menu-btn{
    display: none;
}
.section-name{
    display: flex;
    align-items: center;
    gap: 10px;
}
.inventory{
    width: 172px;
    height: 39px;
    border-radius: 8.61px;
    background-color: #F2F7F3;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.inventory-mony{
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
}
.bold-mony{
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
}
.btn-mony{
    background-color: #0D746F; 
    border-radius: 8px; width: 39px; 
    height: 39px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}
.account{
    width: 39px;
    height: 39px;
    border-radius: 8px;
    background-color: var(--Third-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
/*header*/

/*access-link*/
.access-links{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.access-link{
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 22px;
    background-color: var(--Seven-color);
    position: relative;
    padding: 30px;
    gap: 10px;
    overflow: hidden;
}
.access-link img{
    position: absolute;
    object-fit: cover;
    top: -10px;
    left: 10px;
    z-index: 5;
}

.access-title{
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #404040;
}
.access-pargraf{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #404040;
}
.access-btn{
    display: flex;
    justify-content: end;
}
.access-btn a{
    width: 62px;
    height: 26px;
    border-radius: 5px;
    background-color: #0D746F;
    color: #fff;
    font-family: Yekan Bakh;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:5px
}
/*access-link*/

/*services*/
.services{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.Services-title{
    font-weight: 700;
    font-size: 20px;
    color: #404040;
}
.services-scroll{
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    overflow-x: scroll;
}
.service-cart{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:10px;
    min-width: 78px;
    height: 86px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
}
.service-image{
    width: 31.5px;
    height: 31.5px;
    object-fit: fill;
}
.service-tilte{
    font-weight: 700;
    font-size: 12px;
    line-height: 162%;
    color: var(--Second-color);
}
/*services*/

/*countries*/
table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    
}
.countries table th,td{
    width: 25%;
    text-align: center;
}
.countries table tr:nth-child(odd){
    background-color: var(--Seven-color);
}
.countries table td{
    font-weight: 400;
    font-size: 15px;
    height: 40px;
}
.table-hed{
    height: 47px;
}
th{
    font-weight: 700;
    font-size: 18px;
    color: #404040;
}
.country{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.country-image{
    width: 33px;
    height: 33px;
}
.receive-btn{
    background-color: var(--Second-color);
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
}

/*countries*/
@media(max-width:1372px) {
    .Sidebar{
        width: 18%;
    }
    .Content{
        width: 82%;
    }
    .access-link{
        padding: 20px;
    }
}
@media(max-width:1220px){
    .link{
        font-size: 13px;
    }
    .access-title{
        font-size: 18px;
    }
    .access-links{
        gap: 10px;
    }
}
@media(max-width:1025px){
    .Sidebar{
        width: 20%;
        padding: 20px;
    }
    .Content{
        width: 80%;
        padding: 44px 20px 30px 20px;
    }
    .Profile-name .name{
        font-size: 16px;
    }
    .access-links{
        flex-wrap: wrap;
        gap: 20px;
    }
    .access-link{
        width: 48%;
        padding: 30px;
    }
}
@media(max-width:935px){
    .Sidebar{
        width: 24%;
    }
    .Content{
        width: 76%;
    }
}
@media(max-width:935px){
    .Sidebar{
        width: 80%;
        display: none;
        border-radius: 32px 0 0 32px;
        position: fixed;
        z-index: 999;
        right: -100%;
        transition: all 12.5s;
    }
    .Sidebar.active{
        display: flex!important;
        right: 0!important;
    }
    .Content{
        width: 100%;
    }
    .menu-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 5px;
        background-color: var(--Second-color);
        color: #fff;
    }
    #closebtn{
        position: absolute;
        left: 30px;
    }
}
@media(max-width:600px){
    .Content{
        padding: 20px;
    }
    .section-name{
        display: none;
    }
    .countries table td{
        font-size: 12px;
    }
    .access-links{
        align-items: center;
        justify-content: center;
    }
    .access-link{
        width: 80%;
        padding: 30px;
    }
    .table-hed th{
        width: 16px;
    }
}
@media(max-width:450px){
    .Content{
        padding: 20px;
    }
    .hed-section-2{
        gap: 5px;
    }
    .inventory{
        justify-content: end;
        background-color: #fff;
    }
    .inventory-mony{
        display: none;
    }
    .btn-mony{
        width: 36px;
        height: 36px;
        border-radius: 5px;
    }
    .btn-mony svg{
        width: 18px;
        height: 18px;
    }
    .account{
        min-width: 36px;
        height: 36px;
        border-radius: 5px;
    }
    .account svg{
        width: 18px;
        height: 18px;
    }
    .access-links{
        flex-direction: column;
    }
    .access-link{
        width: 100%;
        padding: 30px;
    }
    .services-scroll{
        border: none;
    }
    .table-hed{
        display: none;
    }
    .countries table tr{
        position: relative;
        height: 60px;
    }
    .country-image{
        width: 17px;
        height: 17px;
    }
    .country{
        margin-bottom: 20px;
    }
    .price , .supply{
        font-size: 10px;
        position: absolute;
        bottom: -15px;   
    }
    .price{
        right: 10px;
        width: 26%;
    }
    .supply{
        width: 26%;
        right: 100px;
    }
}
@media(max-width:365px){
    .Sidebar{
        width: 90%;
    }
    .price{
        right: 10px;
        width: 40%;
    }
    .supply{
        width: 30%;
        right: 100px;
    }
}

/*fonts*/

@font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Black.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Bold.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Regular.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: 'YekanBakh';
    src: url('fonts/YekanBakhFaNum-Light.woff2') format('woff2'),
         url('fonts/YekanBakhFaNum-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
  }



.text-blue {
    color : blue !important;
}

.text-green {
    color : green !important;
}

.text-indigo {
    color : indigo !important;
}

.text-yellow {
    color : yellow !important;
}

.text-orange{
    color : orangered !important;
}



@media (min-width: 2450px) {
    .Profile-image ,.Profile-image img {
        width: 79px;
        height: 79px;
    }
    .Profile-name .name {
        font-size: 32px;
    }
    .Profile-stock img {
        width: 28px;
        height: 28px;
    }
    .Profile-stock .stock {
        font-size: 18px;
    }
    .link {
        font-size: 24px;
        height: 75px;
    }
    .link svg , .section2 a svg {
        width: 28px;
        height: 28px;
    }
    .section2 a {
        font-size: 24px;
    }
    .access-title {
        font-size: 28px;
    }
    .access-pargraf {
        font-size: 20px;
        line-height: 36px;
    }
    .access-btn a {
        width: 102px;
        height: 45px;
        font-size: 20px;
    }
    .access-btn a svg {
        width: 16px;
        height: 16px;
    }
    header {
        height: 88px;
    }
    .section-name span {
        font-size: 28px;
    }
    .section-name svg {
        width: 28px;
        height: 28px;
    }
    .hed-section-2 {
        gap: 50px;
    }
    .inventory {
        height: 63px;
        width: 180px;
    }
    .inventory-mony {
        font-size: 24px;
    }
    .bold-mony{
        font-size: 18px;
    }
    .btn-mony,
    .account {
        width: 63px;
        height: 63px;
    }
    .btn-mony svg , .account svg {
        width: 28px;
        height: 28px;
    }
    .Services-title {
        font-size: 28px;
    }
    .service-cart {
        height: 152px;
        min-width: 122px;
    }
    .service-image{
        width: 41px;
        height: 41px;
    }
    .service-tilte {
        font-size: 24px;
    }
    .table-hed {
        height: 77px;
    }
    th {
        font-size: 28px;
    }
    .countries table td {
        font-size: 28px;
    }
    .country-image {
        width: 48px;
        height: 48px;
    }
    .countries table tr:not(:first-child){
        height: 67px;
    }
    .receive-btn svg{
        width: 16px;
        height: 16px;
    }
}
@media (min-width: 3000px) {
    .Profile-image , .Profile-image img {
        width: 102px;
        height: 102px;
    }
    .Profile-name .name {
        font-size: 42px;
    }
    .Profile-stock img {
        width: 36px;
        height: 36px;
    }
    .Profile-stock .stock {
        font-size: 24px;
    }
    .link {
        font-size: 32px;
        height: 95px;
    }
    .link svg , .section2 a svg {
        width: 32px;
        height: 32px;
    }
    .section2 a {
        font-size: 32px;
    }
    .access-title {
        font-size: 36px;
    }
    .access-link img{
        width: 82px!important;
        height: 82px!important;
    }
    .access-pargraf {
        font-size: 28px;
        line-height: 48px;
    }
    .access-btn a {
        width: 142px;
        height: 65px;
        font-size: 28px;
        border-radius: 12px;
    }
    .access-btn a svg {
        width: 20px;
        height: 20px;
    }
    header {
        height: 108px;
    }
    .section-name span {
        font-size: 36px;
    }
    .section-name svg {
        width: 36px;
        height: 36px;
    }
    .hed-section-2 {
        gap: 60px;
    }
    .inventory {
        height: 83px;
        width: 220px;
        border-radius: 16px;
    }
    .inventory-mony {
        font-size: 32px;
    }
    .bold-mony{
        font-size: 20px;
    }
    .btn-mony,
    .account {
        width: 83px;
        height: 83px;
        border-radius: 16px;
    }
    .btn-mony svg , .account svg {
        width: 32px;
        height: 32px;
    }
    .Services-title {
        font-size: 36px;
    }
    .service-cart {
        height: 182px;
        min-width: 152px;
        border-radius: 12px;
    }
    .service-image{
        width: 51px;
        height: 51px;
    }
    .service-tilte {
        font-size: 32px;
    }
    .table-hed {
        height: 89px;
    }
    th {
        font-size: 36px;
    }
    .countries table td {
        font-size: 36px;
    }
    .country-image {
        width: 52px;
        height: 52px;
    }
    .countries table tr:not(:first-child){
        height: 77px;
    }
    .receive-btn svg{
        width: 20px;
        height: 20px;
    }
}