.borderr{
    border-bottom: 2px !important;
    border-top:0;
    border-left:0;
    border-right:0;
    border-image: linear-gradient(90deg,black,white,white,black) 1 !important;
    border-style: solid!important;
    color: #1d9358;

}
.borderr2{
    border-bottom: 2px !important;
    border-top:0;
    border-left:0;
    border-right:0;
    border-image: linear-gradient(90deg,white,white,white,white,white,black) 1 !important;
    border-style: solid!important;
}
.border_colored{
    border-image: linear-gradient(45deg,black,bisque) 1 !important;
}
.sub{
    margin-left: auto !important;
}
.max_width_img_prd div div div div{
    max-width: 30vw;
}
.swiper{
    max-width: 100% !important;
    max-height: 100% !important;
}
.bg_shop{
    background: #828b97 !important;
    border-color: #828b97 !important;
}
.circle{
    border-radius: 50%;
}
.text_purple{
    color: purple!important;
}
.bg_sec{
    background:#d4fe00;
    border-color:#d4fe00;
}
.bg-dark{
    background-color: #13151d!important;
}
.shadow-lg{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5) !important;
}
.text-muted{
    color: white!important;
}
.text-dark{
    color: white!important;
}
.bg_sec:hover{
    background: #667800 !important;
}
@keyframes transition {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.font_rem3{
    font-size: 3rem!important;
}
.transition{
    animation-name: transition;
    animation-duration: 1s;
}
.bg_sec2{
    /*background: #D4AC0D;*/
    /*border-color: #D4AC0D;*/
    background: #d4fe00;
    border-color: #d4fe00;
}
.bg_sec2:hover{
    /*background: #977c12 !important;*/
    /*border-color: #D4AC0D;*/
    background: #d4fe00;
    border-color: #d4fe00;
}
.form-label{
    color: #c1c1c1 !important;
}
.text_sec2{
    color: #d4fe00;
    /*color: #D4AC0D!important;*/
}
.text_sec3{
    color: darkblue!important;
}
.fs_6{
    font-size: 3.5rem!important;
}
.bg_light_primary{
    background-color: #79acf8;
}
.bg_light_primary:hover{
    background-color: #3f8bfb;
}
.bg_lighter_primary{
    background-color: #aeceff;
}
@media all and (max-width: 640px){
    .container{
        max-width: 96% !important;
    }
    #nav ,#nav3,#nav_cat{
        display: none!important;
    }
    #nav_sec,#nav_cat_con{
        display: inline !important;
    }
    .wid_hei_circle{
        width: 12dvw;
        height: 12dvw;
        margin-right: 4.25dvw!important;
        margin-left: 6.25dvw!important;
        margin-top: -4% !important;
    }
    pre {
        padding: 0 3rem;
    }
}
@media all and (min-width: 641px){
    #nav ,#nav3,#nav_cat{
        display: inline!important;
    }
    #nav_sec,#nav_cat_con{
        display: none!important;
    }
    .wid_hei_circle{
        width: 5dvw;
        height: 5dvw;
        margin-right: 2dvw!important;
        margin-left: 2dvw!important;
        margin-top: -3% !important;
    }
    pre {
        padding: 0 6rem;
    }
}
.middle_td td{
    vertical-align: middle;
    text-align: center;
    max-width: 20px;overflow-x:auto;
}
.marginphone{
    margin: auto;
}
.bg_dark{
    background: black;
}
.marx{
    margin-left: 39vw;
    margin-right: 39vw;
}
body{
    color: black;
    font-weight: bold;
}
@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 700;
    src:
    url('../fonts/Webfonts/Woff/IRANSansXFaNum-Medium.woff') format('woff'),
    url('../fonts/Webfonts/Woff2/IRANSansXFaNum-Medium.woff2') format('woff2'),
    url('../fonts/Otf fonts/IRANSansXFaNum-Thin.otf') format('otf'),
    url('../fonts/woff2/IRANSansX-thin.woff2') format('woff2');
}
body {
    font-family: IRANSansX, serif;
}
pre {
    max-width: 100% !important;
    word-break: break-word;
    display: flex;
    white-space:pre-wrap;
    line-height: 2;
    overflow-x: visible;
    font-family: IRANSansX, serif;
}
.card{
    background-color: transparent;
}
.hovered:hover{
    transform: scale(1.02,1.02);
    box-shadow: hsl(from white to black);
    border-radius: 2%;
    z-index: 1000;
}


.description {
    overflow: hidden; /* Prevent scrollbars during transition */
    transition: max-height 0.5s ease;
}

.collapsed {
    max-height: 10vh; /* Adjust based on visible text */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to show */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    transition: max-height 0.5s ease-in-out;
}

.expanded {
    /* Set a high enough value for expanded text */
    transition: max-height 0.5s ease-in-out;
}

button {
    margin-top: 10px;
}