@font-face {
    font-family: 'Tajawal-Regular';
    src: url('/assets/fonts/Tajawal/Tajawal-Regular.eot?1');
    src: url('/assets/fonts/Tajawal/Tajawal-Regular.eot?1#iefix') format('embedded-opentype'),
        url('/assets/fonts/Tajawal/Tajawal-Regular.woff2?1') format('woff2'),
        url('/assets/fonts/Tajawal/Tajawal-Regular.woff?1') format('woff'),
        url('/assets/fonts/Tajawal/Tajawal-Regular.ttf?1')  format('truetype'),
        url('/assets/fonts/Tajawal/Tajawal-Regular.svg?1#Tajawal-Regular') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}
@font-face {
    font-family: 'Tajawal-Bold';
    src: url('/assets/fonts/Tajawal/Tajawal-Bold.eot');
    src: url('/assets/fonts/Tajawal/Tajawal-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Tajawal/Tajawal-Bold.woff2') format('woff2'),
        url('/assets/fonts/Tajawal/Tajawal-Bold.woff') format('woff'),
        url('/assets/fonts/Tajawal/Tajawal-Bold.ttf')  format('truetype'),
        url('/assets/fonts/Tajawal/Tajawal-Bold.svg#Tajawal-Bold') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}
@font-face {
    font-family: 'Lato-Regular';
    src: url('/assets/fonts/Lato/Lato-Regular.eot?1');
    src: url('/assets/fonts/Lato/Lato-Regular.eot?1#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato/Lato-Regular.woff2?1') format('woff2'),
        url('/assets/fonts/Lato/Lato-Regular.woff?1') format('woff'),
        url('/assets/fonts/Lato/Lato-Regular.ttf?1')  format('truetype'),
        url('/assets/fonts/Lato/Lato-Regular.svg?1#Lato-Regular') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}
@font-face {
    font-family: 'Lato-Bold';
    src: url('/assets/fonts/Lato/Lato-Bold.eot?1');
    src: url('/assets/fonts/Lato/Lato-Bold.eot?1#iefix') format('embedded-opentype'),
        url('/assets/fonts/Lato/Lato-Bold.woff2?1') format('woff2'),
        url('/assets/fonts/Lato/Lato-Bold.woff?1') format('woff'),
        url('/assets/fonts/Lato/Lato-Bold.ttf?1')  format('truetype'),
        url('/assets/fonts/Lato/Lato-Bold.svg?1#Lato-Bold') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}

@font-face {
    font-family: 'ChamberiHeadline-Regular';
    src: url('/assets/fonts/Chamberi/ChamberiHeadline-Regular.eot?1');
    src: url('/assets/fonts/Chamberi/ChamberiHeadline-Regular.eot?1#iefix') format('embedded-opentype'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Regular.woff2?1') format('woff2'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Regular.woff?1') format('woff'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Regular.ttf?1')  format('truetype'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Regular.svg?1#ChamberiHeadline-Regular') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}
@font-face {
    font-family: 'ChamberiHeadline-Bold';
    src: url('/assets/fonts/Chamberi/ChamberiHeadline-Bold.eot?1');
    src: url('/assets/fonts/Chamberi/ChamberiHeadline-Bold.eot?1#iefix') format('embedded-opentype'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Bold.woff2?1') format('woff2'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Bold.woff?1') format('woff'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Bold.ttf?1')  format('truetype'),
        url('/assets/fonts/Chamberi/ChamberiHeadline-Bold.svg?1#ChamberiHeadline-Bold') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}

@font-face {
    font-family: 'GEHili-Book';
    src: url('/assets/fonts/GEHili-Book.eot');
    src: url('/assets/fonts/GEHili-Book.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/GEHili-Book.woff2') format('woff2'),
        url('/assets/fonts/GEHili-Book.woff') format('woff'),
        url('/assets/fonts/GEHili-Book.ttf')  format('truetype'),
        url('/assets/fonts/GEHili-Book.svg#GEHili-Book') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}
@font-face {
    font-family: 'Garamond';
    src: url('/assets/fonts/garamond/Garamond.eot');
    src: url('/assets/fonts/garamond/Garamond?#iefix') format('embedded-opentype'),
        url('/assets/fonts/garamond/Garamond.woff2') format('woff2'),
        url('/assets/fonts/garamond/Garamond.woff') format('woff'),
        url('/assets/fonts/garamond/Garamond.ttf')  format('truetype'),
        url('/assets/fonts/garamond/Garamond.svg#Garamond') format('svg');
        font-display: swap;
        font-style: normal;
        font-variant: normal;
}

.tajawal-font{font-family: 'Tajawal-Regular', Arial, Helvetica, sans-serif !important;}
.tajawal-bold{font-family: 'Tajawal-Bold', Arial, Helvetica, sans-serif !important;}
.lato-font{font-family: 'Lato-Regular', Arial, Helvetica, sans-serif !important;}
.lato-bold{font-family: 'Lato-Bold', Arial, Helvetica, sans-serif !important;}
.chambri-font{font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;}
.chambri-bold{font-family: 'ChamberiHeadline-Bold', Arial, Helvetica, sans-serif !important;}

.ghili-font{font-family: 'GEHili-Book', Arial, Helvetica, sans-serif !important;}
.garamond-font{font-family: 'Garamond', Arial, Helvetica, sans-serif !important;}

.font9{font-size: 9px;}
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size:12px;}
.font14{font-size: 14px;}
.font13{font-size: 13px ;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font18-2{font-size: 18px;}
.font18-3{font-size: 18px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font23{font-size: 23px;}
.font24{font-size: 24px;}
.font25{font-size: 25px;}
.font26{font-size: 26px;}
.font27 {font-size: 27px;}
.font28{font-size: 28px;}
.font30{font-size: 30px;}
.font31{font-size: 31px;}
.font33{font-size: 33px;}
.font34{font-size: 34px;}
.font35{font-size: 35px;}
.font37{font-size: 37px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}
.font45{font-size: 45px;}
.font50{font-size: 50px;}

html, body { margin:0; padding:0;direction: ltr}
body { height: 100%; overflow-x: hidden;}
ul { list-style: none }
ul, li { margin: 0; padding: 0 }
h2,h3,h4{line-height: 1.5; font-weight: normal;}
a { text-decoration: none; color: inherit }
* {padding: 0; box-sizing: border-box }
*::selection {color: white; background: #DAA520}
img { border: none }
input, select:focus, textarea {font-size: 16px !important}
input[type=email]{direction: ltr; text-align: left}
.hidden {display: none}
.block {display: block}
.defaultInput { color: #666666 }
.clear {clear: both }
.numeral {font-family: Helvetica, Arial, sans-serif }
.rtl {direction: rtl}
.ltr {direction: ltr}
/*search overlay*/
body.overflowHide{overflow: hidden}
button{cursor: pointer;}
figure{padding: 0;margin: 0;}
input[disabled] {background-color: rgba(255, 255, 255, 0.5);}

.no-margin{margin:0 !important;}
.no-results{font-size: 32px; font-family:ChamberiHeadline-Regular, Arial, Helvetica, sans-serif; text-align: center; margin: 25px 0;}
.click-more{display: block;margin: 35px auto 0 auto;color: #D5312B;border: 1px solid #D5312B;border-radius: 7px;width: 180px;text-align: center; padding: 7px;}

/*datepicker*/
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{z-index: 9999 !important;}
.no-related-podcasts{background-color:unset !important}
.d-none{display:none !important;}

#site { margin: auto; background: white }
body.skinned { padding: 1px 0 0 0 }
body.skinned #site { width: 980px; margin: 100px auto 0 auto; overflow: hidden; background: white }
body.skinned div.leaderboardParent { min-width: 980px }
body.skinned section.menu { min-width: 980px }
body.skinned footer { min-width: 980px }
.mobile, .premium { display: none!important; }
.mobile-ad{display: none}
body.add-skin{cursor: pointer}
.skinning-link{text-align: center}
.skinning-link.desktop a img{width: 80%; max-width: 1100px}
.skinning-link.mobile a img{width: 100%}
.skinning-link.tablet {display: none}
body.overflow{overflow: hidden}
body.no-overflow{overflow: hidden}
body.no-overflow header section.main{z-index: 1}
body.no-overflow a.toTop{z-index: 0}

a.toTop{display: none; font-size: 30px; color: #DAA520; border: 3px solid #DAA520; position: fixed; bottom: 50px;z-index: 1001; right: 30px; border-radius: 50%; width: 45px; height: 45px; text-align: center; background: rgba(255, 255, 255, 0.901961); box-shadow: 0 1px 2px rgba(0,0,0,0.3); font-size: 25px;line-height: 40px;}
a.toTop.hidden{display: none !important;}
.page{padding: 180px 0 0 0; z-index: 1; position: relative}
.page.homepage{padding: 180px 0 0 0;}
.page.blur{filter: blur(5px);}

.ias-pagination {clear: both}
.container{max-width: 1145px; margin: auto; padding: 0 20px;}

.skinning .skin-container{background-color: #fff;max-width: 1145px;margin: auto;padding: 0 20px;}
.skinning footer .container{background-color: #000;}
.skinning .article-page .skin-container.last{padding: 10px 20px 0 20px;}

/*header*/
header{transition: 0.5s;top: 0;position: relative;}
header section.main {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;position: fixed;height: 180px;z-index: 999;width: 100%;background: #fff;transition: 0.2s;}
header section.main.no-shadow{box-shadow: none !important;}
header .user-actions{display: flex; align-items: center; margin: 25px 0 0 0; justify-content: space-between;}
header .user-actions form{display: flex; align-items: center;}
header .user-actions input{width: 110px; border-radius: 15.5px;border: 2px solid rgba(0, 0, 0, 0.1); height: 31px; line-height: 31px; padding: 0 0 0 10px;font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif; font-size: 14px;outline: rgba(0, 0, 0, 0.2);}
header .user-actions input::placeholder{font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif; font-size: 14px; color: rgba(0, 0, 0, 0.2);}
header .user-actions form a{width: 30px;height: 31px;display: inline-block;border-radius: 50%;border: 1px solid;line-height: 31px;text-align: center;font-size: 13px; color: rgba(0, 0, 0, 0.2); position: relative;}
header .user-actions img.header_main_logo{width: 205px; height: 55px; object-fit: contain;position: relative; top: 12px;}
header .user-actions .left_col{display: flex; align-items: center;}
header .user-actions .left_col .languages{border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 15.5px; width: 136px; text-align: center; position: relative; right: 35px; height: 31px;display: flex;align-items: center;}
header .user-actions .left_col .languages.hidden{display: none !important;}
header .user-actions .left_col .languages a{width: 65px;height: 100%;}
header .user-actions .left_col .languages a.english{line-height: 27px;text-transform: uppercase;}
header .user-actions .left_col .languages a.arabic{line-height: 25px;}
header .user-actions .left_col .languages a.active{border: 1px solid;background: #000;color: #fff;border-radius: 15.5px;font-weight: 700;}
header .user-actions .left_col .social.links{display: flex; align-items: center; gap: 7px;}
header .user-actions .left_col .social.links a img{width: 25px; height: 25px; object-fit: contain;}
header .main-menu nav.menu.desktop{position: relative;}
header .main-menu nav.menu.desktop ul{display: flex; align-items: center; margin: 30px 0 0 0;}
header .main-menu nav.menu.desktop ul li:nth-child(even){padding: 0 55px;}
header .main-menu nav.menu.desktop ul li a:hover{font-weight: 600;}
header .main-menu nav.menu.desktop ul li a.active{font-weight: 600;}
header .main-menu nav.menu.desktop .subscribe{position: absolute; right: 0; top: -8px;display: flex; align-items: center;gap: 2px;}
header .main-menu nav.menu.desktop .subscribe button{background-color: #DAA520; border: none; border-radius: 15.5px; width: 75px; height: 30px; line-height: 30px; text-align: center; color: #fff;}
header .main-menu nav.menu.desktop .subscribe i{width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff; background-color: #DAA520;border-radius: 50%; font-size: 12px;position: relative;right: 2px;cursor: pointer;}

/*footer*/
footer{background-color: #000; padding: 0 0 90px 0;}
footer .row{display: flex; align-items: flex-start; padding: 40px 0 0 0;justify-content: space-between;}
footer .row .right_col{width: 50%;}
footer .row .left_col{width: 40%;}
footer .row .right_col img{width: 230px; object-fit: contain;display: block;height:60px;object-fit:contain}
footer .row .right_col .categories{display: flex; align-items: center;justify-content: space-between;margin: 35px 0 0 0; border-bottom: 1px solid #fff;}
footer .row .right_col ul li{color: #fff; padding: 0 0 25px 0;}
footer .row .right_col ul.contact-us li{display: inline-block; padding: 20px 0;}
footer .row .right_col ul.contact-us li:nth-child(even){padding: 25px 45px 20px 45px;}
footer .row .right_col .develop_by.desktop a{display: flex;align-items: center;gap: 8px;}
footer .row .right_col .develop_by.desktop img{width: 100px;}
footer .row .right_col .develop_by.desktop p{font-size:15px ;font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;color: #fff;}
footer .row .right_col .social.links{display: flex; align-items: center; gap: 15px; margin: 15px 0 0 0;}
footer .row .right_col .social.links a img{width: 30px; height: 30px; object-fit: contain;}
footer .row .left_col .newsletter{background-color: #fff; padding: 22px 45px 55px 45px; margin: 20px 0 0 0; text-align: center;}
footer .row .left_col .newsletter h2{width: 80%;margin: 25px auto 0 auto; line-height: 40px;}
footer .row .left_col .newsletter p{line-height: 24px;}
footer .row .left_col .newsletter form{margin: 40px 0 30px 0; position: relative;}
footer .row .left_col .newsletter form input{border: none; border-bottom: 1px solid #DAA520; width: 100%; font-size: 14px; font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;}
footer .row .left_col .newsletter form input:-webkit-autofill,footer .row .left_col .newsletter form input:-webkit-autofill:hover,footer .row .left_col .newsletter form input:-webkit-autofill:focus,footer .row .left_col .newsletter form input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
footer .row .left_col .newsletter form input:focus{border-bottom: 1px solid #DAA520;}
footer .row .left_col .newsletter form input:focus-visible{outline: none;}
footer .row .left_col .newsletter form input::placeholder{font-size: 15px;font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;}
footer .row .left_col .newsletter form button{width: 65px; height: 30px; line-height: 30px; color: #DAA520; border: 1px solid #DAA520; background-color: transparent; border-radius: 15.5px; position: absolute; top: 40px; right: 30px;}
footer .row .left_col .newsletter form i{width: 30px; height: 30px; border-radius: 50%; border: 1px solid #DAA520; line-height: 30px; text-align: center; color: #DAA520; position: absolute; right: 0 ; top: 40px;cursor: pointer; font-size: 12px;}
footer .row .left_col .newsletter form p.errorMessage{font-weight: bold; color: #D5312B;position: relative;top: 50px;}

div.overlay-newsletter{visibility:hidden;position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999;backdrop-filter: blur(6px)}
div.overlay-newsletter.active{visibility: visible;}
div.overlay-newsletter .details{width: 460px; height: 320px; margin: auto; text-align: center; background-color: #000; padding: 10px;position: relative; top: 250px;}
div.overlay-newsletter .details .close{position: absolute; background-image: url('/assets/images/close_popup.png'); background-size: cover;width: 21px; height: 21px; left: 30px; top: 25px;} 
div.overlay-newsletter .details p{color: #fff; width: 100%;}
div.overlay-newsletter .details h2{color: #DAA520; margin: 60px 0 0 0;line-height: 40px;}
div.overlay-newsletter .details a.reading{color: #D5312B; text-decoration: underline; position: relative; top: 40px;}
div.overlay-newsletter .details p:nth-child(3){margin: 5px 0 0 0;}
div.overlay-newsletter .details p:nth-child(4){margin: 85px auto 0 auto; width: 75%;}
div.overlay-newsletter .details p:nth-child(4) a{text-decoration: underline;}

.fa-arrow-right-long{transition: transform 0.3s ease;}
.fa-arrow-right-long:hover{transform: scale(1.1);}
.fa-arrow-left-long{transition: transform 0.3s ease;}
.fa-arrow-left-long:hover{transform: scale(1.1);}

.fas.fa-play{transition: transform 0.3s ease;}
.fas.fa-play:hover{transform: scale(1.1);}

/*homepage*/
.homepage a.read_more{transition: transform 0.35s ease;}
.homepage a.read_more:hover{transform: scale(1.08);}
.homepage .featured .row{padding: 0 0 40px 0;}
.homepage .featured .row .column{cursor: pointer; transition: 0.65s ease-in-out all;}
.homepage .featured .row .column.active{flex:2; position: relative;}
.homepage .featured .row .column.inactive{flex: 1; position: relative;}
.homepage .featured .row .column img{width: 100%; height: calc(100vh - 180px); object-fit: cover;}
.homepage .featured .row .overlay{position: absolute; background-color: #000; opacity: 0.65; width: 100%; height: calc(100vh - 180px);transition: 0.65s ease-in-out all;}
.homepage .featured .row .column.active .overlay{opacity: 0.2 !important;}

.homepage .featured .row .column .details{position: absolute; bottom:20%; right: 250px; color: #fff; width: 70%;opacity: 0;visibility: hidden;transition: 1s;padding: 0 0 0 20px; width: 100%;max-width: 520px;}
.homepage .featured .row .column .details span{font-weight: 700; position: relative; top: -70px;left: 0; color: #fff !important;}
.homepage .featured .row .column .details h1{line-height: 45px; margin: 0;}
.homepage .featured .row .column .details h3{margin: 0;}
.homepage .featured .row .column a.read-article{position: absolute; z-index: 1; color: #fff; bottom: 45px; right:65px; width: 85px; height: 85px; border: 1px dashed #fff; text-align: center; border-radius: 50%; padding: 8px 0 0 0;transition: 1s;}
.homepage .featured .row .column i{position: absolute; right: 100px; bottom: 55px; color: #fff;transition: 1s;}
.homepage .featured .row .column span.inactive_number{font-weight: 700; color: #DAA520; position: absolute; top: 50%; left: 50%; transition: 1s;}

.homepage .featured .row .column.inactive .details{opacity: 0;visibility: hidden;}
.homepage .featured .row .column.inactive a.read-article{opacity: 0;visibility: hidden;}
.homepage .featured .row .column.inactive i{opacity: 0;visibility: hidden;}

/* .homepage .featured .row .column.active .details{opacity: 1;visibility: visible;} */
.homepage .featured .row .column.active .details.active{opacity: 1;visibility: visible;}
.homepage .featured .row .column.active .details.active.first_article{right: 55px;}
.homepage .featured .row .column.active a.read-article{opacity: 1;visibility: visible;}
.homepage .featured .row .column.active i{opacity: 1;visibility: visible;}
.homepage .featured .row .column.active span.inactive_number{opacity: 0;visibility: hidden;}


.leaderboard_top .advertisement{margin: 20px 0}
.homepage .leaderboard_top.more_margin{margin: 40px 0 !important;}
.homepage .leaderboard_top .container img{width: 100%; object-fit: contain;}

.homepage .fashion{padding: 0 0 15px 0; position: relative;}

.homepage .fashion .main-container{display: flex;gap: 15px;max-width: 1455px;margin: auto;padding: 0 20px;align-items: flex-start;justify-content: center;}
.homepage .fashion .main-container .skin-right,.homepage .fashion .main-container .skin-left{max-width: 140px;margin: 125px 0 0 0;}
.homepage .fashion .main-container .skin-right img,.homepage .fashion .main-container .skin-left img{width: 100%;}

.homepage .fashion .container .section-title{display: flex; align-items: center; justify-content: space-between;}
.homepage .fashion .container .section-title .read_more button{background-color: transparent; width: 100px; height: 31px; line-height: 31px; border-radius: 15.5px; border: 0.5px solid; cursor: pointer;color: #000 !important;}
.homepage .fashion .container .section-title .read_more i{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 0.5px solid; font-size: 12px; position: relative; right: 4px;}
.homepage .fashion .container .row{margin: 15px 0 0 0;}
.homepage .fashion .container .row .column{width: 33.33%;}
.homepage .fashion .container .row .column img{transition: transform 0.3s ease;}
.homepage .fashion .container .row .column img:hover{transform: scale(1.07);}
.homepage .fashion .container .row .column.fullheight img{width: 100%; height: 530px; object-fit: cover;}
.homepage .fashion .container .row .column.minheight img{width: 100%; height: 360px; object-fit: cover;}
.homepage .fashion .container .row .column .details{position: relative;}
.homepage .fashion .container .row .column .details h2{width: 75%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0;}
.homepage .fashion .container .row .column .details i{position: absolute; right: 10px; top: 0px; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #DAA520; color: #DAA520; font-size: 12px; border-radius: 50%;}
.homepage .fashion .container .row .column .details time{color: rgba(0, 0, 0, 0.3); font-weight: 700;}
.homepage .fashion .container .arrows{margin: 40px 0 0 0; text-align: center;}
.homepage .fashion .container .swiper.fashion .swiper-pagination{direction: ltr;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: 17px;width: fit-content;}
.homepage .fashion .container .swiper.fashion .swiper-pagination span{font-family: 'Garamond', Arial, Helvetica, sans-serif !important; font-size: 13px;border: none; color: #000; background: transparent;opacity: initial;margin:0 8px;}
.homepage .fashion .container .swiper.fashion .swiper-pagination span.swiper-pagination-bullet-active{background-color: #DAA520; border: 1px solid #DAA520; color: #fff; border-radius: 50%;width: 19px;height: 19px;line-height: 19px;}
.homepage .fashion .container .arrows img{margin: 0 55px; cursor: pointer; width: 15px; height: 15px; object-fit: contain;}


.homepage .jewelry{padding: 40px 0 30px 0;position: relative;margin: 0 0 20px 0;}
.homepage .jewelry .container .section-title{display: flex; align-items: center; justify-content: space-between;}
.homepage .jewelry .container .section-title .read_more button{background-color: transparent; width: 100px; height: 31px; line-height: 31px; border-radius: 15.5px; border: 0.5px solid rgba(0, 0, 0, 1); cursor: pointer;color: #000 !important;}
.homepage .jewelry .container .section-title .read_more i{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 0.5px solid; font-size: 12px; position: relative; right: 4px;}
.homepage .jewelry .container .row{display: flex; gap: 25px; margin: 15px 0 0 0;}
.homepage .jewelry .container .row .right_col{width: 75%;}
.homepage .jewelry .container .row .right_col .article-1 a{display: flex; align-items: flex-start; gap: 25px;}
.homepage .jewelry .container .row .right_col .article-1 a .main_image{width: 38%;}
.homepage .jewelry .container .row .right_col .article-1 a .main_image img{width: 100%; height: 360px; object-fit: cover;transition: transform 0.3s ease;}
.homepage .jewelry .container .row .right_col .article-1 a .main_image img:hover{transform: scale(1.07);}
.homepage .jewelry .container .row .right_col .article-1 a .details{width: 62%;position: relative;}
.homepage .jewelry .container .row .right_col .article-1 a .details h2{line-height: 37px; margin: 0 0 10px 0; width: 65%;}
.homepage .jewelry .container .row .right_col .article-1 a .details p{width: 55%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0; line-height: 20px;}
.homepage .jewelry .container .row .right_col .article-1 a .details time{color: rgba(0, 0, 0, 0.3); font-weight: 700;}
.homepage .jewelry .container .row .right_col .article-1 a .details i{position: absolute;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #DAA520;color: #DAA520;font-size: 13px;text-align: center;line-height: 30px;right: 65px;top: 15px;}
.homepage .jewelry .container .row .right_col .article-2 a{display: flex; align-items: flex-end; gap: 25px;position: relative;top: -60px;}
.homepage .jewelry .container .row .right_col .article-2 a .details{width: 55%;position: relative;}
.homepage .jewelry .container .row .right_col .article-2 a .details h2{width: 65%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0; line-height: 34px;}
.homepage .jewelry .container .row .right_col .article-2 a .details time{color: rgba(0, 0, 0, 0.3); font-weight: 700;}
.homepage .jewelry .container .row .right_col .article-2 a .details i{position: absolute;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #DAA520;color: #DAA520;font-size: 12px;text-align: center;line-height: 30px;right: 90px;top: 20px;}
.homepage .jewelry .container .row .right_col .article-2 a .main_image{width: 45%; position: relative; right: 70px; top: 0px;}
.homepage .jewelry .container .row .right_col .article-2 a .main_image img{width: 100%; height: 400px; object-fit: cover;transition: transform 0.3s ease;}
.homepage .jewelry .container .row .right_col .article-2 a .main_image img:hover{transform: scale(1.07);}

.homepage .jewelry .container .row .left_col{width: 25%;min-width: 28%;}
.homepage .jewelry .container .row .left_col img{width: 100%; height: 500px; object-fit: cover;}

.homepage .jewelry .container .arrows{margin: 35px 0 0 0; text-align: center;position: absolute;bottom: 0; right: 25%; transform: translate(-25%,0);}
.homepage .jewelry .container .arrows img{margin: 0 35px; cursor: pointer; width: 15px; height: 15px; object-fit: contain;}
.homepage .jewelry .container .swiper.jewelry .swiper-pagination{direction: ltr;position: absolute;left: 60%;transform: translate(-60%, 0);bottom: 2px;width: fit-content;}
.homepage .jewelry .container .swiper.jewelry .swiper-pagination span{font-family: 'Garamond', Arial, Helvetica, sans-serif !important; font-size: 13px;border: none; color: #000; background: transparent;opacity: initial;margin:0 8px;}
.homepage .jewelry .container .swiper.jewelry .swiper-pagination span.swiper-pagination-bullet-active{background-color: #DAA520; border: 1px solid #DAA520; color: #fff; border-radius: 50%;width: 19px;height: 19px;line-height: 19px;}

.homepage .clothes{background-color: #000;}
.homepage .clothes .container{max-width: 100%;padding: 0;}
.homepage .clothes .section-title{display: flex; align-items: center; justify-content: space-between; max-width: 1145px; margin: auto;padding: 0 25px;}
.homepage .clothes .section-title h2{color: #fff; width: 80%; line-height: 43px;}
.homepage .clothes .section-title i{width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #DAA520; color: #DAA520; border-radius: 50%;font-size: 12px;}
.homepage .clothes .container .row{padding: 15px 0 30px 0;}
.homepage .clothes .container .row .show img{width: 100%; height: 480px; object-fit: cover;}
.homepage .clothes .container .row .show div.title{display: flex; align-items: baseline;}
.homepage .clothes .container .row .show h3{color: #fff; display: inline-block;}
.homepage .clothes .container .row .show i{left: 10px; color: #DAA520; position: relative;}
.homepage .clothes .container .row .slick-track{display: flex; gap: 30px;}
.homepage .clothes .container .row .slick-next,.homepage .clothes .row .slick-prev{display: none !important;}

.homepage .azyaa_mode{margin: 45px 0 0 0;}
.homepage .azyaa_mode h2{border-bottom: 3px solid #DAA520; padding: 0 0 3px 0; width: fit-content; margin: 0;position: relative;top: 50px;}
.homepage .azyaa_mode .container .row .swiper-wrapper{display: flex; align-items: flex-start; gap: 40px;padding: 100px 0 0 0;}
.homepage .azyaa_mode .container .row .column{width: 50%;}
.homepage .azyaa_mode .container .row .column.left{position: relative; top: -100px;}
.homepage .azyaa_mode .container .row .column h3{line-height: 41px; width: 85%; margin: 15px 0 0 0;}
.homepage .azyaa_mode .container .row .column img{width: 100%; height: 370px; object-fit: cover;}

.homepage .iconography{padding: 0 0 40px 0;}
.homepage .iconography .container .section-title{display: flex; align-items: center; justify-content: space-between;}
.homepage .iconography .container .section-title .read_more button{background-color: transparent; width: 100px; height: 31px; line-height: 31px; border-radius: 15.5px; border: 0.5px solid rgba(0, 0, 0, 1); cursor: pointer;color: #000 !important;}
.homepage .iconography .container .section-title .read_more i{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 0.5px solid; font-size: 12px; position: relative; right: 4px;}
.homepage .iconography .container .row{display: flex; gap: 30px; margin: 15px 0 0 0;}
.homepage .iconography .container .row .right_col{width: 70%;}
.homepage .iconography .container .row .right_col a{position: relative;}
.homepage .iconography .container .row .right_col a i{position: absolute;right:0;top: 40px;width: 45px;height: 45px;border: 1px solid #DAA520;color: #DAA520;line-height: 45px;text-align: center;border-radius: 50%;font-size: 17px;padding: 0 0 0 2px;}
.homepage .iconography .container .row .right_col img{width: 100%;height: 425px;object-fit: cover;transition: transform 0.3s ease;}
.homepage .iconography .container .row .right_col img:hover{transform: scale(1.07);}
.homepage .iconography .container .row .right_col h2{line-height: 35px; margin: 20px 0 0 0; width: 70%;}
.homepage .iconography .container .row .right_col p{margin: 5px 0 0 0; padding: 0 0 25px 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1); width: 90%;}
.homepage .iconography .container .row .right_col .date{display: flex; align-items: center; gap: 15px; margin: 15px 0 0 0;}
.homepage .iconography .container .row .right_col .date i{color: rgba(0, 0, 0, 0.3);}
.homepage .iconography .container .row .right_col .date time{border-right: 0.5px solid rgba(0, 0, 0, 0.3); padding: 0 20px 0 0px; color: rgba(0, 0, 0, 0.3);}
.homepage .iconography .container .row .right_col .date p{padding: 0; border: none; font-weight: 700;color: rgba(0, 0, 0, 0.3);margin: 0;}
.homepage .iconography .container .row .left_col{width: 30%;}
.homepage .iconography .container .row .left_col img{width: 100%; height: 250px; object-fit: cover;}
.homepage .iconography .container .articles_list{overflow: initial;}
.homepage .iconography .container .articles_list .swiper-wrapper {display: flex; align-items: flex-start; gap: 40px; margin: 40px 0 0 0;}
.homepage .iconography .container .articles_list .item{width: 30.5%;}
.homepage .iconography .container .articles_list .item img{width: 100%; height: 200px; object-fit: cover;transition: transform 0.3s ease;}
.homepage .iconography .container .articles_list .item img:hover{transform: scale(1.07);}
.homepage .iconography .container .articles_list .item .details{position: relative;}
.homepage .iconography .container .articles_list .item .details h2{width: 75%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0; margin: 20px 0 0 0; line-height: 25px;}
.homepage .iconography .container .articles_list .item .details i{position: absolute; right: 0; top: 0; width: 30px; height: 30px; border: 1px solid #DAA520; color: #DAA520; line-height: 30px; text-align: center;border-radius: 50%; font-size: 11px;padding: 0 0 0 2px;}
.homepage .iconography .container .articles_list .item .date{display: flex; align-items: center; gap: 15px;}
.homepage .iconography .container .articles_list .item .date i{color: rgba(0, 0, 0, 0.3);}
.homepage .iconography .container .articles_list .item .date time{border-right: 0.5px solid rgba(0, 0, 0, 0.3); padding: 0 20px 0 0px; color: rgba(0, 0, 0, 0.3);}
.homepage .iconography .container .articles_list .item .date p{padding: 0; border: none; font-weight: 700;color: rgba(0, 0, 0, 0.3);}

.homepage .trending{margin: 0 0 40px 0;}
.homepage .trending .container {position: relative;}
.homepage .trending .container .article-1{position: relative;}
.homepage .trending .container .article-1 figure{width: 100%; height: 550px; background-size: cover;margin: 0;}
.homepage .trending .container .article-1 .overlay{position: absolute; top: 0; width: 100%; height: 550px; background-color: #000; opacity: 0.4;}
.homepage .trending .container .article-1 h2{position: absolute; top: 15px; color: #fff; left: 25px;padding: 0 10px 0 0;}
.homepage .trending .container .listed-items{position: absolute; display: flex; align-items: center; gap: 25px; bottom: 25px; left: 55px;z-index: 1;}
.homepage .trending .container .listed-items .article-2{width: 350px;background-color: #fff;padding: 10px;height: 140px;}
.homepage .trending .container .listed-items .article-2 a{display: flex; align-items: center; gap: 15px;}
.homepage .trending .container .listed-items .article-2 a div.image{width: 30%;}
.homepage .trending .container .listed-items .article-2 img{width: 100%; height: 85px; object-fit: contain;}
.homepage .trending .container .listed-items .article-2 h3{width: 50%; line-height: 20px;}
.homepage .trending .container .swiper-pagination{position: absolute; z-index: 1;top: 20px; width: 100%;height: 25px;}
.homepage .trending .container .swiper-pagination span{width: calc(31% - 10px); height: 2px; background-color: #fff; display: inline-block; margin: 0 15px; cursor: pointer;border-radius: 0;}
.homepage .trending .container .swiper-pagination span.swiper-pagination-bullet-active{background-color: #DAA520;}

.homepage .beauty{padding: 0 0 30px 0; position: relative;}
.homepage .beauty .container .section-title{display: flex; align-items: center; justify-content: space-between;}
.homepage .beauty .container .section-title .read_more button{background-color: transparent; width: 100px; height: 31px; line-height: 31px; border-radius: 15.5px; border: 0.5px solid rgba(0, 0, 0, 1); cursor: pointer;color: #000 !important;}
.homepage .beauty .container .section-title .read_more i{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 0.5px solid; font-size: 12px; position: relative; right: 4px;}
.homepage .beauty .container .row .swiper-wrapper{padding: 0;}
.homepage .beauty .container .row .item{width: 50%;}
.homepage .beauty .container .row .item.left{position: relative; top: 70px;}
.homepage .beauty .container .row .item img{width: 100%; height: 620px; object-fit: cover;transition: transform 0.3s ease;}
.homepage .beauty .container .row .item img:hover{transform: scale(1.07);}
.homepage .beauty .container .row .item .details{position: relative;}
.homepage .beauty .container .row .item .details h2{width: 75%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0; margin: 20px 0 0 0; line-height: 25px;}
.homepage .beauty .container .row .item .details i{position: absolute; right: 0; top: 0; width: 30px; height: 30px; border: 1px solid #DAA520; color: #DAA520; line-height: 30px; text-align: center;border-radius: 50%; font-size: 12px;}
.homepage .beauty .container .row .item  time{font-weight: 700;color: rgba(0, 0, 0, 0.3); margin: 15px 0 0 0; display: block;}
.homepage .beauty .container .arrows{margin: 35px 0 0 0; text-align: center;}
.homepage .beauty .container .arrows img{margin: 0 40px; cursor: pointer; width: 15px; height: 15px; object-fit: contain;}
.homepage .beauty .container .swiper.beauty .swiper-pagination{direction: ltr;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: 32px;width: fit-content;}
.homepage .beauty .container .swiper.beauty .swiper-pagination span{font-family: 'Garamond', Arial, Helvetica, sans-serif !important; font-size: 13px;border: none; color: #000; background: transparent;opacity: initial;margin:0 8px;}
.homepage .beauty .container .swiper.beauty .swiper-pagination span.swiper-pagination-bullet-active{background-color: #DAA520; border: 1px solid #DAA520; color: #fff; border-radius: 50%;width: 19px;height: 19px;line-height: 19px;}


/*category page*/
.category-page{margin: 0 0 60px 0;}
.skinning .category-page{margin: 0;}
.category-page .article-1 {margin: 0 0 70px 0;}
.category-page .article-1 figure{width: 100%; height: 675px; position: relative;}
.category-page .article-1 figure .overlay{position: absolute; width: 100%; height: 675px; top: 0; background-color: #000; opacity: 0.5;}
.category-page .article-1 figure .details{position: relative; height: 675px;}
.category-page .article-1 figure .details .article-detail{position: absolute;bottom: 13%;display: flex;align-items: center;justify-content: space-between;max-width: 1145px;margin: auto;padding: 0 25px 0 0;width: 100%;}
.category-page .article-1 figure .details h1{color: #fff; position: absolute; top: 80px;}
.category-page .article-1 figure .details h2{line-height: 45px;color: #fff;width: 75%;margin: 0;}
.category-page .article-1 figure .details p{line-height: 20px; color: #fff; margin: 15px 0 0 0;width: 75%;}
.category-page .article-1 figure .details span.read-article{z-index: 1;color: #fff;width: 95px;height: 95px;border: 1px dashed #fff;text-align: center;border-radius: 50%;padding: 13px 0 0 0;display: block;position: relative;right: 20px;}
.category-page .article-1 figure .details i{color: #fff;position: relative;top: -25px;left: 20px;}

.category-page .container .leaderboard  img{width: 75%;margin: auto;display: block;}
.category-page .container .main_row{display: flex; align-items: flex-start; gap: 40px; margin: 80px 0 0 0;}
.skinning .category-page .container .main_row{padding: 60px 0 0 0;margin: 0;}
.category-page .container .main_row .article-2{width: 33.33%;}
.category-page .container .main_row .article-2 img{width: 100%;object-fit: cover;transition: transform 0.3s ease;}
.category-page .container .main_row .article-2 img:hover{transform: scale(1.07);}
.category-page .container .main_row .article-2.fullheight img{height: 535px}
.category-page .container .main_row .article-2.min-height img{height: 355px;}
.category-page .container .main_row .article-2 .details{position: relative;}
.category-page .container .main_row .article-2 .details h2{width: 75%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0; line-height: 24px;}
.category-page .container .main_row .article-2 .details i{position: absolute; right: 10px; top: 0px; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #DAA520; color: #DAA520; font-size: 13px; border-radius: 50%;}
.category-page .container .main_row .article-2 .details time{color: rgba(0, 0, 0, 0.3); font-weight: 700;}

.category-page .listed_articles {margin: 70px 0 100px 0;}
.skinning .category-page .listed_articles{margin: 70px 0 0 0;padding: 0 0 100px 0;}
.category-page .listed_articles .container .main-grid{display: grid; grid-template-columns: 67% 27%; grid-column-gap: 6%;}
.category-page .listed_articles .container .main-grid .articles{display:block; width: 100%;}
.category-page .listed_articles .container .main-grid .articles .article-3{display: inline-block; width: calc(49% - 20px); margin: 0 20px 20px 0px;}
.category-page .listed_articles .container .main-grid .articles .article-3 a{display: flex; align-items: center; gap: 25px;}

.category-page.video .container .videos {margin: 70px 0;}
.skinning .category-page.video .container .videos{margin: 0;padding: 70px 0;}
.category-page.video .container .videos .main-grid{display: grid; grid-template-columns: 67% 27%; grid-column-gap: 6%;}
.category-page.video .container .videos .main-grid .video .article-3{width: 100%; display: block; margin: 0;}
.category-page.video .container .videos .main-grid .video .article-3 a{display: block;}
.category-page.video .container .videos .main-grid .video .article-3 a img{width: 100%; height: 415px; object-fit: cover;}
.category-page.video .container .videos .main-grid .video a h2{border-bottom: 2px solid rgba(0, 0, 0, 0.1); width: 70%; line-height: 35px;padding: 0 0 20px 0;margin: 20px 0 5px 0;}
.category-page.video .container .videos .main-grid .video .article-3 .date{display: flex; align-items: center; gap: 15px;}
.category-page.video .container .videos .main-grid .video .article-3 .date i{color: rgba(0, 0, 0, 0.3);}
.category-page.video .container .videos .main-grid .video .article-3 .date time{border-right: 0.5px solid rgba(0, 0, 0, 0.3); padding: 0 20px 0 0; color: rgba(0, 0, 0, 0.3);}
.category-page.video .container .videos .main-grid .video .article-3 .date p{padding: 0; border: none; font-weight: 700;color: rgba(0, 0, 0, 0.3);}
.category-page.video .container .videos .main-grid .leaderboard img{width: 100%; height: 600px; object-fit: cover;}

.category-page.video .container .listed_articles .row{display: flex; align-items: flex-start; gap: 40px;}
.category-page.video .container .listed_articles .row .article-4{width: 33.33%;}
.category-page.video .container .listed_articles .row .article-4 img{width: 100%; height: 200px; object-fit: cover;transition: transform 0.3s ease;}
.category-page.video .container .listed_articles .row .article-4 img:hover{transform: scale(1.07);}
.category-page.video .container .listed_articles .row .article-4 .details{position: relative;}
.category-page.video .container .listed_articles .row .article-4 .details h2{width: 75%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0; margin: 20px 0 0 0; line-height: 24px;}
.category-page.video .container .listed_articles .row .article-4 .details i{position: absolute; right: 0; top: 0; width: 30px; height: 30px; border: 1px solid #DAA520; color: #DAA520; line-height: 30px; text-align: center;border-radius: 50%; font-size: 11px;padding: 0 0 0 2px;}
.category-page.video .container .listed_articles .row .article-4 .date{display: flex; align-items: center; gap: 15px;}
.category-page.video .container .listed_articles .row .article-4 .date i{color: rgba(0, 0, 0, 0.3);}
.category-page.video .container .listed_articles .row .article-4 .date time {position: relative;color:rgba(0, 0, 0, 0.3);padding: 0 15px 0 0px;}
.category-page.video .container .listed_articles .row .article-4 .date time:after {content: ''; position: absolute;top: 2px;bottom: 0;right: 0;width: 1px;background-color: rgba(0, 0, 0, 0.2);height: 13px;}
.category-page.video .container .listed_articles .row .article-4 .date p{padding: 0; border: none; font-weight: 700;color: rgba(0, 0, 0, 0.3);}

.category-page.video .container .last_articles .grid .articles{display:block; width: 100%;}
.category-page.video .container .last_articles .grid .articles .article-5{display: inline-block; width: calc(49% - 20px); margin: 0 20px 20px 0px;}
.category-page.video .container .last_articles .grid .articles .article-5 a{display: flex; align-items: center; gap: 25px;}
.category-page.video .container .last_articles .grid .articles a div.image{width: 49%;}
.category-page.video .container .last_articles .grid .articles a div.image img{width: 100%; height: 145px; object-fit: cover;transition: transform 0.3s ease;}
.category-page.video .container .last_articles .grid .articles a div.image img:hover{transform: scale(1.07);}
.category-page.video .container .last_articles .grid .articles a .details{width: 51%;}
.category-page.video .container .last_articles .grid .articles a h2{width: 100%;line-height: 24px;}
.category-page.video .container .last_articles .grid .leaderboard img{width: 100%; height: 250px; object-fit: cover;}


.category-page .listed_articles .container .main-grid .articles a div.image{width: 46%;}
.category-page .listed_articles .container .main-grid .articles a div.image img{width: 100%; height: 145px; object-fit: cover;transition: transform 0.3s ease;}
.category-page .listed_articles .container .main-grid .articles a div.image img:hover{transform: scale(1.07);}
.category-page .listed_articles .container .main-grid .articles a .details{width: 54%;}
.category-page .listed_articles .container .main-grid .articles a h2{width: 100%;line-height: 24px;}
.category-page .listed_articles .container .main-grid .leaderboard img{width: 100%; height: 600px; object-fit: cover;}

.category-page .clothes{margin: 40px 0 70px 0; background-color: #000;}
.skinning .category-page .clothes{padding: 40px 0 70px 0;margin: 0;}
.category-page .clothes .container{max-width: 100%;padding: 0;}
.category-page .clothes .section-title{display: flex; align-items: center; justify-content: space-between; max-width: 1145px; margin: auto;padding: 0 25px;}
.category-page .clothes .section-title h2{color: #fff; width: 80%; line-height: 43px;}
.category-page .clothes .section-title i{width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #DAA520; color: #DAA520; border-radius: 50%;}
.category-page .clothes .container .row{padding: 15px 0 30px 0;}
.category-page .clothes .container .row .show img{width: 100%; height: 480px; object-fit: cover;}
.category-page .clothes .container .row .show div.title{display: flex; align-items: baseline;}
.category-page .clothes .container .row .show h3{color: #fff; display: inline-block;}
.category-page .clothes .container .row .show i{left: 10px; color: #DAA520; position: relative;}
.category-page .clothes .container .row .slick-track{display: flex; gap: 30px;}
.category-page .clothes .container .row .slick-next,.category-page .clothes .row .slick-prev{display: none !important;}

.category-page .container .grid{display: grid; grid-template-columns: 67% 25%; grid-column-gap: 8%;}
.category-page .container .grid .articles{display: block; width: 100%;font-size: 0;}
.category-page .container .grid .articles .article-4{display: inline-block; width: calc(50% - 20px);margin: 0 20px 20px 0;vertical-align: top;}
.category-page .container .grid .article-4 img{width: 100%; height: 530px; object-fit: cover;transition: transform 0.3s ease;}
.category-page .container .grid .article-4 img:hover{transform: scale(1.07);}
.category-page .container .grid .article-4 .details{position: relative;}
.category-page .container .grid .article-4 .details h2{width: 75%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 10px 0; line-height: 24px;}
.category-page .container .grid .article-4 .details i{position: absolute; right: 10px; top: 0px; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #DAA520; color: #DAA520; font-size: 13px; border-radius: 50%;}
.category-page .container .grid .article-4 .details time{color: rgba(0, 0, 0, 0.3); font-weight: 700;}
.category-page .container .grid .leaderboard img{width: 100%; height: 250px; object-fit: cover;}
.skinning .category-page .last_articles{padding: 50px 0;}


/*search page*/
.search-overlay{margin:35px 0;}
.search-overlay .container form{display: flex;align-items: center;}
.search-overlay .container form input{width: 1055px; height: 45px; line-height: 45px; padding: 0 0px 0 20px; border-radius: 51px; outline: none;border: 1px solid rgba(0, 0, 0, 1); font-size: 20px; font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;color: #000 !important;}
.search-overlay .container form input::placeholder{font-size: 20px; font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;color: #000 !important;}
.search-overlay .container form i{width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 1);position: relative; right: 0px; cursor: pointer;}
.search-overlay .container p.total_results{color: rgba(0, 0, 0, 1);margin: 45px 0 0 0;}
.search-overlay .container .articles{display: grid; grid-template-columns: repeat(4,22%);grid-column-gap: 4%; margin: 20px 0 0 0;}
.search-overlay .container .articles .article-1{margin: 0 0 35px 0;}
.search-overlay .container .articles .article-1 img{width: 100%; height: 246px; object-fit: cover;transition: transform 0.3s ease;}
.search-overlay .container .articles .article-1 img:hover{transform: scale(1.07);}
.search-overlay .container .articles .article-1 span{color: #DAA520; margin: 15px 0 0 0; display: block;font-weight:500;}
.search-overlay .container .articles .article-1 h2{margin: 5px 0 8px 0;}
.search-overlay .container .articles .article-1 time{font-weight: 700; color: rgba(0, 0, 0, 0.3);}
.search-overlay .container .articles .ias-trigger.ias-trigger-next{grid-column: span 4;}
/*keyword page*/
.keyword-page{margin:35px 0;}
.keyword-page .container input{width: 100%; height: 45px; line-height: 45px; padding: 0 0px 0 20px; border-radius: 51px; outline: none;border: 1px solid rgba(0, 0, 0, 1); font-size: 20px; font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;color: #000 !important;}
.keyword-page .container .articles{display: grid; grid-template-columns: repeat(4,22%);grid-column-gap: 4%; margin: 50px 0 0 0;}
.keyword-page .container .articles .article-1{margin: 0 0 35px 0;}
.keyword-page .container .articles .article-1 img{width: 100%; height: 246px; object-fit: cover;transition: transform 0.3s ease;}
.keyword-page .container .articles .article-1 img:hover{transform: scale(1.07);}
.keyword-page .container .articles .article-1 span{color: #DAA520; margin: 15px 0 0 0; display: block;}
.keyword-page .container .articles .article-1 h2{margin: 5px 0 15px 0;}
.keyword-page .container .articles .article-1 time{font-weight: 700; color: rgba(0, 0, 0, 0.3);}
.keyword-page .container .articles .ias-trigger.ias-trigger-next{grid-column: span 4;}

/*static texts*/
.text-template-page .container .text{border-top: 1px solid;}
.text-template-page .container .text .contents{width: 90%;margin: 0 0 100px 0;}
.text-template-page .container .text .contents h1{font-size: 50px; font-weight: 400; font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;margin: 45px 0 20px 0;}
.text-template-page .container .text .contents h3{font-size: 18px; font-weight: 600; font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important; color: #DAA520;margin: 20px 0 8px 0;}
.text-template-page .container .text .contents ul:nth-child(3){margin: 0 0 25px 0;}
.text-template-page .container .text .contents ul{margin: 0 0 45px 0;}
.text-template-page .container .text .contents ul li{font-size: 18px;font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif; line-height: 24px; padding: 0 0px 0 20px;position: relative;}
.text-template-page .container .text .contents ul li span{font-weight: bold;}
.text-template-page .container .text .contents ul li::before{content: "\2022"; font-size: 13px; color: #000;position: absolute; left: 0px; top: 0px;}
.text-template-page .container .text .contents p{font-size: 18px;font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif; line-height: 24px;}
.text-template-page .container .text .contents p:nth-child(5){margin: 0;}
.text-template-page .container .text .contents p:nth-child(6){margin: 0;}
.text-template-page .container .text .contents p:nth-child(7){margin: 0;}
.text-template-page .container .text .contents p:nth-child(8){margin: 0;}
.text-template-page .container .text .contents p:nth-child(9){margin: 0 0 30px 0;}
.text-template-page .container .text .contents p:nth-child(13){margin: 15px 0 0 0;}

.text-template-page.privacy_policy .container .text .contents p:nth-child(6){margin: 0 0 15px 0;}
.text-template-page.privacy_policy .container .text .contents p:nth-child(7){margin: 0 0 15px 0;}

.text-template-page.contactus p:nth-child(2),.text-template-page.contactus p:nth-child(3){margin: 5px 0;}
.text-template-page.contactus p:nth-child(4){margin: 5px 0 20px 0;}
.text-template-page.contactus span{display: block;font-size: 18px;font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif;line-height: 24px;}
.text-template-page.contactus span a{font-weight: 600;}
.text-template-page.contactus .container .text .contents p:nth-child(7){margin: 20px 0;}

.text-template-page.advertising .container .text .contents a{font-size: 17px;font-family: 'Tajawal-Bold', Arial, Helvetica, sans-serif}

/*404 page*/
.error-page{background-color: #000; padding: 100px 0 180px 0;border-bottom: 1px solid #fff;}
.error-page .container .details {text-align: center;}
.error-page .container .details img{width: 400px; height: 200px; object-fit: contain;}
.error-page .container .details h2{color: #fff;margin: 0 0 15px 0;}
.error-page .container .details a{display: flex;align-items: center;justify-content: center;}
.error-page .container .details button{width: 235px; height: 31px; line-height: 31px; border: 1px solid #DAA520; border-radius: 15.5px; background-color: #000; color: #DAA520;}
.error-page .container .details i{width: 31px; height: 31px; line-height: 31px; text-align: center; color: #DAA520; border: 1px solid #DAA520; border-radius: 50%;font-size: 11px;}


/*article page*/
.wrapper .article-page .container .category{display: flex; align-items: center; gap: 45px; margin: 10px 0 0 0; border-bottom: 1px solid rgba(0, 0, 0, 1); padding: 0 0 15px 0;}
.wrapper .article-page .container .category p{color: rgba(0, 0, 0, 0.4);line-height: 20px;}
.wrapper .article-page .container .category a{border-right: 1px solid; padding: 0 30px 0 0px;}
.wrapper .article-page .container .category time{color: rgba(0, 0, 0, 0.4);}
.wrapper .article-page .container .category span{color: rgba(0, 0, 0, 0.4); font-weight: 700; line-height: 25px;}
.wrapper .article-page .container .article-details{text-align: center}
.wrapper .article-page .container .article-details .share-option{display: flex;align-items: center;justify-content: center;}
.wrapper .article-page .container .article-details h1{width:70%; margin: 50px auto 20px auto; line-height: 40px;font-weight: 500;}
.wrapper .article-page .container .article-details div.article-description{width: 75%; margin: 0 auto 35px auto; line-height: 20px;}
.wrapper .article-page .container .article-details span{width: 105px; height: 32px; line-height: 32px; border-radius: 15.5px; border: 1px solid;display: inline-block;cursor: pointer;}
.wrapper .article-page .container .article-details a{width: 32px; height: 32px; line-height: 32px; border: 1px solid; border-radius: 50%;display: inline-block;position: relative;}
.wrapper .article-page .container .article-details img{width: 15px; height: 15px; object-fit: contain;}
.wrapper .article-page .container .images{margin: 45px 0 0 0; position: relative;}
.wrapper .article-page .container .images .main_images img{width: 400px; height: 590px; object-fit: cover; display: block; margin: auto;}
.wrapper .article-page .container .images .main_images span{display: block; direction: ltr; text-align: center; margin: 30px 0 0 0;}

.skinning .wrapper .article-page .container .main{padding: 10px 0 0 0;}
.wrapper .article-page .container .row {display: grid; grid-template-columns: 71% 25%; grid-column-gap: 4%; margin: 30px 0 45px 0;}
.wrapper .article-page .container .row .right_col .article-text-container {font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif}
.wrapper .article-page .container .row .right_col .article-text-container p{font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important; font-size: 18px; line-height: 22px;margin: 0 0 25px 0;}
.wrapper .article-page .container .row .right_col .article-text-container p.inline-image-caption{margin: 5px 0 0;font-size: 15px !important;font-family: ChamberiHeadline-Regular, Arial, Helvetica, sans-serif !important;line-height: 20px !important;padding: 10px !important;background-color: #fff;color: #000;position: relative;top: -20px;}
.wrapper .article-page .container .row .right_col .article-text-container p.inline-image-caption.disable_slider{top: 0px;margin: 0 0 10px 0;}
.wrapper .article-page .container .row .right_col .article-text-container .inlineImage.disable_slider{width: 50%;}
.wrapper .article-page .container .row .right_col .article-text-container .inlineImage.disable_slider.center{margin: auto; display: block;}

.wrapper .article-page .container .row .right_col .article-text-container div.relatedArticles{display: none;}
.wrapper .article-page .container .row .right_col .article-text-container p img.inlineImage{max-width: 100%;display: block;width: 100%;}
.wrapper .article-page .container .row .right_col .article-text-container p img{display: none;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images{left: 80px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images span.section-title{display: block;position: relative;right: 85px;margin: 0 0 35px 0;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide{display: flex; align-items: center;border: 1px solid rgba(0, 0, 0, 0.3);padding: 25px; width: 75% !important;margin: 0 0 0 auto;text-align: center;background-color: #ffffff !important;direction: rtl;} 
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .main_image{width: 45%;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .main_image.fullwidth{width: 100%;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .details{width: 55%;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .main_image img{width: 100%; height: 260px;object-fit: contain;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .details h2{margin: 0;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .details h3{margin: 0;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-pagination{position: absolute; bottom: -65px;left: -80px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-pagination span{width: 120px; height: 2px; background-color: #cfcfcf;border-radius: 0;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-pagination span.swiper-pagination-bullet-active{background-color: #DAA520;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-button-next{width: 40px;height: 40px;text-align: center; border: 1px solid #DAA520; border-radius: 50%;position: absolute;right: 90px;align-items: center;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-button-prev{width: 40px;height: 40px;text-align: center; border: 1px solid #DAA520; border-radius: 50%;position: absolute;left: -70px;align-items: center;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-button-next:after{content: "\2192"; color: #DAA520;font-size: 23px;position: relative;top: -1px;line-height: 42px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-button-prev:after{content: "\2190"; color: #DAA520;font-size: 23px;position: relative;top: -1px;line-height: 42px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images span.total_number{position: absolute;left: 40%;transform: translate(-40%, 0);margin: 25px 0 0 0;}

.wrapper .article-page .container .row .right_col img.inlineImage{max-width: 100%;width: 100%;margin: auto;}


.wrapper .article-page .container .row .left_col img{width: 100%; height: 600px;object-fit: cover;}
.wrapper .article-page .container .row .right_col .share-option{margin: 130px 0 30px 0;display: flex;align-items: center;}
.wrapper .article-page .container .row .right_col .share-option span{width: 105px; height: 32px; line-height: 32px; border-radius: 15.5px; border: 0.5px solid;display: inline-block;cursor: pointer;text-align: center;}
.wrapper .article-page .container .row .right_col .share-option a{width: 32px; height: 32px; line-height: 32px; border: 0.5px solid; border-radius: 50%;display: inline-block;position: relative;text-align: center;}
.wrapper .article-page .container .row .right_col .share-option img{width: 15px; height: 15px; object-fit: contain;}
.wrapper .article-page .container .row .right_col .keywords{background-color: rgba(218, 165, 32, 0.1);padding: 30px;margin: 30px auto 0;}
.wrapper .article-page .container .row .right_col .keywords ul li{display: inline-block;margin: 15px 0 10px 10px;}
.wrapper .article-page .container .row .right_col .keywords ul li a{background-color: #fff;padding: 9px 15px;color: #DAA520; border-radius: 15.5px;text-align: center;}
.wrapper .article-page .container .row .right_col .mostread .section-title{border-bottom: 2px solid rgba(0, 0, 0, 0.1);margin: 35px 0 0 0;}
.wrapper .article-page .container .row .right_col .mostread .section-title h2{margin: 0 0 15px 0; font-weight: 700; line-height: 24px;}
.wrapper .article-page .container .row .right_col .mostread .articles .swiper-wrapper{display: grid;grid-template-columns: repeat(3,30%);gap: 5%; margin: 30px 0 0 0;padding: 0 0 70px 0;}
.wrapper .article-page .container .row .right_col .mostread .articles .article-1 img{width: 100%;height: 230px;object-fit: cover;}
.wrapper .article-page .container .row .right_col .mostread .articles .article-1 .details span{color: #DAA520;margin: 15px 0 5px 0; display: block;}
.wrapper .article-page .container .row .right_col .mostread .articles .article-1 .details h2{line-height: 24px; margin: 0;}

.wrapper .article-page .container .newsletter{background-color: #000; display: flex; align-items: center; gap: 25px; margin: 0 0 35px 0; padding: 0 40px;height: 130px; }
.wrapper .article-page .container .newsletter .details {width: 55%;}
.wrapper .article-page .container .newsletter form{width: 45%;display: flex;position: relative;top: -10px;flex-wrap: wrap;}
.wrapper .article-page .container .newsletter .details h2{color: #fff;line-height: 40px; margin: 0 0 5px 0;}
.wrapper .article-page .container .newsletter .details p{color: #fff;line-height: 21px;margin: 0;}
.wrapper .article-page .container .newsletter form input{border: none;border-bottom: 1px solid #DAA520;width: 390px;font-size: 14px;font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;background-color: transparent;position: relative;top: 15px; left: 15px;color: #fff;}
.wrapper .article-page .container .newsletter form input::placeholder{color: #fff; font-size: 14px; font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;;}
.wrapper .article-page .container .newsletter form input:focus-visible{outline: none;}
.wrapper .article-page .container .newsletter form button{width: 65px; height: 31px; line-height: 31px; text-align: center;border: 1px solid #DAA520; color: #DAA520; border-radius: 15.5px;background-color: transparent;position: absolute; top: -2px;right: 75px;}
.wrapper .article-page .container .newsletter form i{width: 31px; height: 31px; line-height: 31px; text-align: center; color: #DAA520; border: 1px solid #DAA520; border-radius: 50%; font-size: 12px; position: absolute;top: -2px;right: 44px;}
.wrapper .article-page .container .newsletter form p.errorMessage{line-height: 0; color: #D5312B; position: relative; top: 35px;margin: 0;}
.wrapper .article-page .container .related_articles{display: flex; align-items: flex-start; gap: 25px; margin: 0 0 35px 0;}
.skinning .wrapper .article-page .container .related_articles{margin: 0;}
.wrapper .article-page .container .related_articles .article-2{width: 50%;}
.wrapper .article-page .container .related_articles .article-2 h2.main_title{margin: 5px 0 20px 0;font-size: 29px;}
.wrapper .article-page .container .related_articles .article-2 img{width: 100%; height: 560px; object-fit: cover;transition: transform 0.3s ease;}
.wrapper .article-page .container .related_articles .article-2 img:hover{transform: scale(1.07);}
.wrapper .article-page .container .related_articles .article-2 .details{position: relative;}
.article-page .container .related_articles .article-2 .details span{color: #DAA520; margin: 15px 0 0 0; display: block;}
.wrapper .article-page .container .related_articles .article-2 .details h2{width: 70%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 25px 0; margin: 10px 0 0 0; line-height: 24px;}
.wrapper .article-page .container .related_articles .article-2 .details i{position: absolute; right: 0; top: 35px; width: 45px; height: 45px; border: 1px solid #DAA520; color: #DAA520; line-height: 45px; text-align: center;border-radius: 50%; font-size: 14px;}
.wrapper .article-page .container .related_articles .article-2  time{font-weight: 700;color: rgba(0, 0, 0, 0.3); margin: 30px 0 0 0; display: block;}
.wrapper .article-page .other-related-articles{background-color: rgba(228, 228, 228, 0.4); padding:40px 0 50px 0;}
.wrapper .article-page .other-related-articles .container .articles{display: flex; align-items: flex-start; gap: 35px;}
.wrapper .article-page .other-related-articles .container .articles .article-3{width: 33.33%;}
.wrapper .article-page .other-related-articles .container .articles .article-3 img{width: 100%;height: 355px; object-fit: cover;transition: transform 0.3s ease;}
.wrapper .article-page .other-related-articles .container .articles .article-3 img:hover{transform: scale(1.07);}
.wrapper .article-page .other-related-articles .container .articles .article-3 .details{position: relative;}
.wrapper .article-page .other-related-articles .container .articles .article-3 .details h2{width: 85%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 0 13px 0; margin: 20px 0 0 0; line-height: 24px;}
.wrapper .article-page .other-related-articles .container .articles .article-3 .details i{position: absolute; right: 0; top: 0; width: 30px; height: 30px; border: 1px solid #DAA520; color: #DAA520; line-height: 30px; text-align: center;border-radius: 50%; font-size: 13px;}
.wrapper .article-page .other-related-articles .container .articles .article-3 time{font-weight: 700;color: rgba(0, 0, 0, 0.3); margin: 15px 0 0 0; display: block;}

.wrapper .article-page .main_images .swiper.images{width: 450px; margin: 60px auto 75px auto;}
.wrapper .article-page .main_images .swiper.images img{width: 100%;height: 600px;object-fit: contain;}
.wrapper .article-page .main_images .swiper.images p.main-image-caption{margin: 5px 0 0;font-size: 15px !important;font-family: ChamberiHeadline-Regular, Arial, Helvetica, sans-serif !important;line-height: 20px !important;padding: 10px !important;background-color: #fff;color: #000;position: relative;top: -20px;text-align: center;}
.wrapper .article-page .main_images .swiper.images .swiper-slide span.total_count{display: none;}
.wrapper .article-page .main_images .swiper.images .swiper-slide-visible .swiper-slide-shadow{background: transparent !important;}
.wrapper .article-page .main_images .swiper.images .swiper-slide-visible span.total_count{text-align: center; display: block; margin: 15px 0 0 0;}
.wrapper .article-page .main_images .swiper.images .swiper-button-next{width: 40px;height: 40px;text-align: center; border: 1px solid #DAA520; border-radius: 50%;position: absolute;right: -185px;align-items: center;}
.wrapper .article-page .main_images .swiper.images .swiper-button-prev{width: 40px;height: 40px;text-align: center; border: 1px solid #DAA520; border-radius: 50%;position: absolute;left: -185px;align-items: center;}
.wrapper .article-page .main_images .swiper.images .swiper-button-next:after{content: "\2192"; color: #DAA520;font-size: 23px;position: relative;top: -1px;line-height: 42px;}
.wrapper .article-page .main_images .swiper.images .swiper-button-prev:after{content: "\2190"; color: #DAA520;font-size: 23px;position: relative;top: -1px;line-height: 42px;}
.wrapper .article-page .main_images .swiper.images .swiper-slide .main-image-caption{display: none;}
.wrapper .article-page .main_images .swiper.images .swiper-slide.swiper-slide-active .main-image-caption{display: block}

.wrapper .article-page .main_images .swiper.images .swiper-pagination{position: absolute; bottom: -25px;}
.wrapper .article-page .main_images .swiper.images .swiper-pagination span{width: 100px; height: 2px; background-color: #cfcfcf;border-radius: 0;}
.wrapper .article-page .main_images .swiper.images .swiper-pagination span.swiper-pagination-bullet-active{background-color: #DAA520;}
.wrapper .article-page .main_images .swiper.images .swiper-slide-shadow{background: transparent !important;}

.wrapper .article-page .main_images .swiper.images .swiper-wrapper .swiper-slide.swiper-slide-active{visibility: visible;}
.wrapper .article-page .main_images .swiper.images .swiper-wrapper .swiper-slide{visibility: hidden;}

/*article-video*/
.wrapper .article-page.video .container .row{margin: 30px 0 45px 0;}
.skinning .wrapper .article-page.video .container .row{margin: 30px 0 0 0;}
.wrapper .article-page.video .container .main .video{width: 85%; margin: 50px auto 70px auto;}
.wrapper .article-page.video .container .main .video img{width: 100%; height: 525px; object-fit: cover;}
.wrapper .article-page .container .leaderboard_top{margin: 0 auto 70px auto;}

.wrapper .article-page.video .related-articles{margin: 0 0 60px 0;}
.wrapper .article-page.video .related-articles h2.title{font-weight: 700;line-height: 24px; border-bottom: 2px solid rgba(0, 0, 0, 0.1);padding: 0 0 15px 0;margin: 0 0 30px 0;}
.wrapper .article-page.video .related-articles .articles .swiper-wrapper{gap: 35px;}
.wrapper .article-page.video .related-articles .swiper-slide{width: 33.33%;flex-shrink: 1;}
.wrapper .article-page.video .related-articles .article-2 img{width: 100%;height: 200px;object-fit: cover;}
.wrapper .article-page.video .related-articles .article-2 .details{position: relative;}
.wrapper .article-page.video .related-articles .article-2 .details h2{width: 85%; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 13px 0; margin: 20px 0 0 0; line-height: 24px;}
.wrapper .article-page.video .related-articles .article-2 .details i{position: absolute; right: 0; top: 0; width: 30px; height: 30px; border: 1px solid #DAA520; color: #DAA520; line-height: 30px; text-align: center;border-radius: 50%; font-size: 11px;padding: 0 0 0 2px;}
.wrapper .article-page.video .related-articles .article-2 time{font-weight: 700;color: rgba(0, 0, 0, 0.3); margin: 15px 0 0 0; display: block;}
.wrapper .article-page.video .other-related-articles .container .articles .article-3 img{height: 200px;}


.advertisement{text-align: center}
.advertisement.fixed{position: fixed !important; bottom: 0; left: 0; right: 0; width: 728px; margin: auto; z-index: 9999999999}


/*mobile*/
@media screen and (max-width : 991px){
    .homepage .fashion .main-container{display: block;}
 /*header*/
 .container{padding: 0 20px;}
 .mobile{display: block !important;}
 .desktop{display: none !important;}
 .mobile-ad{display: block}
 .page{padding: 100px 0 0 0;}
 .page.homepage{padding: 100px 0 0 0;}
 header section.main{min-height: 100px; padding: 20px;top: 0;height: auto;padding: 20px;}
header .user-actions{display: none !important;}
 header .main-menu nav.menu.desktop{display: none;}
 header section.main .container{padding: 0;}

 header section.main .menu-toggle.mobile{display: flex !important; align-items: center; justify-content: space-between;width: 100%;padding: 0}
 header section.main .menu-toggle.mobile a img.header_logo.mobile {width: 145px;height: 37px;margin: 10px 0;object-fit: contain;}
 header .menu-toggle.mobile img{width: 22px; height: 23px; object-fit: contain;}
 header section.main form.search_component{display: flex !important;align-items: center;justify-content: center;}
 header section.main form.search_component.hidden{display: none !important;}
 header section.main form.search_component input{width: 290px; height: 46px; line-height: 46px; border-radius: 51px; border: 1px solid rgba(0, 0, 0, 1); font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important; font-size: 14px; color:#000; padding: 0 0 0 15px;}
 header section.main form.search_component input::placeholder{color: rgba(0, 0, 0, 0.2); font-size: 14px; font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;;}
 header section.main form.search_component input:focus-visible{outline: none;}
 header section.main form.search_component i{width: 46px; height: 46px; line-height: 46px; text-align: center; border: 1px solid; border-radius: 50%; position: relative;}

 .fullNavMenu{position: fixed; top: 0; bottom: 0; width: 100%; height: 100%;z-index: 10000001; right: -100%; background-color: #fff; transition: .5s;}
 .fullNavMenu.show{overflow: hidden; transform: translateX(0); right: 0;}
 .fullNavMenu .search form a.submit{position: absolute; right:15px;top:15px;}
 .fullNavMenu .menuMove{overflow-x: hidden; overflow-y: scroll; bottom: 0;left: 0; position: absolute; right: 0; z-index: 1001;top: 150px; width: 90%; margin: auto;}
 .fullNavMenu .menuMove.top{top: 235px;}
 .fullNavMenu .menuMove::-webkit-scrollbar { width: 100%;}
 .fullNavMenu .menuMove::-webkit-scrollbar-track {background-color: transparent;}
 .fullNavMenu .menuMove::-webkit-scrollbar-thumb {background-color: transparent;border-radius: 10px;} 
 .fullNavMenu .menuMove ul.cats li{padding: 20px 0 15px 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1);}
 .fullNavMenu .menuMove ul.cats li:last-child{border: none;}
 .fullNavMenu .menuMove ul.cats li a{display: block;text-align: center; font-weight: 600;}
 .fullNavMenu .menuMove .social.mobile{margin: 25px 0;}
 .fullNavMenu .menuMove .social.mobile ul{display: flex; align-items: center; gap: 15px; justify-content: center;}
 .fullNavMenu .menuMove .social.mobile ul li img{width: 33px; height: 33px; object-fit: contain;}
 .fullNavMenu .menuMove .social.mobile ul li a{font-size: 20px;}
 .fullNavMenu form.search_component{text-align: center; margin: 40px auto 0 auto;}
 .fullNavMenu form.search_component input{width: 290px; height: 46px; line-height: 46px; border-radius: 51px; border: 1px solid rgba(0, 0, 0, 1); font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important; font-size: 14px; color: #000; padding: 0 0 0 15px;}
 .fullNavMenu form.search_component input::placeholder{color: rgba(0, 0, 0, 0.2); font-size: 14px; font-family: 'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;;}
 .fullNavMenu form.search_component input:focus-visible{outline: none;}
 .fullNavMenu form.search_component i{width: 46px; height: 46px; line-height: 46px; text-align: center; border: 1px solid; border-radius: 50%; position: relative; top: 2px; right: 4px;}
 .fullNavMenu .menuHeader{display: flex; align-items: center; justify-content: space-between;padding: 0 20px; top: 22px; position: relative;}
 .fullNavMenu .menuHeader img.header_logo.mobile{width: 145px;height: 37px;margin: 10px 0;object-fit: contain;}
 .fullNavMenu .menuHeader .mobileMenuClose img{width: 22px; height: 22px; object-fit: contain;}
 .fullNavMenu .menuHeader img.search_icon{width: 22px; height: 23px; object-fit: contain;}
 .fullNavMenu .languages{margin: 50px auto 15px auto;text-align: center;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 15.5px;width: 165px;text-align: center;height: 37px;display: flex;align-items: center;}
 .fullNavMenu .languages.hidden{display: none !important;}
 .fullNavMenu .languages.no_padding{margin: 40px auto 15px auto;}
 .fullNavMenu .languages a{width:79px;font-weight: 600;height: 100%;}
 .fullNavMenu .languages a.arabic{line-height: 28px;}
 .fullNavMenu .languages a.english{line-height: 35px;text-transform: uppercase;}
 .fullNavMenu .languages a.active{border: 1px solid;background: #000;color: #fff;border-radius: 15.5px;}
 .fullNavMenu .newsletter{background-color: #000; padding: 20px 45px 35px 45px; margin: 15px 0 0 0;}
 .fullNavMenu .newsletter h1{text-align: center; color: #fff;line-height: 30px; width: 100%; margin: 15px auto 0 auto;}
 .fullNavMenu .newsletter h2{text-align: center; color: #fff;line-height: 17.5px; margin: 5px 0 15px 0;}
 .fullNavMenu .newsletter form{margin: 30px 0 0 0;}
 .fullNavMenu .newsletter form input{border: none;border-bottom: 1px solid rgba(218, 165, 32, 1);width: 100%;background-color: #000; color: #fff; font-size: 14px; font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;}
 .fullNavMenu .newsletter form input:focus-visible{outline: none;}
 .fullNavMenu .newsletter form input::placeholder{font-size: 14px;font-family:'ChamberiHeadline-Regular', Arial, Helvetica, sans-serif !important;}
 .fullNavMenu .newsletter form button{width: 67px; height: 31px; line-height: 31px; color: #DAA520;background-color: #000; border: 0.5px solid #DAA520; border-radius: 15.5px;margin: 10px 0 0 0;}
 .fullNavMenu .newsletter form p.errorMessage{text-align: center; font-weight: bold; color: #D5312B;margin: 10px 0 0 0;}
 .fullNavMenu .newsletter form i{width: 30px; height: 31px; line-height: 31px; color: #DAA520; border: 0.5px solid #DAA520; border-radius: 50%; text-align: center; font-size: 12px; position: relative; left: 3px;}
  header .fullNavMenu.mobile.show .menuMove .mobileSitemap ul.cats li .arrow-down.rotate{transform: rotate(180deg);}
 .fullNavMenu .menuMove ul.cats div.submenu ul li{padding:0; border-bottom: 0px;font-family: BahijTheSansArabic-Plain, Arial, Helvetica, sans-serif;line-height: 37px;}
 .fullNavMenu .menuMove ul.cats div.submenu ul li:last-child{border-bottom: 1px solid; padding: 0 0 15px 0;}
 .fullNavMenu .menuMove ul.cats li.more{padding: 22px 15px 22px 0;}
 .fullNavMenu .menuMove ul.cats li.more i{margin: 5px 0 0 0 !important;}

 /*footer*/
 footer{padding: 0 0 100px 0;}
 footer .row{display: block;}
 footer .container{padding: 0 20px;}
 footer .row .right_col,footer .row .left_col{width: 100%;}
 footer .row .right_col img{width: 240px;margin:auto;}
 footer .row .right_col .categories.mobile{display: flex !important; gap: 40px; justify-content: center; width: 100%;}
 footer .row .right_col div.contact-us.mobile{display: flex !important;justify-content: space-around;margin: 15px 0 0 0;}
 footer .row .right_col div.contact-us.mobile ul:first-of-type{padding: 0 0 0 40px;}
 footer .row .right_col div.contact-us.mobile ul:last-of-type{padding: 0 0 0 60px;}

 footer .row .right_col ul.contact-us li{display: inline-block !important; padding: 20px 0;}
 footer .row .right_col ul.contact-us li:nth-child(even){padding: 12px 65px 12px 40px;}
 footer .row .right_col ul.contact-us li{padding: 10px 0;}
 footer .row .left_col .newsletter{padding: 10px 20px 35px 20px;}
 footer .row .left_col .develop_by.mobile a{display: flex !important;align-items: center;gap: 8px;justify-content: center;}
 footer .row .left_col .develop_by.mobile img{width: 100px;}
 footer .row .left_col .develop_by.mobile p{font-size:15px ;font-family:'Tajawal-Regular', Arial, Helvetica, sans-serif !important;color: #fff;}
 footer .row .left_col .social.links.mobile{margin: 45px 0 0 0; display: flex !important; align-items: center; gap: 15px; justify-content: center;}
 footer .row .left_col .social.links.mobile a img{width: 33px; height: 33px; object-fit: contain;}
 footer .row .left_col div.overlay-newsletter .details{width: 330px; height: 300px;}
 footer .row .left_col div.overlay-newsletter .details h2{font-size: 22px; margin: 50px auto 0 auto; width: 85%;}
 footer .row .left_col div.overlay-newsletter .details p:nth-child(4){width: 100%; margin: 50px 0;}
 footer .row .left_col div.overlay-newsletter .details .close{top: 15px; right: 15px;width: 25px; height: 25px;} 
 footer .row .left_col .newsletter h2{width: 100%;font-size: 27px;}

 .homepage .featured .row{display: block; margin: 5px 0;}
 .homepage .featured .row .swiper-pagination{text-align: center;margin: 10px 0 0 0;}
 .homepage .featured .row .swiper-pagination span{display: inline-block; width: 70px; height: 2px; background-color: #cfcfcf;border-radius: 0;}
 .homepage .featured .row .swiper-pagination span.swiper-pagination-bullet-active{background-color: #DAA520;}
 
 .homepage .featured .row .column a.overlay-article{display: block;}
 .homepage .featured .row .column.active{flex: none !important;}
 .homepage .featured .row .swiper-slide-active.column{width: 300px !important;}
 .homepage .featured .row .column.inactive{flex: none !important}

 .homepage .featured .row .swiper-slide.swiper-slide-prev a.read-article{display: none;}
 .homepage .featured .row .swiper-slide.swiper-slide-prev i{display: none;}
 .homepage .featured .row .swiper-slide.swiper-slide-next a.read-article{display: none;}
 .homepage .featured .row .swiper-slide.swiper-slide-next i{display: none;}

 .homepage .featured .row .overlay{height: 480px;}
 .homepage .featured .row .column{width: 100%;transition: unset !important;}
 .homepage .featured .row .column img{height: 500px;}
 .homepage .featured .row .column .details{width: 100%;left: 20px;padding: 0;}
 .homepage .featured .row .column .details span{font-size: 25px; top: -10px;}
 .homepage .featured .row .column .details h3{font-size: 13px; font-weight: 700; margin: 10px 0 0 0;}
 .homepage .featured .row .column .details h1{font-size: 20px; line-height: 30px; padding: 0 30px 0 0px; margin: 0; width: 100%;}
 .homepage .featured .row .column a.read-article{font-size: 11px; bottom: 30px; right: 25px; width: 60px; height: 60px; padding: 4px 0 0 0;}
 .homepage .featured .row .column i{right: 50px; bottom: 38px; font-size: 11px;}
 .homepage .featured .row .swiper-slide-active img{height: 520px; margin: 0; }
 .homepage .featured .row .swiper-slide-active .overlay{height: 520px;transition: unset !important;opacity: 0.2 !important;}
 .homepage .featured .row .swiper-slide-prev img,.homepage .featured .row .swiper-slide-next img{height: 420px;}
 .homepage .featured .row .swiper-slide-prev .overlay,.homepage .featured .row .swiper-slide-next .overlay{height: 420px;transition: unset !important;opacity: 0.65 !important;}
 .homepage .featured .row .swiper-slide-prev,.homepage .featured .row .swiper-slide-next{padding: 50px 0;}

 .homepage .featured .row .swiper-slide-active .details{visibility: visible !important;opacity: 1 !important;}
 .homepage .featured .row .swiper-slide-active a.read-article{visibility: visible !important;opacity: 1 !important;}
 .homepage .featured .row .swiper-slide-active i{visibility: visible !important;opacity: 1 !important;}
 .homepage .featured .row .swiper-slide-active span.inactive_number{opacity: 0;visibility: hidden;transition: .3s;}

 .leaderboard_top .advertisement{margin: 30px 0}
 .advertisement.fixed{width: 320px}
 .advertisement.fixed-leaderboard{position: fixed !important; bottom: 0; left: 0; right: 0; width: 320px; margin: auto; z-index: 9999999999}
 a.toTop{right: 5px}

 .homepage .fashion .container{padding: 0;}
 .homepage .fashion .container .section-title{padding: 0 20px; align-items: baseline;}
 .homepage .fashion .container .section-title h2{font-size: 25px;margin: 25px 0;}
 .homepage .fashion .container .row{ margin: 0;}
 .homepage .fashion .container .row .column.fullheight img{height: 390px;}
 .homepage .fashion .container .row .column.minheight img{height: 260px;}
 .homepage .fashion .container .row .column .details h2{font-size: 18px;}
 .homepage .fashion .container .arrows{display: none !important;}
 .homepage .fashion .container .row .column.swiper-slide{height:auto;}
 .homepage .fashion .container .row .column.swiper-slide.swiper-slide-active{margin: 0 20px !important;}
 .homepage .fashion .container .swiper.fashion .swiper-pagination{display: none !important;}

 .homepage .leaderboard.second.mobile {margin: 0 0 15px 0;}
 .homepage .leaderboard.second.mobile img{width: 100%; height: 250px; object-fit: cover;}

 .homepage .jewelry .container .section-title{align-items: baseline;}
 .homepage .jewelry .container .section-title h2{font-size: 20px; margin: 25px 0;}
 .homepage .jewelry .container .section-title .read_more button{width: 80px; font-size: 12px;}
 .homepage .jewelry .container .row{display: block; margin: 0;}
 .homepage .jewelry .container .row .right_col{width: 100%;}
 .homepage .jewelry .container .row .left_col{width: 100%;}
 .homepage .jewelry .container .row .right_col .article-1 a{display: block;}
 .homepage .jewelry .container .row .right_col .article-1 a .main_image{width: 100%;}
 .homepage .jewelry .container .row .right_col .article-1 a .details{width: 100%;}
 .homepage .jewelry .container .row .right_col .article-1 a .details h2{font-size: 23px; line-height: 25px; margin: 10px 0 0 0;width: 85%;}
 .homepage .jewelry .container .row .right_col .article-1 a .details p{width: 85%;}
 .homepage .jewelry .container .row .right_col .article-1 a .details i{right: 0;top: 0;}
 .homepage .jewelry .container .row .right_col .article-2{margin: 25px 0;}
 .homepage .jewelry .container .row .right_col .article-2 a{flex-direction: column-reverse; gap: 0px; top: initial}
 .homepage .jewelry .container .row .right_col .article-2 a .main_image{width: 100%; position: unset;}
 .homepage .jewelry .container .row .right_col .article-2 a .details{width: 100%;}
 .homepage .jewelry .container .row .right_col .article-2 a .details h2{width: 75%;font-size: 23px;line-height: 25px;}
 .homepage .jewelry .container .row .right_col .article-2 a .details i{right: 0;}
 .homepage .jewelry .container .row .left_col img{height: 250px;}
 .homepage .jewelry .container .arrows{display: none !important;}

 .homepage .clothes .container{padding: 0;}
 .homepage .clothes .section-title h2{font-size: 30px; line-height: 37px; text-align: center; width: 100%;padding: 0 20px;}
 .homepage .clothes .section-title i{display: none;}
 .homepage .clothes .container .row .show img{height: 375px;}

 .homepage .clothes .container .row .show a{display: block; text-align: center;}
 
 .homepage .azyaa_mode .container{padding: 0;}
 .homepage .azyaa_mode h2{font-size: 34px;margin: 15px 20px 30px 20px;top: 0;}
 .homepage .azyaa_mode .container .row{display: block;}
 .homepage .azyaa_mode .container .row .column{width: 100%;}
 .homepage .azyaa_mode .container .row .column.left{position: unset;}
 .homepage .azyaa_mode .container .row .column img{height: 190px;}
 .homepage .azyaa_mode .container .row .column h3{width: 100%; font-size: 23px; line-height: 30px;}
 .homepage .azyaa_mode .container .row .swiper-wrapper{padding: 0; gap: 0;}
 .homepage .azyaa_mode .container .row .swiper-wrapper .swiper-slide.swiper-slide-active{margin: 0 20px 0 20px !important;}

 .homepage .iconography .container{padding: 0;}
 .homepage .iconography .container .section-title{padding: 0 20px; align-items: baseline;}
 .homepage .iconography .container .section-title h2{margin: 15px 0; font-size: 25px;}
 .homepage .iconography .container .row{display: block; margin: 0;}
 .homepage .iconography .container .row .right_col{width: 100%;padding: 0 20px;}
 .homepage .iconography .container .row .left_col{display: none;}
 .homepage .iconography .container .row .right_col h2{font-size: 22px; width: 100%;}
 .homepage .iconography .container .row .right_col p{font-size: 14px; width: 100%; padding: 0 0 15px 0;}
 .homepage .iconography .container .articles_list{display: block; margin: 20px 0 0 0;overflow: hidden;}
 .homepage .iconography .container .articles_list .item{width: 100%;}
 .homepage .iconography .container .articles_list .item .details h2{font-size: 18px; line-height: 21px; width: 85%;}
 .homepage .iconography .container .articles_list .swiper-wrapper{gap: 0;}
 .homepage .iconography .container .articles_list .swiper-wrapper .swiper-slide-active{margin: 0 20px !important;}

 .homepage .trending{margin: 0 0 115px 0;}
 .homepage .trending .container{position: unset;}
 .homepage .trending .container .row{position: relative;}
 .homepage .trending .container .article-1 figure{height: 580px; width: 100%;}
 .homepage .trending .container .article-1 .overlay{height: 580px;}
 .homepage .trending .container .listed-items{display: block; width: 100%; left: 0px; bottom: -95px;}
 .homepage .trending .container .listed-items .article-2{width: 90%; margin: 0 auto 15px auto; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
 .homepage .trending .container .listed-items .article-2 h3{width: 65%;}
 .homepage .trending .container .article-1 h2{font-size: 25px; line-height: 37px;}
 .homepage .trending .container .swiper-pagination{top: 5px;}
 .homepage .trending .container .swiper-pagination span{width: calc(26% - 10px)}

 .homepage .beauty .container .section-title{align-items: baseline;}
 .homepage .beauty .container .section-title h2{font-size: 25px;margin: 15px 0;}
 .homepage .beauty .container .row{height: auto;}
 .homepage .beauty .container .row .item{width: 100%;}
 .homepage .beauty .container .row .item.left{position: unset;}
 .homepage .beauty .container .arrows{display: none;}
 .homepage .beauty .container .row .item {margin: 0 0 30px 0;}
 .homepage .beauty .container .row .item img{height: 360px;}
 .homepage .beauty .container .row .item .details{border-bottom: 1px solid #cfcfcf; padding: 0 0 10px 0;}
 .homepage .beauty .container .row .item .details h2{width: 80%; font-size: 18px; line-height: 21px; border: none;}
 .homepage .beauty .container .row .item time{margin: 15px 0 0 0; display: block;}
 .homepage .beauty .container .row .item:last-of-type{margin: 0;}
 .homepage .beauty .container .row .swiper-wrapper{display: block; padding: 0;}


 .category-page .article-1{margin: 0 0 40px 0;}
 .category-page .article-1 figure{height: 620px;}
 .category-page .article-1 figure .overlay{height: 620px;}
 .category-page .article-1 figure .details h1{font-size: 40px; line-height: 60px;margin: 0; top: 15px;}
 .category-page .article-1 figure .details .article-detail{padding: 0; flex-wrap: wrap;justify-content: center;width: unset;}
 .category-page .article-1 figure .details .article-detail .title{width: 90%;}
 .category-page .article-1 figure .details h2{font-size: 21px;line-height: 25px; width: 75%;}
 .category-page .article-1 figure .details p{font-size: 16px; line-height: 20px;width: 70%;}
 .category-page .article-1 figure .details span.read-article{width: 53px; height: 53px; padding: 3px 0 0 0;font-size: 11px;position: relative;left: 115px;top: -35px;}
 .category-page .article-1 figure .details i{font-size: 11px;top: -55px;left: 135px;}
 

 .category-page .container .leaderboard img{width: 100%;height: 50px; object-fit: cover;}
 .category-page .container .main_row{display: block;margin: 40px 0;}
 .category-page .container .main_row .article-2{width: 100%;margin: 0 0 25px 0;}
 .category-page .container .main_row .article-2.fullheight img{height: 450px;}
 .category-page .container .main_row .article-2.min-height img{height: 260px;}
 .category-page .container .main_row .article-2 .details h2{font-size: 18px; width: 80%; line-height: 21px;}
 .category-page .container .main_row .article-2 .details i{right: 0;}
 .category-page .listed_articles{margin: 35px 0 0 0;}
 .category-page .listed_articles .container .mpu1{margin: 0 0 35px 0;}
 .category-page .listed_articles .container .mpu1 img{width: 100%; height: 250px; object-fit: cover;}
 .category-page .listed_articles .container .main-grid{display: block;}
 .category-page .listed_articles .container .main-grid .articles .article-3{width: 100%;}
 .category-page .listed_articles .container .main-grid .articles .article-3 a{gap: 15px;}
 .category-page .listed_articles .container .main-grid .articles a div.image{width: 30%;}
 .category-page .listed_articles .container .main-grid .articles a div.image img{height: 85px;}
 .category-page .listed_articles .container .main-grid .articles a .details{width: 70%;}
 .category-page .listed_articles .container .main-grid .articles a h2{font-size: 16px; line-height: 19px;}

 .category-page .clothes{margin: 40px 0 50px 0;}
 .category-page .clothes .container{padding: 0;}
 .category-page .clothes .section-title h2{font-size: 30px; line-height: 37px; text-align: center; width: 100%;}
 .category-page .clothes .section-title i{display: none;}
 .category-page .clothes .container .row .show img{height: 375px;}
 .category-page .clothes .container .row .show a{display: block; text-align: center;}

 .category-page .container .grid{display: block;}
 .category-page .container .grid .articles{display: block;}
 .category-page .container .grid .articles .article-4{width: 100%; margin: 0 0 25px 0;}
 .category-page .container .grid .article-4 img{height: 450px;}
 .category-page .container .grid .article-4 .details h2{font-size: 18px; line-height: 20px; width: 80%;}
 .category-page .container .grid .article-4 .details i{right: 0;}
 .category-page .container.last_articles .mpu2 {margin: 0 0 35px 0;}
 .category-page .container.last_articles .mpu2 img{width: 100%; height: 250px; object-fit: cover;}

/*category video*/
.category-page.video{margin: 0 0 35px 0;}

.category-page.video .container .videos .main-grid .video .article-3{display: none;}
.category-page.video .container .videos .main-grid{display: block;}
.category-page.video .container .videos .mpu1.mobile img{width: 100%; height: 250px; object-fit: cover;}
.category-page.video .listed_articles.mobile{margin: 60px 0 30px 0;}
.category-page.video .container .listed_articles .row{display: block;}
.category-page.video .container .listed_articles .row .article-4{margin: 0 0 25px 0;width: 100%;}
.category-page.video .container .listed_articles .row .article-4 .details h2{font-size: 18px; line-height: 21px;padding: 0 0 15px 0;}

.category-page.video .container .last_articles .mpu2.mobile img{width: 100%; height: 250px; object-fit: cover;}
.category-page.video .container .last_articles .grid .articles{margin: 35px 0 0 0;}
.category-page.video .container .last_articles .grid .articles .article-5{width: 100%;}
.category-page.video .container .last_articles .grid .articles a{gap: 15px;}
.category-page.video .container .last_articles .grid .articles a div.image{width: 30%;}
.category-page.video .container .last_articles .grid .articles a div.details{width: 70%;}
.category-page.video .container .last_articles .grid .articles a div.image img{height: 80px;}
.category-page.video .container .last_articles .grid .articles a h2{font-size: 16px; line-height: 19px;}

.category-page.video .container .videos{margin: 35px 0 40px 0;}


 .search-overlay{margin: 10px 0 35px 0;}
 .search-overlay .container p.total_results{margin: 25px 0 0 0;}
 .search-overlay .container form{display: flex; align-items: center;}
 .search-overlay .container form input{width: 85%; font-size: 16px;}
 .search-overlay .container form input::placeholder{font-size: 16px;}
 .search-overlay .container form i{left: 0;}
 .search-overlay .container .articles{display: block;}
 .search-overlay .container .articles .article-1{margin: 0 0 15px 0;}
 .search-overlay .container .articles .article-1 a{display: flex; align-items: center; gap: 20px;}
 .search-overlay .container .articles .article-1 a .main_image{width: 50%;}
 .search-overlay .container .articles .article-1 a .main_image img{height: 150px;}
 .search-overlay .container .articles .article-1 a .details{width: 50%;}
 .search-overlay .container .articles .article-1 span{font-size: 12px;}
 .search-overlay .container .articles .article-1 h2{font-size: 16px; line-height: 19px;margin: 5px 0;}

 .keyword-page{margin: 10px 0 35px 0;}
 .keyword-page .container form{display: flex; align-items: center;}
 .keyword-page .container form input{width: 85%; font-size: 16px;}
 .keyword-page .container .articles{display: block;}
 .keyword-page .container .articles .article-1{margin: 0 0 15px 0;}
 .keyword-page .container .articles .article-1 a{display: flex; align-items: center; gap: 20px;}
 .keyword-page .container .articles .article-1 a .main_image{width: 50%;}
 .keyword-page .container .articles .article-1 a .main_image img{height: 150px;}
 .keyword-page .container .articles .article-1 a .details{width: 50%;}
 .keyword-page .container .articles .article-1 span{font-size: 12px;}
 .keyword-page .container .articles .article-1 h2{font-size: 16px; line-height: 19px;margin: 5px 0;}

 .text-template-page .container .text{border: none;}
 .text-template-page .container .text .contents{width: 100%; margin: 0 0 50px 0;}
 .text-template-page .container .text .contents h1{font-size: 30px;line-height: 45px; margin: 10px 0 20px 0;}
 .text-template-page .container .text .contents h3{font-size: 18px; line-height: 18px; margin: 10px 0 15px 0;}
 .text-template-page .container .text .contents ul{margin: 0 0 30px 0;}


 .error-page{padding: 100px 0 150px 0;}
 .error-page .container .details img{width: 135px;height: 100px;}
 .error-page .container .details h2{font-size: 23px; line-height: 29px;}
 .error-page .container .details button{font-size: 12px; width: 175px;height: 25px; line-height: 25px;}
 .error-page .container .details i{width: 25px; height: 25px; line-height: 25px;font-size: 9px;}


 .wrapper .article-page .container .row .right_col .mostread .articles .article-1 img{height: 105px;}
 .wrapper .article-page .container .newsletter{display: block;height: auto; padding: 45px 20px 70px 20px;}
 .wrapper .article-page .container .newsletter .details{width: 100%; text-align: center;}
 .wrapper .article-page .container .newsletter .details h2{font-size: 31px;line-height: 40px;margin: 0 0 15px 0;}
 .wrapper .article-page .container .newsletter .details p{font-size: 17px;line-height: 21px;width: 90%; margin: auto;}
 .wrapper .article-page .container .newsletter form{width: 100%; display: flex; flex-wrap:wrap;margin: 65px 0 0 0;padding: 0 20px;}
 .wrapper .article-page .container .newsletter form input {width: 100%;}
 .wrapper .article-page .container .newsletter form button{margin: 20px 0 0 0;right: 30px;top: -20px;}
 .wrapper .article-page .container .newsletter form i{margin: 20px 0 0 0;right: 0;top: -20px;}
 .wrapper .article-page .container .newsletter form p.errorMessage{left: 15px;}
 .wrapper .article-page .container .row .right_col .mostread .articles{display: block;}
 .wrapper .article-page .container .row .right_col .mostread .articles .swiper-wrapper{display: flex;gap: 0;padding: 0;}
 .wrapper .article-page .container .row .right_col .mostread .articles .article-1 .details h2{font-size: 16px;line-height: 19px;}
 .wrapper .article-page .container .row .right_col .mostread .articles .article-1 .details span{margin: 5px 0;}
 .wrapper .article-page .container .row .right_col .mostread .articles .swiper-slide{margin-right: 35px !important;}

 .wrapper .article-page .container .related_articles{display: block;}
 .wrapper .article-page .container .related_articles .article-2{width: 100%;margin: 0 0 35px 0;}
 .wrapper .article-page .container .related_articles .article-2 img{height: 300px;}
 .wrapper .article-page .container .related_articles .article-2 .details h2{width: 80%; font-size: 18px; line-height: 21px;}
 .wrapper .article-page .container .related_articles .article-2 .details i{width: 30px;height: 30px;line-height: 30px;top: 30px;}
 .wrapper .article-page .other-related-articles .container .articles .article-3 img{height: 300px;}

/*article video mobile*/
.wrapper .article-page .container .category{gap: 35px;padding: 0 0 10px 0;}
.wrapper .article-page .container .category a{font-size: 18px; line-height: 27px;}
.wrapper .article-page .container .category span{font-size: 15px;}
.wrapper .article-page .container .category time{font-size: 13px; line-height: 20px;}
.wrapper .article-page .container .category time span{font-size: 16px; line-height: 20px;}

.wrapper .article-page .container .article-details{text-align: start;}
.wrapper .article-page .container .article-details h1{width: 100%; font-size: 25px; line-height: 30px;margin: 30px 0 15px 0;text-align: center;}
.wrapper .article-page .container .article-details div.article-description{width: 100%; font-size: 18px;line-height: 20px;margin: 0 0 25px 0;}
.wrapper .article-page .container .article-details a{text-align: center;}
.wrapper .article-page .container .article-details span{text-align: center;}
.wrapper .article-page.video .container .main .video{width: 100%;margin: 30px 0;}
.wrapper .article-page.video .container .main .video img{height: 180px;}
.wrapper .article-page .container .leaderboard_top{margin: 0 0 30px 0;}
.wrapper .article-page .container .row{display: block;margin: 30px 0 40px 0;}
.wrapper .article-page .container .row .right_col .article-text-container p{font-size: 15px;}
.wrapper .article-page .container .row .right_col .article-text-container p iframe{max-width: 100%;}
.wrapper .article-page .container .row .right_col .article-text-container .noReload.embed.inlineVideo iframe{width: 100%;}
.wrapper .article-page .container .row .right_col .article-text-container img.inlineImage{width: 100% !important; height: 250px; object-fit: contain; margin: 0 0 25px 0;}
.wrapper .article-page .container .row .right_col .article-text-container p.inline-image-caption{text-align: center;}
.wrapper .article-page .container .row .right_col .article-text-container .advertisement.mobile{margin: 0 0 25px 0;}
.wrapper .article-page .container .row .right_col .article-text-container .inlineImage.disable_slider{width: 100%;margin: 0;object-fit: contain;}
.wrapper .article-page .container .row .right_col .share-option{margin: 20px 0 30px 0;}
.wrapper .article-page .container .row .right_col .keywords{width: calc(100% + 40px);margin: 30px -20px 0;padding: 20px 0 20px 10px;}
.wrapper .article-page .container .row .right_col .keywords span{margin: -10px 0px 5px 15px;}
.wrapper .article-page .container .row .right_col .keywords ul li{margin: 15px 0 10px 10px;}
.wrapper .article-page .container .row .left_col img{display: none;}

.wrapper .article-page.video .related-articles .container{padding: 0;}
.wrapper .article-page.video .related-articles .container .section-title{padding: 0 20px;}
.wrapper .article-page.video .related-articles .articles .swiper-wrapper{gap: 0;}
.wrapper .article-page.video .related-articles .swiper-slide{flex-shrink: 0;}
.wrapper .article-page.video .related-articles .swiper-slide-active{margin: 0 20px !important;}
.wrapper .article-page.video .related-articles .article-2 .details h2{font-size: 18px; line-height: 21px;}
.wrapper .article-page .other-related-articles{padding: 20px 0;}
.wrapper .article-page .other-related-articles .container h2{font-size: 25px;line-height: 31px;margin: 15px 0 25px 0;}
.wrapper .article-page .other-related-articles .container .articles{display: block;}
.wrapper .article-page .other-related-articles .container .articles .article-3{width: 100%;margin: 0 0 25px 0;}
.wrapper .article-page.video .other-related-articles .container .articles .article-3 img{height: 170px;}
.wrapper .article-page .other-related-articles .container .articles .article-3 .details h2{font-size: 18px;line-height: 21.5px;}

.wrapper .article-page .main_images .swiper.images{max-width: 100%; overflow: hidden; padding: 0 25px 20px 25px; margin: 30px 0;}
.wrapper .article-page .main_images .swiper.images img{height: 350px;}
.wrapper .article-page .main_images .swiper.images .swiper-slide-visible span.total_count{margin: 20px 0 0 0;}
.wrapper .article-page .main_images .swiper.images .swiper-pagination{bottom: 0;}
.wrapper .article-page .main_images .swiper.images .swiper-pagination span{width: 55px;}


.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images{left: 15px;max-width: 100%;margin: 30px 0 0 0;overflow: hidden;padding: 0 25px 80px 30px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide{width: 90% !important;flex-direction: column;gap: 15px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .main_image{width: 100%;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .main_image img{height: 235px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-slide .details{width: 100%;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-button-prev{display: none;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-button-next{display: none;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-pagination{bottom: 15px;left: -10px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images .swiper-pagination span{width: 80px;}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images span.total_number{left: 45%;transform: translate(-45%,0);}
.wrapper .article-page .container .row .right_col .article-text-container .article-inline-images span.section-title{right: 0;font-size: 18px;margin: 0 0 15px 0;}
}

@media only screen and (max-width: 960px) and (min-width: 768px){
    .homepage .fashion .container .row .column.fullheight img{height: 550px;}
    .homepage .fashion .container .row .column.minheight img{height: 380px;}
    .homepage .jewelry .container .row .right_col .article-1 a .main_image img{height: 560px;}
    .homepage .jewelry .container .row .right_col .article-2 a .main_image img{height: 560px;}
    .homepage .clothes .container .row .show img{height: 575px;}
    .homepage .iconography .container .row .right_col img{height: 525px;}
    .homepage .iconography .container .articles_list .item img{height: 450px;}
    .homepage .beauty .container .row .item img{height: 560px;}
    .homepage .beauty .container .row .item img{height: 550px;}
    .homepage .featured .row .swiper-slide-active.column{width: 575px !important;}
    .homepage .featured .row .swiper-slide.swiper-slide-prev{width: 825px !important;}
    .category-page .container .main_row .article-2.fullheight img{height: 550px;}
    .category-page .container .main_row .article-2.min-height img{height: 450px;}
    .category-page .clothes .container .row .show img{height: 475px;}
    .category-page .listed_articles .container .main-grid .articles a div.image img{height: 185px;}
    .category-page .container .grid .article-4 img{height: 550px;}
    .category-page .article-1 figure .details .article-detail{display: block;}
    .category-page .article-1 figure .details i{top: 10px;}
    .category-page .article-1 figure .details span.read-article{top: 30px;}
    .category-page.video .container .listed_articles .row .article-4 img{height: 400px;}
    .category-page.video .container .last_articles .grid .articles a div.image img{height: 180px;}
    .search-overlay .container .articles .article-1 a .main_image img{height: 250px;}
    .search-overlay .container .articles .article-1 h2{font-size: 19px;}
    .keyword-page .container .articles .article-1 img{height: 350px;}
    .wrapper .article-page .container .row .right_col .article-text-container p{font-size: 17px;}
    .wrapper .article-page .container .related_articles .article-2 img{height: 500px;}
    .wrapper .article-page .other-related-articles .container .articles .article-3 img{height: 500px;}
    .wrapper .article-page .main_images .swiper.images{margin: 30px auto;}
}

@media screen and (max-width: 1455px) {
    .homepage .fashion .main-container .skin-right,.homepage .fashion .main-container .skin-left {display: none !important;}
}

@media screen and (min-width : 1600px) and (max-width : 1800px){
    .homepage .featured .row .column .details{max-width: 440px;}
}
@media screen and (min-width : 1500px) and (max-width : 1600px){
    .homepage .featured .row .column .details{max-width: 350px;left: 180px;}
    .homepage .featured .row .column .details h1{font-size: 30px;}
}
@media screen and (min-width : 1300px) and (max-width : 1500px){
    .homepage .featured .row .column .details{max-width: 300px; left: 150px;}
    .homepage .featured .row .column .details h1{font-size: 27px;line-height: 35px;}
}

@media screen and (min-width : 992px) and (max-width : 1300px){
    .homepage .featured .row .column .details h1{font-size: 23px; line-height: 30px;}
    .homepage .featured .row .column .details{left: 50px;max-width: 270px;bottom: 25%;}
}
@media screen and (min-width : 992px) and (max-width : 1100px){
    .wrapper .article-page .container .newsletter form input{width: 330px;}
    .wrapper .article-page .container .newsletter{padding: 0 30px;}
    .wrapper .article-page .container .newsletter .details h2{font-size: 29px;}
    .wrapper .article-page .container .newsletter .details p{font-size: 15px;}
    .homepage .featured .row .swiper-slide{margin: 0 !important;}
    .homepage .featured .row .swiper-wrapper{transform: none !important;}
    .homepage .iconography .container .articles_list.swiper.iconography-articles{overflow: initial;}
    .homepage .iconography .container .articles_list .item{width: 30%;}
    .homepage .clothes .container .row .show.swiper-slide{width: 200px !important;}
    .homepage .clothes .container .row .show img{height: 380px;}
    .search-overlay .container form input{width: 940px;}
    .category-page.video .container .videos .main-grid .video .article-3 a img{height: 350px;}
    .category-page .clothes .container .row .show.swiper-slide{width: 200px !important;}
    .wrapper .article-page.video .container .main .video img{height: 450px;}
    .homepage .jewelry .container .arrows{right: 22%;transform: translate(-22%,0);}
    .homepage .jewelry .container .swiper.jewelry .swiper-pagination{left: 61%;transform: translate(-61%, 0);}
}
@media screen and (min-width : 992px) and (max-width : 1200px){
    .category-page .article-1 figure .details .article-detail{padding: 0 35px 0 20px;}
    .category-page .article-1 figure .details span.read-article{left: 0;}
    .category-page .article-1 figure .details i{left: 40px;}
    header .main-menu nav.menu.desktop ul li:nth-child(even){padding: 0 40px;}
    header .main-menu nav.menu.desktop ul li a{font-size: 14px;}
    footer .row .right_col ul.contact-us li:nth-child(even){padding: 25px 30px 20px 30px;}
}


/* slick.css + slick-theme.css */
.slick-slider{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-list,.slick-slider .slick-track{-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:after,.slick-track:before{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;width: 100%;}.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}@charset'UTF-8';.slick-next,.slick-prev{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:transparent;border:none;outline:none;background:transparent}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:0.25}.slick-next:before,.slick-prev:before{font-family:'slick';font-size:20px;line-height:1;opacity:0.75;color:white;-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:0}