@font-face { font-family: es_font; src: url('https://s-code.ir/1_es/3_file/0_font/Vazir.ttf'); }
@font-face { font-family: es_1_font; src: url('https://s-code.ir/1_es/3_file/0_font/es_2.woff'); }
@font-face { font-family: es_2_font; src: url('https://s-code.ir/1_es/3_file/0_font/es_3.woff2'); }
@font-face { font-family: es_3_font; src: url('https://s-code.ir/1_es/3_file/0_font/es_4.woff2'); }
@font-face { font-family: es_4_font; src: url('https://s-code.ir/1_es/3_file/0_font/es_35.woff'); }


.cbg{
    transition:  0.3s ; 
    opacity: 1;
}
.cbg:hover{
    opacity: 0.6;
}
/*                                              */
.cbg_border{
    transition:  0.4s ; 
    opacity: 1;
    border-radius:25px 5px 25px 5px;
}
.cbg_border:hover{
    opacity: 0.7;
    border-radius:5px 25px 5px 25px;
}
/*                                              */
.cbg_border_bg{
    transition:  0.5s ; 
    opacity: 1;
    border-radius:25px 5px 25px 5px;
    background:linear-gradient(to right ,RGBA(255,228,196,1.0),RGBA(169,169,169,1.0));
}
.cbg_border_bg:hover{
    opacity: 0.7;
    border-radius:5px 25px 5px 25px;
    background:linear-gradient(to right ,RGBA(255,228,196,0.5),RGBA(169,169,169,0.5));
}
/*                                              */
.cbg_border_bg_color{
    transition:  0.5s ; 
    opacity: 1;
    border-radius:25px 5px 25px 5px;
    background:linear-gradient(to right ,RGBA(255,228,196,1.0),RGBA(169,169,169,1.0));
    color:black;
     border:1px dotted blue;
}
.cbg_border_bg_color:hover{
    opacity: 0.7;
    border-radius:5px 25px 5px 25px;
    background:linear-gradient(to right ,RGBA(169,169,169,0.7),RGBA(255,228,196,0.7));
    color:blue;
     border:1px dotted black;
}
/*                                              */
.cbg_border_bg_color_2{
    transition:  0.5s ; 
    opacity: 1;
    border-radius:20px 3px 20px 3px;
    background:linear-gradient(to right ,RGBA(255,228,196,1.0),RGBA(169,169,169,1.0));
    color:black;
    border:1px dotted blue;
}
.cbg_border_bg_color_2:hover{
    opacity: 0.7;
    border-radius:30px 10px 30px 10px;
    background:linear-gradient(to right ,RGBA(169,169,169,0.7),RGBA(255,228,196,0.7));
    color:blue;
    border:1px double black;
}


/*                                              */
.cbg_lite{
    transition:  0.2s ; 
    opacity: 1;
}
.cbg_lite:hover{
    opacity: 0.8;
}

.cbg_rotion{
    transition:  0.5s ; 
    opacity: 1;
      transform: rotate(0deg);
}
.cbg_rotion:hover{
    opacity: 0.8;
    transform: rotate(180deg);
}

.cbg_border-color-red{
    transition:  0.5s ; 
     border: 1px dotted red ;
}
.cbg_border-color-red:hover{
    border: 1px dotted #00000000 ;
    
}