@font-face {font-family: "IRANSansWeb(FaNum)";
    src: url("../font/IRANSansWeb(FaNum).eot"); /* IE9*/
    src: url("../font/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/IRANSansWeb(FaNum).woff2") format("woff2"), /* chrome、firefox */
    url("../font/IRANSansWeb(FaNum).woff") format("woff"), /* chrome、firefox */
    url("../font/IRANSansWeb(FaNum).ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("../font/IRANSansWeb(FaNum).svg#IRANSansWeb(FaNum)") format("svg"); /* iOS 4.1- */
}

html {
    scroll-behavior: smooth;
}

body{
    font-family:"IRANSansWeb(FaNum)" !important;
}

.bg-main{
     background-image: url("../img/m1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.bg-frontend1{
     background-image: url("../img/frontend1.jpeg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.bg-cpp{
     background-image: url("../img/cpp.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(50, 70, 80, 0.9);
    background-blend-mode: soft-light;
}
.bg-backend{
     background-image: url("../img/backend.jpeg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(50, 70, 80, 0.9);
    background-blend-mode: soft-light;
}
.bg-fullstack{
     background-image: url("../img/fullstack.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(50, 70, 80, 0.9);
    background-blend-mode: soft-light;
}
.bg-mobileapp{
     background-image: url("../img/mobileapp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(50, 70, 80, 0.9);
    background-blend-mode: soft-light;
}


.bg-seo{
    background-image: url("../img/seo.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(50, 70, 80, 0.9);
    background-blend-mode: soft-light;
}

.bg-musicschool{
    background-image: url("../img/musicschool.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.product_spec   {
    list-style: none !important;
    padding: 0px;
}

.product_spec li > span:before {
    content:  "*";
    font-size: 1em ;
    font-weight: bolder;
    color: #fb7c10;
    line-height: normal;
    border-radius: 50%;
 margin: 0 0 0 10px;


}


.c1{
    background-image: url("../img/c1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(50, 70, 80, 0.9);
    background-blend-mode: soft-light;
}

.txt-justify{
text-align: justify;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-primary: #0068ff;
    --color-secondary: #6b6b6b;
    --color-info: #4c91fc;
    --color-light: #f5f5f5;
    --color-warning: #fd7c10;
    --color-danger: #ff0000;
    --color-success: #2eb000;
    /*vivid-tangerine FE9A84*/
    --color-6:  #ff4800;
    /*gray*/
    --color-7:  #808080FF;
    /*light*/
    --color-8: #eeeeee;
}

.txt-primary{
    color : var(--color-primary) !important;
}
.txt-success{
    color : var(--color-success) !important;
}
.txt-white{
    color : var(--color-white) !important;
}
.txt-warning{
    color : var(--color-warning) !important;
}

.b-black{
    background-color : var(--color-black) !important;
}
.b-white{
    background-color : var(--color-white) !important;
}
.b-light{
    background-color : var(--color-light) !important;
}
.b-warning{
    background-color : var(--color-warning) !important;
}

.bt-primary{
    color:  white;
    background-color : var(--color-primary) !important;
}

.bt-primary:hover{
    color:  black;
    background-color : var(--color-info) !important;
}


.bt-warning{
    color:  white;
    background-color : var(--color-warning) !important;
}

.bt-danger{
    color:  white;
    background-color : var(--color-danger) !important;
}


a{
    text-decoration: none !important;
    cursor: pointer;
}

.a-primary {
    text-decoration: none !important;
    color: var(--color-primary);
}
.a-primary:hover {
    color:var(--color-info) !important;
}

.a-white {
    text-decoration: none !important;
    color: var(--color-white);
}
.a-white:hover {
    color:var(--color-info) !important;
}