/* ========================================
   GameZag Frontend Dark Theme - Unified CSS
   جميع ملفات CSS الضرورية للوضع الليلي
   ======================================== */

/* ===== DARK THEME BASE STYLES ===== */
body,html{height:100%}
html{scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'poppins',sans-serif;font-size:13px;background:#000;line-height:1.8;color:#FFF9FF;padding-top:71px}
*,p,h1,h2,h3,h4,h5,h6,ul{margin:0}
ul{padding:0;list-style-type:none}
a,a:hover{text-decoration:none}
a{color:inherit;text-decoration:none}
.td{text-decoration:none!important}
.fw1{font-weight:200}
.fw2{font-weight:400}
.fw3{font-weight:500}
.fw4{font-weight:600}
.inline{display:inline-block}
h1,h2,h3,h4,h5,h6{font-weight:700}
.trans{transition:background 0.25s ease,color 0.25s ease,box-shadow 0.25s ease}
.flex{display:flex}
.jc{justify-content:center}
.jcb{justify-content:space-between}
.ai{align-items:center}
.pointer{cursor:pointer}
.rel{position:relative}
.abs{position:absolute}
.fs11{font-size:11px!important}
.fs12{font-size:12px!important}
.fs13{font-size:13px!important}
.fs14{font-size:14px!important}
.fs15{font-size:15px!important}
.fs16{font-size:16px!important}
.fs17{font-size:17px!important}
.fs18{font-size:18px!important}
.fs19{font-size:19px!important}
.fs20{font-size:20px!important}
.fs22{font-size:22px!important}
.fs24{font-size:24px!important}
.fs26{font-size:26px!important}
.fs28{font-size:28px!important}
.fs30{font-size:30px!important}
.fs35{font-size:35px!important}
.fs40{font-size:40px!important}
.fs50{font-size:50px!important}
.br100{border-radius:100px}
.br8{border-radius:8px}
.br5{border-radius:5px}
.m0{margin:0!important}
.m10{margin:10px 0}
.m15{margin:15px 0}
.m20{margin:20px 0}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.cgray{color:#afafaf}
:root{--first:#f7a425;--second:#00b866;--third:#2C2F34;--forth:#009688}
.fwrap{flex-wrap:wrap}
.cwhite{color:white!important}

/* ===== HEADER STYLES ===== */
.header{padding:15px 0;background:#121212;position:fixed;width:100%;left:0;z-index:99;top:0}
.logo-main{width:170px;margin-top:5px}
.searchTop{width:100%;background:none;border:none;outline:none;color:#fff;padding:7px 15px;font-size:15px}
.searchBtnTop{background:#1a1a1a url(../img/searchImg.png) no-repeat center;border:none;outline:none;height:33px;width:33px;background-size:17px;position:absolute;border-radius:8px;right:5px}
.searchTopCont{background:#242424;border-radius:8px;overflow:hidden;position:relative}
.main-link{color:white!important;text-decoration:none!important;display:inline-block}
.mainUl li{display:inline-block;margin-left:32px}
.main-link img{width:19px;margin-right:7px;vertical-align:middle}
.main-link .fa{top:1px}
.catBtnHead{background:#242424;padding:9px 15px!important;border-radius:8px}
.dropdownUl{display:none;position:absolute;top:140%;background:#141414;padding:10px 0;width:180px;left:0;border-radius:8px;overflow:hidden}
.dropdownLi{text-align:left}
.dropdownUl li,.dropdownUl a{display:block;width:100%;margin:0}
.dropdownUl a{color:white!important;text-decoration:none!important;padding:6px 17px}
.dropdownUl img{width:16px;margin-right:10px}
.dropdownUl a:hover,.dropdownUl a:focus{background:#1a1a1a}
.headLinsFlex{justify-content:flex-end}
.socialHeadFlex a{font-size:18px;margin-left:16px;color:#c08221}

/* ===== SLIDER STYLES ===== */
.sliderHome{padding:70px 0;background:#060606}
.sliderHome p{width:100%;max-width:390px}
.mainBack{position:fixed;width:100%;top:0;height:100%;object-fit:cover;z-index:-4;opacity:.1}
.btn1{background:var(--first);padding:8px 20px;color:black!important}
.btn1:hover,.btn1:focus{background:#c77800}
.btn2{text-align:center;background:var(--second);padding:8px 20px;color:black!important}
.btn2:hover,.btn2:focus{background:#02894c}
.homeSlide{background:#121212;border-radius:8px;overflow:hidden;margin:0 8px;transition:0.25s ease;border:2px solid #fff0}
.homeSlide:hover{border-color:var(--first)}
.homeSlideBox{color:white!important}
.homeSlideBox img{width:100%;height:161px;object-fit:cover}
.slick-slide,.slick-slide *{outline:none!important}
.homeSlide .inner{padding:9px 16px}
.homeSlide span{color:#918c8c;font-size:11px}
.heading1{font-size:22px;font-weight:500;margin-top:40px}
.padder1{padding:50px 0}
.cfirst{color:var(--first)}

/* ===== CONTENT STYLES ===== */
.gameBox1{margin:21px 0 0;background:#121212;border-radius:8px;overflow:hidden;transform:scale(1);transition:0.25s ease}
.block{display:block}
.gameBoxImg{width:100%;height:180px;object-fit:cover}
.gameBox1 .inner{padding:13px 15px 9px}
.gameBox1:hover,.gameBox1:focus{transform:scale(1.05);background:var(--first);color:black!important;font-weight:700}
.viewmoreBtn{color:#6c6c6c;font-size:14px;text-decoration:none!important}
.viewmoreBtn:hover,.viewmoreBtn:focus{color:var(--first)}
.container{max-width:1400px;width:100%}
.gameBox2{transition:0.25s ease;transform:scale(1);border-radius:8px;overflow:hidden;margin-top:21px}
.gameBox2:hover{transform:scale(1.07)}
.gameBox2Img{width:100%;height:118px;background:#121212;object-fit:cover}
.gameBox2Title{bottom:12px}
.gameBox2Inner{position:absolute;z-index:10;width:100%;height:100%;top:0;padding:0 20px;transition:0.25s ease;opacity:0}
.gameBox2:hover .gameBox2Inner{opacity:1;transform:scale(1.1)}
.graybg,.gameBox2Inner{background:rgb(0 0 0 / .17);background:-moz-linear-gradient(top,rgb(0 0 0 / .17) 0%,rgb(0 0 0 / .17) 20%,rgb(0 0 0 / .73) 76%,rgb(0 0 0 / .73) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgb(0 0 0 / .17)),color-stop(20%,rgb(0 0 0 / .17)),color-stop(76%,rgb(0 0 0 / .73)),color-stop(100%,rgb(0 0 0 / .73)));background:-webkit-linear-gradient(top,rgb(0 0 0 / .17) 0%,rgb(0 0 0 / .17) 20%,rgb(0 0 0 / .73) 76%,rgb(0 0 0 / .73) 100%);background:-o-linear-gradient(top,rgb(0 0 0 / .17) 0%,rgb(0 0 0 / .17) 20%,rgb(0 0 0 / .73) 76%,rgb(0 0 0 / .73) 100%);background:-ms-linear-gradient(top,rgb(0 0 0 / .17) 0%,rgb(0 0 0 / .17) 20%,rgb(0 0 0 / .73) 76%,rgb(0 0 0 / .73) 100%);background:linear-gradient(to bottom,rgb(0 0 0 / .17) 0%,rgb(0 0 0 / .17) 20%,rgb(0 0 0 / .73) 76%,rgb(0 0 0 / .73) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0)}
.slick-prev,.slick-next{display:none!important}
.slideBtn{width:15px;position:absolute;top:40%;background:#121212;display:flex;object-fit:contain;align-items:center;cursor:pointer;justify-content:center;width:50px;height:50px;padding:0 21px;border-radius:100px;opacity:0;transition:0.25s ease}
.leftArrow{left:0}
.arrowRight{right:0}
.sliderBack:hover .slideBtn{opacity:.7}
.slideBtn:hover{opacity:1!important}
.csecond{color:var(--second)}
.catHome{padding:10px 0}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:9px;padding-left:9px}
.row{margin-right:-9px;margin-left:-9px}
.heading1Flex{margin-bottom:15px}
.homeCatBox{display:inline-flex;align-items:center;width:100%;background:#121212;overflow:hidden;border-radius:8px;margin-top:10px;transition:0.25s ease;padding-right:15px}
.homeCatBox:hover,.homeCatBox:focus{color:var(--first);transform:scale(1.08);background:#262626}
.homeCatBox img{width:60px;height:50px;object-fit:cover;margin-right:14px}

/* ===== FOOTER STYLES ===== */
.footer{background:#121212;padding:13px 0}
.detailHome h2{font-size:22px;font-weight:500;margin-bottom:20px}
.footLinks a{color:#9f9f9f!important;margin-left:20px}
.footLinks a:hover{color:var(--first)!important}
.bar{right:20px;cursor:pointer;top:8px;z-index:10;display:none}
.bar span{display:block;margin:7px 0;background:var(--first);height:2px;width:20px;z-index:10}
.popHomeFlex{flex-wrap:wrap}
.popCont{margin:-1px 11px;width:207px}
.playPage iframe{height:397px;width:66%;border:2px solid var(--first);float:left}
.playPage{padding-bottom:50px}
.iframeArea .gameBox2{width:15%;vertical-align:top;float:left;margin:0 0 2% 2%}
.underiframe .gameBox2{margin:0 2% 2% 0}
.underiframe .gameBox2:nth-child(6n){margin:0 0 2% 0}
.w100{width:100%}
.playShareBtn{width:100%;align-items:center;text-align:center;border-radius:8px;transition:0.25s ease;padding:3px 10px;font-size:22px;color:white!important;text-decoration:none!important}
.palyShareFlex .fb{background:#1877F2}
.palyShareFlex .tw{background:#1DA1F2}
.palyShareFlex .inst{background:#C4399B}
.playShareBtn:hover,.playShareBtn:focus{transform:scale(1.08)}
.playShare,.block1{background:#121212;padding:20px 23px;border-radius:8px}
.hr1{border-color:#302819}
.urlTxt{color:#b1b1b1;background:#080808;border:none;outline:none;padding:9px 16px}
.playContent{padding-right:160px}
.smallHead{font-size:18px;font-weight:400}
.playContent li{position:relative;padding-left:20px}
.playContent li::before{content:'';position:absolute;width:7px;height:7px;background:#f7a625;border-radius:100px;top:8px;left:0}
.playShare{margin-bottom:20px}
.playShare a,.playShare .pointer{background:#080808;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;height:30px;color:white!important;border-radius:8px}
.playShare a:hover,.playShare .pointer:hover{background:var(--first);color:black!important}
.modal-open .modal{background:rgb(0 0 0 / 83%);display:flex!important;align-items:center;justify-content:center}
.modal-content{background:var(--third)}
.modal-content{border:none}
.modal-header{background:#643c00;border:none}
.modal-footer{border-color:#4a4a4a;background:#202226}
.modal-header .close{color:#fff}
.us{user-select:none}
.pointer{cursor:pointer}
::-moz-selection{color:#000;background:var(--first)}
::selection{color:#000;background:var(--first)}

/* ===== SLICK SLIDER STYLES ===== */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ===== SLICK THEME STYLES ===== */
@charset 'UTF-8';
.slick-loading .slick-list{background:transparent center center no-repeat}
@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(./fonts/slick.eot);src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url(./fonts/slick.woff) format('woff'),url(./fonts/slick.ttf) format('truetype'),url('./fonts/slick.svg#slick') format('svg')}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:#fff0;border:none;outline:none;background:#fff0}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:#fff0;outline:none;background:#fff0}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:#fff0;border:0;outline:none;background:#fff0}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}

/* ===== LANGUAGE STYLES ===== */
.language-dropdown{min-width:160px!important;right:-78px!important}
.language-dropdown li a{padding:6px 12px!important;font-size:13px;white-space:nowrap}
.language-dropdown li a:hover{background:rgb(255 255 255 / .1)}
.language-dropdown .flag-emoji{margin-right:8px;font-size:16px}
@media (max-width:768px){
	.language-dropdown{position:relative!important;min-width:150px!important}
	.language-dropdown li a{padding:10px 12px!important;font-size:13px}
}
html[dir="rtl"] .language-dropdown{text-align:right}
html[dir="rtl"] .language-dropdown li a{text-align:right;direction:rtl}
.main-link.language-current{font-weight:500}
.main-link.language-current .flag-emoji{margin-right:5px}
.dropdownUl.language-dropdown{transition:all 0.25s ease;box-shadow:0 10px 18px rgb(0 0 0 / .2);border-radius:6px;overflow:hidden}
.dropdownUl.language-dropdown li:hover{background:rgb(255 255 255 / .05)}
.flag-icon{width:18px;height:14px;margin-right:7px;display:inline-block;vertical-align:middle}
@media (max-width:992px){
	.mainUl li:last-child{margin-right:0}
	.language-dropdown{right:0;left:auto}
}
.dark-theme .language-dropdown{background:rgb(0 0 0 / .9);border:1px solid rgb(255 255 255 / .1)}
.light-theme .language-dropdown{background:rgb(255 255 255 / .95);border:1px solid rgb(0 0 0 / .1)}
.light-theme .language-dropdown li a{color:#333}
.light-theme .language-dropdown li:hover a{background:rgb(0 0 0 / .05)}

/* ===== FONTAWESOME ICONS STYLES ===== */
/* تم نقل هذه الأنماط إلى fontawesome-custom.min.css */

/* ===== THEME ICON STYLES ===== */
.main-link i.fa-sun,
.main-link i.fa-moon {
    font-size: 14px !important;
    color: white !important;
    transition: all 0.3s ease;
    display: inline-block !important;
}

.main-link:hover i.fa-sun,
.main-link:hover i.fa-moon {
    transform: scale(1.1);
    color: var(--first) !important;
}

/* ===== SOCIAL MEDIA ICONS ===== */
.playShareBtn i.fa-facebook,
.playShareBtn i.fa-twitter,
.playShareBtn i.fa-whatsapp {
    font-size: 18px !important;
    color: white !important;
    display: inline-block !important;
}

.playShareBtn:hover i.fa-facebook,
.playShareBtn:hover i.fa-twitter,
.playShareBtn:hover i.fa-whatsapp {
    transform: scale(1.1);
}

/* ===== UI ICONS ===== */
.cont i.fa-code,
.cont i.fa-arrows-alt {
    font-size: 16px !important;
    color: white !important;
    display: inline-block !important;
}

.cont i.fa-facebook,
.cont i.fa-twitter,
.cont i.fa-whatsapp,
.fab.fa-facebook,
.fab.fa-twitter,
.fab.fa-whatsapp {
    font-size: 16px !important;
    color: white !important;
    display: inline-block !important;
}

/* ===== SOCIAL MEDIA BUTTON COLORS ===== */
.playShareBtn.fb {
    background: #1877F2 !important;
}

.playShareBtn.tw {
    background: #1DA1F2 !important;
}

.playShareBtn.whats {
    background: #25D366 !important;
}

/* ===== ICON FALLBACKS ===== */
/* تم نقل هذه الأنماط إلى fontawesome-custom.min.css */

/* ===== LANGUAGE DROPDOWN IMPROVEMENTS ===== */
.dropdownUl li a img[src*="flags/"] {
    width: 16px !important;
    height: 12px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    border-radius: 2px;
    object-fit: cover;
}

.catBtnHead img[src*="flags/"] {
    width: 19px !important;
    height: 14px !important;
    margin-right: 7px !important;
    vertical-align: middle !important;
    border-radius: 2px;
    object-fit: cover;
}

/* ===== INLINE STYLES ===== */
.dropdownLi{position:relative}
.language-dropdown{position:absolute!important;top:140%!important;right:-78px!important;left:auto!important;z-index:9999!important;background:#ffffff!important;border:none!important;border-radius:8px!important;box-shadow:0 10px 18px rgb(0 0 0 / 20%)!important;min-width:160px!important;padding:6px 0!important;margin:0!important;list-style:none!important;pointer-events:auto!important;overflow:hidden!important}
.language-dropdown li{margin:0!important;padding:0!important}
.language-dropdown li a{display:flex!important;align-items:center!important;padding:6px 14px!important;text-decoration:none!important;color:#6b6b6b!important;border-bottom:1px solid #eee!important;transition:background-color 0.2s!important;pointer-events:auto!important}
.language-dropdown li a:hover,.language-dropdown li a:focus{background-color:#f0f0f0!important}
.language-dropdown li img{width:18px!important;height:14px!important;margin-right:10px!important;pointer-events:none!important}
.language-dropdown.show{display:block!important}
.language-dropdown a{pointer-events:auto!important}
.language-dropdown img{pointer-events:none!important}
.language-dropdown li{pointer-events:auto!important}
section:has(center img[src*="728.png"]){margin-top:30px!important}
section+center img[src*="728.png"]{margin-top:30px!important}
center img[src*="728.png"]{margin-top:30px!important;margin-bottom:20px!important;display:block!important}

/* ===== RESPONSIVE STYLES ===== */
@media screen and (max-width:992px){
	.mainUl li,.main-link,.headLinsFlex,.heading1Flex,.heading3,.bar,.playPage iframe{display:block}
	.navSlide{display:none}
	.tac,.heading1Flex,.heading1,.heading3,.dropdownUl{text-align:center}
	.dropdownUl,.playPage iframe{width:100%}
	.searchTopCont{margin-top:20px}
	.playContent{padding:20px 23px}
	.mainUl li{margin:0}
	.mainUl{text-align:center;width:100%}
	.main-link{padding:11px 10px;background:#1e1d1d;margin:10px 0;text-align:center}
	.socialHeadFlex{margin:0!important;justify-content:center}
	body{padding-top:129px}
	.homeCatBox img{width:50px;height:37px}
	.homeCatBox p{font-size:12px}
	.gameBox2Title{left:40px}
	.homeSlidInner{margin-bottom:50px}
	.iframeArea .gameBox2{display:inline-block;float:none;width:47%;margin:11px 1% 0}
	.gameBoxImg{height:110px}
	.popCont{margin:-1px 6px;width:40%}
}

.gameBox1 p{min-height:53px}
.popSlider{display:none}
.slick-initialized{display:block}

/* ===== DARK THEME SPECIFIC STYLES ===== */
.detailHome {
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    padding: 40px 0;
}
.detailHome h2 {
    color: #f39c12;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #f39c12;
    padding-bottom: 10px;
    display: inline-block;
}
.detailHome p {
    line-height: 1.6;
    margin-bottom: 15px;
}
.detailHome ul li {
    margin-bottom: 8px;
    padding-left: 0;
}
.detailHome ul li a {
    transition: all 0.3s ease;
    padding: 5px 0;
    display: inline-block;
}
.detailHome ul li a i {
    margin-right: 8px;
    width: 16px;
    text-align: center;
}
.detailHome ul li a:hover {
    color: #f39c12 !important;
    text-decoration: none;
}
.detailHome .menu-links a {
    transition: color 0.3s ease;
    margin: 0 3px;
}
.detailHome .menu-links a:hover {
    color: #f39c12 !important;
    text-decoration: none;
}
.footer-copyright {
    background: #111 !important;
    border-top: 1px solid #333;
    margin-top: 20px;
}