<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root{
    --background-color : whitesmoke;
    --background-gray : rgb(50, 50, 50 , 0.7);
    --tem-color : rgb(75, 76, 84);
    --tem-light-green: #00b96f;
}

@font-face {
    font-family: iranSaas;
    src: url(./IranSansX/iransansXfamily/IRANSansX-Regular.ttf);
}

@font-face {
    font-family: iranSaasNum;
    src: url(./IranSansX/FarsiNumerals/IRANSansXFaNum-Regular.ttf);
}

/* header module*/
.header{
    position: fixed;
    top: 0px;

    box-sizing: border-box;
    width: 100%;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background-color: var(--background-color);
    color: var(--tem-color);
    border-bottom: solid 1px var(--background-gray);

    z-index: 3;
    
    font-family: iranSaasNum;
    font-size: 15px;

    padding: 0px 40px;
}

.header-connect-to-us-holder{

}

.header-connect-to-us-holder&gt;a{
    border: solid 2px var(--light-gray);
    border-radius: 2px;
}

.header-connect-to-us-holder&gt;a:hover{
    background-color: var(--light-gray);
}

.header-menu-holder{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.header-connect{
    height: 100%;

    color: inherit;

    font-size: inherit;

    padding: 0px 10px;
}

.header-connect:hover{
    border-bottom: solid 1px var(--background-gray);
    
}

.header-logo-holder{

    display: flex;
    align-items: center;
    justify-content: center;

}

.header-logo-holder img{
    height: 35px;
}

/*products List */

.products-list{
    position: relative;

    overflow: hidden;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;

    box-sizing: content-box;
    border: solid var(--background-gray) 5px;
    border-radius: 50px;
}

.all-list-item{
    box-sizing: border-box;
    width: 100%;

    display: flex;
    flex-direction: column;

    padding-right: 1rem;
}

.products-list&gt;.header-holder{
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    width: 100%;
    /* background-image: linear-gradient(to left, #0066ff55 1%,#0066ff77 21%, #00cc0088 37%, #ffff0088 55%, #ff000055 77%); */

    border: solid none 0px;
    border-radius: 45px 45px 0px 0px;

    color: var(--background-color);
    background-color: var(--background-gray);
}

.list-unit{
    box-sizing: border-box;
    width: 100%;

    padding: 0px 7px;
}

.list-unit&gt;h4{
    box-sizing: border-box;
}

.inner-list-unit{
    box-sizing: border-box;
    width: 100%;
    min-height: 30px;

    padding-right: 14px;

}

.list-items{
    box-sizing: border-box;
    width: 100%;

    padding: 5px;
    padding-right: 14px;

    transition-duration: 0.3s;

}

.list-items a{
    display: flex;
    
    width: 100%;
    height: 100%;
    color: var(--tem-light-green);
}

.list-items:hover{
    background-color: var(--tem-light-green);
}

.list-items:hover a{
    color: var(--background-gray);
    font-weight: bolder;
}

/* footer module*/
.footer{
    position: relative;

    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 90%;

    justify-items: center;
    align-content: center;

    box-sizing: border-box;
    width: 100%;
    height: 300px;

    background-color: var(--background-gray);
    color: aliceblue;
    
    transition-duration: 0.5s;

    font-size: small;

}

.footer:hover{
    background-color: rgb(75, 76, 84);
}

.footer-connection-holder{
    display: flex;
    flex-direction: column;

    align-items: center;

    gap: 7px;
}

.inner-connection-holder{
    display: flex;

    gap: 7px;
}

.inner-connection-holder&gt;a{
    width: 30px;
    height: 30px;
    border: solid var(--background-color) 3px;
    border-radius: 50%;

    transition-duration: 0.5s;
}

.inner-connection-holder&gt;a:hover{
    background-color: var(--background-color);
}

.inner-connection-holder&gt;a&gt;img {
    width: 30px;
    height: 30px;

    transition-duration: 0.4s;
}

.inner-connection-holder&gt;a:hover&gt;img{
    transform: scale(1.3);
}

.enemad-holder{

    min-width: 80px;
    min-height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: rgb(200, 200, 200 , 0.4);
}

.footer-image-holder{

    height: 100%;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    z-index: 2;
}

.footer-image-holder&gt;img{
    height: 85%;
    width: 90%;

    border: solid none 0px;
    border-radius: 10px;

}

.footer-image-holder&gt;a{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;

    display: flex;

    z-index: 5;
    
}

@media screen and (max-width : 1200px) {
    .header{

        display: flex;
        justify-content: space-between ;

        box-sizing: border-box;
        padding: 7px 15px;
    }

    .header h3{
        display: none;
    }

    .products-list{
        box-sizing: border-box;
        width: 100%;

        background-image: none;

        border:solid var(--tem-color) 2px;
        border-radius: 20px;    
    
        padding: 10px;
    }

    .all-list-item{
        display: flex;
        flex-direction: column;

        gap: 10px;

        padding-right: 0px;
    }

    .products-list&gt;.header-holder{
        color: var(--tem-color);
        background-color: var(--background-color);
    }

    .list-unit{
        overflow: hidden;

        width: 100%;
        max-height: 50px;
        
        
        transition-duration: 0.7s;
        transition-delay: 0.2s;
    }

    .list-unit:hover{
        max-height: 1000px;

        background-color: var(--background-gray);

    }

    .list-unit a{
        color: var(--background-color);
    }

    .list-unit h4{
        padding: 5px;
        background-color: var(--background-gray);
    }

    .list-unit h4:hover{
        background-color: var(--tem-color);
    }

    .footer{
        background-color: rgb(75, 76, 84);
    }
}

@media screen and (max-width: 860px) {
    .footer {

        height: fit-content;

        display: flex;
        flex-direction: column;
        align-items: center;

        font-size: small;

        padding: 20px 0px;
    }

    .footer-connection-holder {
        width: 95%;
    }
}

@media screen and (max-width: 600px) {
    .header-home-icon-holder{
        display: none;
    }

    .main-holder{
        font-size: small;
    }

    .footer{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-connection-holder&gt;a&gt;img{
        width: 40px;
        height: 40px;
    }

    .footer-image-holder&gt;img{
        width: 95%;
    }
}

@media screen and (max-width: 560px) {
    
    .header {

        display: flex;
        justify-content: space-between;

        box-sizing: border-box;
        padding: 7px 15px;
    }

    .header h3 {
        display: none;
    }

    .header-menu-holder&gt;.header-connect {
        display: none;
    }

    .header-connect {
        font-size: small;
    }

}

</pre></body></html>