@font-face {
    font-family: 'xfont';
    font-style: normal;
    /*font-weight: 900;*/
    font-display: block;
    src: url("../../Font/xfont-Regular.ttf") format("truetype");
}



*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    
}

.container{
    width: 80%;
    min-width: 400px;
    max-width: 1400px;
    margin: 0 auto;
}
/*
.clearfix::after,
.clearfix::before{
    content: "";
    display: block;
    clear: both;
}
*/
.row {
    display: flex;
    flex-wrap: wrap;
   
    justify-content: space-evenly;
    align-items: center;
}
.filter-white {
    filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(70deg) brightness(108%) contrast(108%);
}
.font-content {
    flex: 0 0 auto;
    width: 220px;
    text-align: center;
    padding: 1em 0;
    margin: 1%;
   
    
    cursor: pointer;
    
}

.font-content:hover {
    padding: 0.5em 0;
    background: black;
    color: #fff;
}

.font-content i{
    font-size: 2em;
}

.font-content:hover i {
    font-size: 3em;
    text-align: center;
}

.font-name{
    padding: 0;
    margin: 0;
}
.fs-1{
    font-size: 1em;
}
.fs-2{
    font-size: 2em;
}
.fs-3{
    font-size: 2em;
}

.xf{
    font-family: 'xfont';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto; 
}
  


.xf-robika::before{
    content:"\e0020";
}
.xf-robika::before {
    content: "\E000";
}
.xf-robika-alt::before{
    content:"\e0001";
}

.xf-bale::before{
    content:"\e6";
}
.xf-bale::before {
    content: "\E002";
}
.xf-bale-alt::before{
    content:"\fe";
}

.xf-eitaa::before{
    content:"\f0";
}
.xf-eitaa::before {
    content: "\E004";
}
.xf-aparat::before{
    content:"\111";
}

.xf-aparat-alt::before{
    content:"\126";
}

.xf-basalam::before{
    content:"\141";
}

.xf-basalam-alt::before{
    content:"\142";
}

.xf-bluebank::before{
    content:"\014a";
}

.xf-mellibank::before{
    content:"\014b";
}
.xf-mellibank-alt::before{
    content:"\152";
}

.xf-mellatbank::before{
    content:"\153";
}
.xf-mellatbank-alt::before{
    content:"\017f";
}

.xf-esam::before{
    content:"\180";
}

.xf-gap::before{
    content:"\181";
}
.xf-gap::before {
    content: "\E00F";
}
.xf-post::before{
    content:"\182";
}

.xf-torob::before{
    content:"\183";
}

.xf-divar::before{
    content:"\184";
}

.xf-tipax::before{
    content:"\185";
}
.xf-tipax-alt::before{
    content:"\186";
}

.xf-tapsi::before{
    content:"\187";
}

.xf-tapsi-alt::before{
    content:"\188";
}

.xf-alopeyk::before{
    content:"\187";
}

.xf-alopeyk-alt::before{
    content:"\018a";
}

.xf-snapp::before{
    content:"\018b";
}

.xf-snapp-alt::before{
    content:"\018c";
}