*{box-sizing:border-box}
html{direction:rtl}
body{font:500 14px 'NotoKufi','Tahoma';color:#000;margin:0;background:#eee}
strong{font:700 14px 'NotoKufi','Tahoma'}
img{max-width:100%;height:auto}
a:link{color:#000;text-decoration:none}
a:visited{color:#000}
a:active{color:#000}
a:hover{color:#f00}
a:focus{color:#f00}
i{font-style:normal}
/* p,span,div{font:500 14px 'NotoKufi','Tahoma'} */

div.maindiv{max-width:1250px;background:#fff}
div.middle{}
div.middlehome{}
div.rightleft{}
@media only screen and (min-width:992px)
{
div.maindiv{border-right:1px dashed #AF0238;border-left:1px dashed #AF0238}
div.middle{float:right;width:80%}
div.middlehome{float:right;width:60%}
div.rightleft{float:right;width:20%}
}

div.poetry{background:#AF0238;color:#fff;font-size:14px}
div.logo{margin:10px;cursor:pointer;position:relative} /*animation:toright 1s;*/
@media only screen and (min-width:992px)
{
div.poetry{font-size:16px}
div.header{height:110px;margin:0 0 15px 0;padding:10 0}
div.logo{float:right;margin:0 25px 0 0}
}
div.movetext1,div.movetext2{width:100%;line-height:35px;height:35px;overflow:hidden;position:relative}
div.movetext1 div,div.movetext2 div{position:absolute;top:0;left:100%;white-space:nowrap}

div.title{color:#fff;height:35px;margin:0;padding:5px 15px 0 0;background:#AF0238;text-align:right;border-radius:3px}
div.block{margin:0;padding:5px;text-align:right}
@media only screen and (min-width:1000px)
{
div.title{height:40px;margin:0 5px;padding:5px 15px 0 0}
div.block{border:1px solid #bbb;border-top:none;margin:0 5px 10px 5px;padding:10px}
}
iframe{padding:0;margin:0;font:500 14px 'NotoKufi','Tahoma';border:1px solid #ccc}

table{width:100%}
table.block{margin:10px 0;padding:0px 7px;border-collapse:collapse;border:1px solid #ccc}
table.block td{border:1px solid #ccc}
tr.trc1{background:#eaeaea;text-align:center}
tr.trc2{background:#f7f7f7}
tr.trc2:hover{background:#eaeaea}
tr.trc3{background:#eaeaea}
td{font-size:13px}
@media only screen and (min-width:1000px)
{
	td{font:500 14px 'NotoKufi','Tahoma'}
}

.english{font-size:14px}
.gray{color:#888}
.c{text-align:center}

div.socialbuttons{min-height:42px}
div.socialbuttons a{display:inline-block}
div.socialbuttons img{transition:transform 0.4s}
div.socialbuttons img:hover{transform:rotate(360deg)}
@media only screen and (min-width:1000px)
{
div.socialbuttons{float:left;margin:0 0 0 15px}
}

div.movetap{min-height:38px;background:#AF0238;padding:8px;animation:fade 2s}
div.movetaptitle{font-size:14px;color:#fff}
@media only screen and (min-width:1000px)
{
div.movetap{padding:8px 0}
div.movetaptitle{float:right;font-size:16px;margin:0 15px 0 0}
}

div.information a{color:#fff}
div.information div.title2{width:75px;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px solid #eee}
div.socialbuttons2{margin:10px 0 0 0;min-height:42px}
div.socialbuttons2 a{display:inline-block}
div.socialbuttons2 img{transition:all 0.4s}
div.socialbuttons2 img:hover{transform:rotate(360deg)}
div.rfaah{height:39px;margin:10px 0 0 0}
div.datetime{margin:5px 0 0 0}
div.copyright{border-top:1px dashed #eee}
@media only screen and (min-width:1000px)
{
div.information{float:right;margin:10px 20px 0 0;text-align:right}
div.rfaah{margin:10px 0 0 0}
div.datetime{margin:10px auto;width:200px}
}
.widthauto{width:auto}

input,textarea,select{color:#000;border:1px solid #eee;width:100%;max-width:800px;background:#eee;padding:3px 10px;margin:0;display:block;font:500 14px 'NotoKufi','Tahoma';transition:all 0.3s}
input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus{background:#fff;border:1px solid #bbb;outline:none}
textarea::placeholder,input::placeholder{color:#333}
input[type=radio]{width:auto;display:inline;vertical-align:text-bottom;margin:5px 7px;outline:none}
input[type=checkbox]{display:inline;width:18px;height:18px;margin:0;vertical-align:middle}
button,input.button,a.button,input[type=submit],input[type=reset]{color:#000;border:1px solid #ccc;width:100%;max-width:800px;background:#ccc;padding:3px 10px;margin:0;display:inline-block;outline:none;cursor:pointer;font:500 14px 'NotoKufi','Arial';text-align:center;transition:all 0.2s}
button:hover,input.button:hover,a.button:hover,input[type=submit]:hover,input[type=reset]:hover{background:#fff;border:1px solid #bbb}
label{cursor:pointer}
@media only screen and (min-width:992px)
{
	input,textarea,select,button,input.button,a.button,input[type=submit],input[type=reset]{font-size:15px}
}
@-webkit-keyframes fade{0%   {opacity:0} 100% {opacity:1}}
@keyframes fade{0%   {opacity:0} 100% {opacity:1}}
@-webkit-keyframes toright{0%   {right:100px;opacity:0} 100% {right:0px;opacity:1}}
@keyframes toright{0%   {right:100px;opacity:0} 100% {right:0px;opacity:1}}
@-webkit-keyframes toleft{0%   {left:100px;opacity:0} 100% {left:0px;opacity:1}}
@keyframes toleft{0%   {left:100px;opacity:0} 100% {left:0px;opacity:1}}
@-webkit-keyframes totop{0%   {top:100px;opacity:0} 100% {top:0px;opacity:1}}
@keyframes totop{0%   {top:100px;opacity:0} 100% {top:0px;opacity:1}}
.color1{color:#F264F2}
.color2{color:#DB4444}
.color3{color:#F37924}
.color4{color:#F9A414}
.color5{color:#6EBE2C}
.color6{color:#ADD40A}
.color7{color:#59C2E0}
.color8{color:#4B85BC}

.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.justify{text-align:justify}
.middle{vertical-align:middle}
.ltr{direction:ltr}
.rtl{direction:rtl}

.wp100{width:100%}
.hp100{height:100%}
.whp100{width:100%;height:100%}
.xw50{max-width:50px}
.xw100{max-width:100px}
.xw150{max-width:150px}
.xw200{max-width:200px}
.xw250{max-width:250px}
.xw300{max-width:300px}
.xw350{max-width:350px}
.xw400{max-width:400px}
.xw450{max-width:450px}
.xw500{max-width:500px}
.xw600{max-width:600px}
.xw700{max-width:700px}
.xw800{max-width:800px}
.xw900{max-width:900px}
.xw1000{max-width:1000px}
.w0{width:0}
.w50{width:50px}
.w100{width:100px}
.w150{width:150px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w350{width:350px}
.w400{width:400px}
.w450{width:450px}
.w500{width:500px}
.w600{width:600px}
.w700{width:700px}
.w800{width:800px}
.w900{width:900px}
.w1000{width:1000px}
.mh50{min-height:50px}
.mh55{min-height:55px}
.mh60{min-height:60px}
.mh65{min-height:65px}
.mh70{min-height:70px}
.mh75{min-height:75px}
.mh80{min-height:80px}
.mh85{min-height:85px}
.mh90{min-height:90px}
.mh95{min-height:95px}
.mh100{min-height:100px}
.mh150{min-height:150px}
.mh200{min-height:200px}
.mh300{min-height:300px}
.mh400{min-height:400px}
.mh500{min-height:500px}
.xh50{max-height:50px}
.xh55{max-height:55px}
.xh60{max-height:60px}
.xh65{max-height:65px}
.xh70{max-height:70px}
.xh75{max-height:75px}
.xh80{max-height:80px}
.xh85{max-height:85px}
.xh90{max-height:90px}
.xh95{max-height:95px}
.xh100{max-height:100px}
.xh150{max-height:150px}
.xh200{max-height:200px}
.xh300{max-height:300px}
.xh400{max-height:400px}
.xh500{max-height:500px}
.h0{height:0}
.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h35{height:35px}
.h40{height:40px}
.h45{height:45px}
.h50{height:50px}
.h55{height:55px}
.h60{height:60px}
.h65{height:65px}
.h70{height:70px}
.h75{height:75px}
.h80{height:80px}
.h85{height:85px}
.h90{height:90px}
.h95{height:95px}
.h100{height:100px}
.h150{height:150px}
.h200{height:200px}
.h250{height:250px}
.h300{height:300px}
.h400{height:400px}
.h500{height:500px}

.m0{margin:0}
.mr2{margin-right:2px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.ml50{margin-right:50px}
.ml2{margin-left:2px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml50{margin-left:50px}
.mx2{margin-right:2px;margin-left:2px}
.mx5{margin-right:5px;margin-left:5px}
.mx10{margin-right:10px;margin-left:10px}
.mx15{margin-right:15px;margin-left:15px}
.mx20{margin-right:20px;margin-left:20px}
.mx25{margin-right:25px;margin-left:25px}
.mx50{margin-right:50px;margin-left:50px}
.mxauto{margin-right:auto;margin-left:auto}
.mt2{margin-top:2px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt50{margin-top:50px}
.mb2{margin-bottom:2px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb50{margin-bottom:50px}
.my2{margin-top:2px;margin-bottom:2px}
.my5{margin-top:5px;margin-bottom:5px}
.my10{margin-top:10px;margin-bottom:10px}
.my15{margin-top:15px;margin-bottom:15px}
.my20{margin-top:20px;margin-bottom:20px}
.my25{margin-top:25px;margin-bottom:25px}
.my50{margin-top:50px;margin-bottom:50px}
.my100{margin-top:100px;margin-bottom:100px}

.p0{padding:0}
.pr2{padding-right:2px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr50{padding-right:50px}
.pl2{padding-left:2px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl50{padding-left:50px}
.px2{padding-right:2px;padding-left:2px}
.px5{padding-right:5px;padding-left:5px}
.px10{padding-right:10px;padding-left:10px}
.px15{padding-right:15px;padding-left:15px}
.px20{padding-right:20px;padding-left:20px}
.px25{padding-right:25px;padding-left:25px}
.px50{padding-right:50px;padding-left:50px}
.pt2{padding-top:2px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt50{padding-top:50px}
.pb2{padding-bottom:2px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb50{padding-bottom:50px}
.py2{padding-top:2px;padding-bottom:2px}
.py5{padding-top:5px;padding-bottom:5px}
.py10{padding-top:10px;padding-bottom:10px}
.py15{padding-top:15px;padding-bottom:15px}
.py20{padding-top:20px;padding-bottom:20px}
.py25{padding-top:25px;padding-bottom:25px}
.py50{padding-top:50px;padding-bottom:50px}

.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs22{font-size:22px}
.fs24{font-size:24px}
.fs26{font-size:26px}
.fs28{font-size:28px}
.fs30{font-size:30px}
.fs32{font-size:32px}
.fs40{font-size:40px}
.fs50{font-size:50px}
.fs60{font-size:60px}
.fs70{font-size:70px}
.fs80{font-size:80px}
.fsp50{font-size:50% }
.fsp60{font-size:60% }
.fsp70{font-size:70% }
.fsp80{font-size:80% }
.fsp90{font-size:90% }
.fsp110{font-size:110% }
.fsp120{font-size:120% }
.fsp130{font-size:130% }
.fsp140{font-size:140% }
.fsp150{font-size:150% }
.fsp160{font-size:160% }
.fsp170{font-size:170% }
.fsp180{font-size:180% }
.fsp190{font-size:190% }
.fsp200{font-size:200% }
.fw100{font-weight:100}
.fw200{font-weight:200}
.fw300{font-weight:300}
.fw400{font-weight:400}
.fw500{font-weight:500}
.fw600{font-weight:600}
.fw700{font-weight:700}
.fw800{font-weight:800}
.fw900{font-weight:900}
.lsn1{letter-spacing:-1px}
.lsn05{letter-spacing:-0.5px}
.ls0{letter-spacing:0}
.ls05{letter-spacing:0.5px}
.ls1{letter-spacing:1px}
.ls15{letter-spacing:1.5px}
.ls2{letter-spacing:2px}
.ls3{letter-spacing:3px}
.ls4{letter-spacing:4px}
.ls5{letter-spacing:5px}
.ls10{letter-spacing:10px}
.ls20{letter-spacing:20px}
.lh1{line-height:1}
.lh13{line-height:1.3}
.lh15{line-height:1.5}
.lh17{line-height:1.7}
.lh2{line-height:2}
.lh23{line-height:2.3}
.awesome{font-family:'FontAwesome'}

.smallest{font-size:50% }
.smaller{font-size:70% }
.small{font-size:90% }
.big{font-size:110%}
.bigger{font-size:130%}
.biggest{font-size:160%}

.upper{text-transform:uppercase}
.lower{text-transform:lowercase}

.round3{border-radius:3px}
.round5{border-radius:5px}
.round10{border-radius:10px}
.round15{border-radius:15px}
.round20{border-radius:20px}
.round25{border-radius:25px}
.round50{border-radius:50px}

.t1{transition:0.1s}
.t2{transition:0.2s}
.t3{transition:0.3s}
.t4{transition:0.4s}
.t5{transition:0.5s}
.e101:hover{transform:scale(1.01)}
.e102:hover{transform:scale(1.02)}
.e103:hover{transform:scale(1.03)}
.e104:hover{transform:scale(1.04)}
.e105:hover{transform:scale(1.05)}
.e106:hover{transform:scale(1.06)}
.e107:hover{transform:scale(1.07)}
.e108:hover{transform:scale(1.08)}
.e109:hover{transform:scale(1.09)}
.e11:hover{transform:scale(1.1)}
.e12:hover{transform:scale(1.2)}
.e13:hover{transform:scale(1.3)}
.e14:hover{transform:scale(1.4)}
.e15:hover{transform:scale(1.5)}
.e16:hover{transform:scale(1.6)}
.e17:hover{transform:scale(1.7)}
.e18:hover{transform:scale(1.8)}
.e19:hover{transform:scale(1.9)}
.e2:hover{transform:scale(2.0)}

.light{opacity:1;transition:opacity 0.3s}
.light:hover{opacity:0.7}
.dark{opacity:0.7;transition:opacity 0.3s}
.dark:hover{opacity:1}
.dark2{filter:brightness(75%);transition:filter 0.3s}
.dark2:hover{filter:none}
.enlarge{transition:transform 0.2s}
.enlarge:hover{transform:scale(1.3)}
.enlarge2{transition:transform 0.2s}
.enlarge2:hover{transform:scale(1.1)}
.rotate{transition:transform 0.5s}
.rotate:hover{transform:rotate(360deg)}
.rotatex{transition:transform 0.5s}
.rotatex:hover{transform:rotateX(360deg)}
.rotatey{transition:transform 0.5s}
.rotatey:hover{transform:rotateY(360deg)}
.fade{animation:fade 2s}
.totop{animation:totop 1s}
.tobottom{animation:tobottom 1s}
.toright{animation:toright 1s}
.toleft{animation:toleft 1s}
.zoom{animation:zoom 1s}

div.row{display:flex;flex-wrap:wrap;justify-content:center}
div.rowbetween{justify-content:space-between}
div.rowaround{justify-content:space-around}
div.rowevenly{justify-content:space-evenly}
div.rowstart{justify-content:flex-start}
div.rowend{justify-content:flex-end}
div.rowright{justify-content:right}
div.rownowrap{flex-flow:row nowrap}
div.col1,div.col2,div.col5,div.col10,div.col15,div.col20,div.col25,div.col28,div.col29,div.col30,div.col33,div.col35,div.col40,div.col45,div.col50,div.col55,div.col60,div.col65,div.col70,div.col75,div.col80,div.col85,div.col90,div.col95,div.col100{flex:100%}
div.col5s{flex:5%;max-width:5%}
div.col10s{flex:10%;max-width:10%}
div.col15s{flex:15%;max-width:15%}
div.col20s{flex:20%;max-width:20%}
div.col25s{flex:25%;max-width:25%}
div.col30s{flex:30%;max-width:30%}
div.col35s{flex:35%;max-width:35%}
div.col40s{flex:40%;max-width:40%}
div.col45s{flex:45%;max-width:45%}
div.col50s{flex:50%;max-width:50%}
div.col55s{flex:55%;max-width:55%}
div.col60s{flex:60%;max-width:60%}
div.col65s{flex:65%;max-width:65%}
div.col70s{flex:70%;max-width:70%}
div.col75s{flex:75%;max-width:75%}
div.col80s{flex:80%;max-width:80%}
div.col85s{flex:85%;max-width:85%}
div.col90s{flex:90%;max-width:90%}
div.col95s{flex:95%;max-width:95%}
div.order1{order:1}
div.order2{order:2}
@media only screen and (min-width:992px)
{
div.col1{flex:1%;max-width:1%}
div.col2{flex:2%;max-width:2%}
div.col5{flex:5%;max-width:5%}
div.col10{flex:10%;max-width:10%}
div.col15{flex:15%;max-width:15%}
div.col20{flex:20%;max-width:20%}
div.col25{flex:25%;max-width:25%}
div.col28{flex:28%;max-width:28%}
div.col29{flex:29%;max-width:29%}
div.col30{flex:30%;max-width:30%}
div.col33{flex:33%;max-width:33%}
div.col35{flex:35%;max-width:35%}
div.col40{flex:40%;max-width:40%}
div.col45{flex:45%;max-width:45%}
div.col50{flex:50%;max-width:50%}
div.col55{flex:55%;max-width:55%}
div.col60{flex:60%;max-width:60%}
div.col65{flex:65%;max-width:65%}
div.col70{flex:70%;max-width:70%}
div.col75{flex:75%;max-width:75%}
div.col80{flex:80%;max-width:80%}
div.col85{flex:85%;max-width:85%}
div.col90{flex:90%;max-width:90%}
div.col95{flex:95%;max-width:95%}
div.order1{order:0}
div.order2{order:0}
}

.pointer{cursor:pointer}
.dib{display:inline-block}
.db{display:block}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.top0{top:0}
.bottom0{bottom:0}
.right0{right:0}
.left0{left:0}
.hidden{display:none}
.ofh{overflow:hidden}
.ofa{overflow:auto}
.opacity0{opacity:0}
.opacity1{opacity:1}
div.clearfix::after{content:'';clear:both;display:table}
.divider{border-top:1px dotted #aaa;margin:5px 0}
div#slide2 div{top:-100px}
div#slide3 div{top:-100px}
div#ChatTitle{background:#AF0238}

.green{color:#4BBB40}
.blue{color:#046ACC}
.red{color:#AF0238}
.magenta{color:#f0f}
.navy{color:#008}
.black{color:#000}
.g1{color:#111}
.g2{color:#222}
.g3{color:#333}
.g4{color:#444}
.g5{color:#555}
.g6{color:#666}
.g7{color:#777}
.g8{color:#888}
.g9{color:#999}
.ga{color:#aaa}
.gb{color:#bbb}
.gc{color:#ccc}
.gd{color:#ddd}
.ge{color:#eee}
.white{color:#fff}
.c1{color:#F264F2}
.c2{color:#DB4444}
.c3{color:#F37924}
.c4{color:#F9A414}
.c5{color:#6EBE2C}
.c6{color:#ADD40A}
.c7{color:#59C2E0}
.c8{color:#4B85BC}
.c9{color:#E21CFF}
.c10{color:#FF8A00}
.c11{color:#3F71C1}
.c12{color:#1EC7FF}
.c13{color:#C02994}
.c14{color:#31A0D8}
.c15{color:#CD1717}
.c16{color:#48A91F}
.c17{color:#FE2C55}
.c18{color:#784F98}
.c19{color:#0A66C2}
.c20{color:#EFE51D}
.ch1:hover{color:#F264F2}
.ch2:hover{color:#DB4444}
.ch3:hover{color:#F37924}
.ch4:hover{color:#F9A414}
.ch5:hover{color:#6EBE2C}
.ch6:hover{color:#ADD40A}
.ch7:hover{color:#59C2E0}
.ch8:hover{color:#4B85BC}
.ch9:hover{color:#E21CFF}
.ch10:hover{color:#FF8A00}
.ch11:hover{color:#3F71C1}
.ch12:hover{color:#1EC7FF}
.ch13:hover{color:#C02994}
.ch14:hover{color:#31A0D8}
.ch15:hover{color:#CD1717}
.ch16:hover{color:#48A91F}
.ch17:hover{color:#FE2C55}
.ch18:hover{color:#784F98}
.ch19:hover{color:#0A66C2}
.ch20:hover{color:#EFE51D}

.bg9{border:1px solid #999}
.bgc{border:1px solid #ccc}
.bgd{border:1px solid #ddd}

.greenbg{background:#4BBB40}
.blackbg{background:#000}
.g6bg{background:#666}
.g8bg{background:#888}
.gabg{background:#aaa}
.qbg{background:#AF0238}
.blackbgh:hover{background:#000}
.gabgh:hover{background:#aaa}

.arrowright2icon::after{content:"\f0da"}
.arrowleft2icon::after{content:"\f0d9"}
.circleicon::after{content:"\f111"}
.homeicon::after{content:"\f015"}
.usericon::after{content:"\f007"}
.profileicon::after{content:"\f2bb"}
.fileicon::after{content:"\f15c"}
.lockicon::after{content:"\f023"}
.unlockicon::after{content:"\f09c"}
.surpicon::after{content:"\f0a5"}
.trashicon::after{content:"\f2ed"}
.messageicon::after{content:"\f0e0"}
.userbanicon::after{content:"\f506"}
.favoriteicon::after{content:"\f005"}
.twitter::after{content:"\f099"}
.youtube::after{content:"\f167"}
.telegram::after{content:"\f3fe"}
.whatsapp::after{content:"\f232"}

@font-face{font-family:'NotoKufi';src:url('class/fonts/notokufi-medium.ttf') format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'NotoKufi';src:url('class/fonts/notokufi-bold.ttf') format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'FontAwesome';src:url("class/fonts/fontawesomeregular400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'FontAwesome';src:url("class/fonts/fontawesomesolid900.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'FontAwesome';src:url("class/fonts/fontawesomebrands400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}