@charset "utf-8";
@font-face {
    font-family: 'Cairo';
    src: url('fonts/cairo-regular.eot');
    src: url('fonts/cairo-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/cairo-regular.woff') format('woff'),
    url('fonts/cairo-regular.ttf') format('truetype'),
    url('fonts/cairo-regular.svg#cairoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Cairo-Bold';
    src: url('fonts/cairo-bold.eot');
    src: url('fonts/cairo-bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/cairo-bold.woff') format('woff'),
    url('fonts/cairo-bold.ttf') format('truetype'),
    url('fonts/cairo-bold.svg#cairobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Nassim';
    src: url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.eot');
    src: url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.woff') format('woff'),
    url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.ttf') format('truetype'),
    url('fonts/nassim-arabic-regular/NassimArabicWeb-Regular.svg#nassimregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Nassim-Bold';
    src: url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.eot');
    src: url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.woff') format('woff'),
    url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.ttf') format('truetype'),
    url('fonts/nassim-arabic-bold/NassimArabicWeb-Bold.svg#cairobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Helvetica_new';
    src: url('fonts/helvetica_new/HelveticaNeue.eot');
    src: url('fonts/helvetica_new/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('fonts/helvetica_new/HelveticaNeue.woff') format('woff'),
    url('fonts/helvetica_new/HelveticaNeue.ttf') format('truetype'),
    url('fonts/helvetica_new/HelveticaNeue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

html, body{margin: 0; padding: 0; height: 100%}
body{height: 100%}
body.no-overflow{overflow: hidden}
body.black{background-color: #000000}
body.overflow{overflow-y: hidden !important;}
ul{list-style: none}
ul, li{margin: 0; padding: 0}
a{text-decoration: none; color: inherit}
*{margin: 0; padding: 0; box-sizing: border-box}
img{border: none}
h1, h2, h3, h4{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
input, select:focus, textarea{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
input[type=email]{direction: ltr; text-align: right}
input[type=number]{-moz-appearance: textfield}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}
.hidden{display: none}
.clear{clear: both}
.rtl-container{direction: rtl; height: 100%}
.desktop{display: block !important}
.mobile{display: none !important}
.mobile-header{display: none}
.page{min-height: calc(100% - 255px); padding: 155px 0 0 0}
.mobile_app .page{padding: 0 !important;}
.ias-spinner{font-size: 20px; margin: 0 0 20px 0}
.videos-page .ias-spinner{color: #FFFFFF}
.page-title{font-size: 30px; margin: 0 0 30px 0; padding: 0 15px 0 0}
.page-title:after{content: ''; width: 115px; border-top: 10px solid #F0532D; display: inline-block; margin: 0 30px 0 0}
.to-top{width: 40px; height: 40px; background-color: #F0532D; color: #FFFFFF; bottom: 50px; right: 25px; text-align: center; position: fixed; line-height: 36px; font-size: 30px; transition: .25s}
.to-top:hover{background-color: rgba(240, 83, 45, 0.8)}
.to-top.hide{opacity: 0; visibility: hidden}
.whitebeard {background: #231F20; text-align: center; color: white; direction: ltr; font-family: 'Cairo', 'Helvetica_new', Arial, sans-serif; font-size: 14px; padding: 0 0 3px 0; border-bottom: 1px solid #424242}
.whitebeard a{color: #FFFFFF}
.whitebeard img {position: relative; top: 7px; margin: 0 0 0 5px}
.dirrtl{direction: rtl !important; }
amp-ad {margin: auto}
.cairobold-font{font-family:'Cairo-Bold'!important ;}
.cairoregular-font{font-family: 'Cairo' !important;}
.font17{font-size: 17px;}
.font20{font-size: 20px;}
.font13{font-size: 13px;}

.error{color: red;}
.success{color: green;}

#app-popup{display: none;}
.app_popup_main_image{display: none;}
a.close-popup-button{display: none;}

/* New donation*/
.donate .donation-parent{display: block;}
.donate .donation-tabs{display: flex;justify-content: center;margin-bottom: 20px;direction: ltr;}
.donate .donation-tab{padding: 5px 30px;border: 1px solid #e44d26;color: #e44d26;cursor: pointer;margin: 0 5px;border-radius: 50px;transition: 0.3s;font-size: 16px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.donate .donation-tab.active {background-color: #e44d26;color: #fff;}
.donate .donation-options{display: none;justify-content: center;flex-wrap: wrap;gap: 10px;margin-bottom: 20px;direction: ltr;}
.donate .donation-options.active {display: flex;}
.donate .donation-option{padding: 7px 25px;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;color: #000;transition: 0.3s;font-size: 15px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.donate .donation-option:hover,.donate .donation-option.selected{background-color: #000;color: #fff;}
.donate .custom-amount {display: flex;justify-content: center;margin-bottom: 20px;}
.donate .custom-amount input{width: 200px;padding: 8px;text-align: center;border: 1px solid #ccc;border-radius: 4px;outline: none;}
/* End New donation*/

/*Files*/
.files-page .page-title:after{margin: 0 0 0 30px;}
/* End files*/

/* Newsletter preview*/
.newsletter-overlay{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .5);display: none;z-index: 999;}
.newsletter-overlay .content{width: 580px;margin: auto;position: relative;height: 85%;background-color: #dddad2;top: 90px;border-radius: 8px;}
.newsletter-overlay .content a.close{width: 30px;height: 30px;left: 20px;position: absolute;top: 10px;background: url(../images/close-black.png) no-repeat center;background-size: contain;}
.newsletter-overlay .content h1{font-family: Cairo-Bold, Helvetica, Arial, sans-serif;font-size: 28px;color: #F0532D;text-align: center;direction: ltr;}
.newsletter-overlay .content form .input-container{width: fit-content;margin: 10px auto 0 auto;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid;}
.newsletter-overlay .content form .input-container .user-input-email{padding: 5px 5px 5px 10px;border: unset;width: 330px;font-size: 15px;font-family: Cairo, Helvetica, Arial, sans-serif;background-color: transparent;outline: none;text-align: start;}
.newsletter-overlay .content form p.return-message{text-align: center;direction: ltr;margin: 10px 0 0 0;}
.newsletter-overlay .content .container{overflow-y: scroll;overflow-x: hidden;position: absolute;font-size: 14px;left: 0;right: 0;background-color: #fff;height: calc(100% - 150px);width: 520px;margin: auto;direction: ltr;top: 140px;}

.newsletter-overlay .content .container::-webkit-scrollbar {width: 6px;}
.newsletter-overlay .content .container::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 3px;}
.newsletter-overlay .content .container::-webkit-scrollbar-track {background-color: #f1f1f1;}
.newsletter-overlay .content .container {scrollbar-width: thin; scrollbar-color: #ccc #f1f1f1;overflow-anchor: none;}
.newsletter-overlay .content .container div table{margin: auto;}
.newsletter-overlay .success{color: green !important;margin: 6px 40px;font-size: 13px; font-family: Cairo, Helvetica, Arial, sans-serif;}

.newsletter-overlay table p{line-height: 24px;margin: 0 0 10px 0;}
.newsletter-overlay table tr td.more_padding{padding: 0 0 0 20px !important;}
.newsletter-overlay table img.newsletter_author_image{margin: 5px 0 0 0 !important;}
.newsletter-overlay table tr td b{line-height: 24px;}
.newsletter-overlay table tr td span{font-size: 13px !important;}
.newsletter-overlay table tr td span a{font-size: 13px !important;}
.newsletter-overlay table tr td h1{font-size: 18px !important;margin: 0 0 10px 0 !important;}
.newsletter-overlay table tr td blockquote{line-height: 22px; margin: 0 0 10px 0;}
/* END newsletter preview */

/*cookie notice*/
.cookie_notice{width: 100%;margin: auto;background-color: #F0532D;border-top-right-radius: 6px;border-top-left-radius: 6px;position: fixed;bottom: 0;z-index: 1000;left: 0;right: 0;-webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.5);-moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.5);box-shadow: 0 0 43px -10px rgba(0,0,0,0.5); padding: 20px 0;}
.cookie_notice .container{max-width: 1300px; padding: 0 40px; margin: auto; display: flex; align-items: center; justify-content: space-between;}
.cookie_notice .container .text{width:70%}
.cookie_notice .container .buttons{width: 30%;}
.cookie_notice .container .text .content{color: white;font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 17px; width: 85%; margin: auto;}
.cookie_notice .container .buttons a{background-color: #3E3A3B; color: #fff; padding: 10px; border-radius: 7px; text-align: center; width: 110px; display: inline-block; font-size: 15px; font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.cookie_notice .container .buttons a.refuse{margin-left: 15px;}


.signup_articlecomments{text-decoration: underline !important; color: #F0532D !important;}

.dashboard-page.mycomments ul.my-comments{margin: 40px 0 0 0; direction: ltr;display: grid; grid-template-columns: 50% 50%; gap: 15px;}
.dashboard-page.mycomments ul.my-comments li{padding: 0 0 25px 0;}
.dashboard-page.mycomments ul.my-comments li img{width: 100%; height: 220px; object-fit: cover; border-radius: 10px;}
.dashboard-page.mycomments ul.my-comments li div.comment-detail{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; padding: 20px; margin-top: -7px; border-radius: 0 0 10px 10px;}
.dashboard-page.mycomments ul.my-comments li div.comment-detail p:nth-child(2){border-bottom: 1px solid; padding: 0 0 15px 0; margin: 10px 0 0 0;}
.dashboard-page.mycomments ul.my-comments li:last-child{margin: 0; padding: 0; border: none}
.dashboard-page.mycomments ul.my-comments li p{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.dashboard-page.mycomments ul.my-comments li p span{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.dashboard-page.mycomments ul.my-comments li p.comment_parent{display: flex;align-items: center;gap: 5px; margin: 10px 0 0 0 ;}
.dashboard-page.mycomments ul.my-comments li p span.actual_comment{font-family: Cairo, Helvetica_new, Arial, sans-serif}
.dashboard-page.mycomments ul.my-comments li .delete-comment{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 14px; text-decoration: underline}
.dashboard-page.mycomments ul.my-comments li .edit-comment{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 14px; text-decoration: underline;margin-right: 15px;}
.dashboard-page.mycomments ul.my-comments li textarea{font-family:Cairo, Helvetica_new, Arial, sans-serif; font-size: 16px;width: 80%;resize: none;outline: none;border: 1px solid rgba(0, 0, 0, 0.2);padding: 10px;margin: 10px 0 10px 10px;}
.dashboard-page.mycomments ul.my-comments li .update-comment{background-color: #f0532d;width: fit-content;padding: 5px 20px;border-radius: 7px;margin: 35px 0 15px 0;display: block;font-size: 12px;font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;color: white;float: left;display: none;}
.dashboard-page.mycomments ul.my-comments .content .actions{margin: 10px 0 0 0;}
.unclickable{opacity: 0.5; pointer-events: none;}
.dashboard-page.mycomments h3.no-results{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 18px; margin: 50px 0 0 0; text-align: center}



.newsletter .input-container{position: relative}
.newsletter form input.error{color: #F0532D !important}
.newsletter form input.error::-webkit-input-placeholder{color: #F0532D !important}
.newsletter form input.error:-moz-placeholder{color: #F0532D !important}
.newsletter form input.error::-moz-placeholder{color: #F0532D !important}
.newsletter form input.error:-ms-input-placeholder{color: #F0532D !important}
.newsletter form p.error{font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0; color: #FFFFFF; font-size: 13px}
.newsletter form p.success{font-family: Cairo, Helvetica_new, Arial, sans-serif;text-align: right;direction: ltr; margin: 10px 0 0 0; color: #FFFFFF; font-size: 13px}
header .newsletter form p.error, header .newsletter form p.success{color: #000000}


/*Header*/
.underline-effect{position: relative}
.underline-effect:after{content: ''; position: absolute; border-bottom: 1px solid #FFFFFF; bottom: -4px; left: 0; width: 100%; transition: .25s; -webkit-transition: .25s; visibility: hidden; opacity: 0}
.underline-effect:hover:after{visibility: visible; opacity: 1; transform: translateY(-2px)}
header .underline-effect:after{border-bottom: 1px solid #231F20}
header .main-container{max-width: 1600px; padding: 0 40px;display: flex;direction: ltr;justify-content: space-between;}
header .desktop-header{position: fixed; z-index: 99; width: 100%}
header .desktop-header .top-menu{height: 50px; background-color: #FFFFFF; padding: 12px 0}
header .desktop-header .top-menu .login{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 12px; transition: .1s; -webkit-transition: .1s; text-transform: uppercase}
header .desktop-header .top-menu .login:before{content: ''; width: 18px; height: 21px; display: inline-block; background: url('/assets/images/sprite-login.png') no-repeat -48px -10px; vertical-align: middle; margin: 0 0 0 10px; position: relative; top: -1px}
header .desktop-header .top-menu .login:hover{color: #F0532D}
header .desktop-header .top-menu .login:hover:before{background: url('/assets/images/sprite-login.png') no-repeat -10px -10px}
header .desktop-header .top-menu .socialmedia-languages{float: left;display: flex;align-items: center;}
header .desktop-header .top-menu .socialmedia-languages .social{display: flex; align-items: center;margin-left: 20px;gap: 10px;}
header .desktop-header .top-menu .socialmedia-languages .social li a{width: 30px;height: 30px; border: 1px solid #141414; border-radius: 50%; display: flex;align-items: center;justify-content: center;  font-size: 14px;color: #141414;text-align: center;line-height: 30px;position: relative;}
header .desktop-header .top-menu .socialmedia-languages .social li a i{position: relative;}
header .desktop-header .top-menu .socialmedia-languages .social li a:before{content: ''; width: 100%; height: 100%; position: absolute; opacity: 0; transition: .25s; border-radius: 50%; right: 0}
header .desktop-header .top-menu .socialmedia-languages .social li a:hover:before{opacity: 1}
header .desktop-header .top-menu .socialmedia-languages .social li a:hover{color: white;}
header .desktop-header .top-menu .socialmedia-languages .social li a.twitter:before{background-color: #01AFFD}
header .desktop-header .top-menu .socialmedia-languages .social li a.instagram:before{background: #f09433; background: -moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: -webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
header .desktop-header .top-menu .socialmedia-languages .social li a.facebook:before{background-color: #3F59A3}
header .desktop-header .top-menu .socialmedia-languages .social li a.whatsapp:before{background-color: #25D366}
header .desktop-header .top-menu .socialmedia-languages .social li a.linkedin:before{background-color: #0077b5}
header .desktop-header .top-menu .socialmedia-languages .social li a.youtube:before{background-color: #FF0000}
header .desktop-header .top-menu .socialmedia-languages .social li a.tiktok:before{background-color: #000000}
header .desktop-header .top-menu .socialmedia-languages .social li a.telegram:before{background-color: #01AFFD}

header .desktop-header .top-menu .languages{float: left}
header .desktop-header .top-menu .languages ul li{display: inline-block; vertical-align: middle; margin: 0 15px 0 15px}
header .desktop-header .top-menu .languages ul li:last-child{margin: 0; position: relative; top: 2px}
header .desktop-header .top-menu .languages ul li a{font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; line-height: 24px}
header .desktop-header .top-menu .languages ul li a.active{font-family: Cairo-Bold, Helvetica, Arial, sans-serif}
header .desktop-header .bottom-menu{height: 105px; background-color: #231F20}
header .desktop-header .bottom-menu .right-container{display: inline-block; vertical-align: top;width: calc(100% - 395px);}
header .desktop-header .bottom-menu .right-container h1{display: inline-block;}
header .desktop-header .bottom-menu .right-container .logo{width: 192px; height: 70px; display: inline-block; vertical-align: middle; background: url('/assets/images/logo-white.png?1') no-repeat center; background-size: contain; margin: 18px 0; transition: .25s; -webkit-transition: .25s}
header .desktop-header .bottom-menu .right-container .logo:hover{opacity: .75}
header .desktop-header .bottom-menu .right-container .logo.lgbtq{background: url('/assets/images/Raseef-LGBTQ-logo.png') no-repeat center; background-size: contain}
header .desktop-header .bottom-menu .right-container nav{display: inline-block; vertical-align: middle; position: relative; height: 105px}
header .desktop-header .bottom-menu .right-container nav ul{height: 100%;margin-left: 20px;width: 100%;}
header .desktop-header .bottom-menu .right-container nav ul li{display: inline-block; vertical-align: middle; margin: 0 30px 0 0; height: 100%; position: relative}
header .desktop-header .bottom-menu .right-container nav ul li:after{content: ''; position: absolute; left: 50%; bottom: 1px; height: 6px; background-color: #F0532D; width: 0; transition: .5s; -webkit-transition: 0.5s}
header .desktop-header .bottom-menu .right-container nav ul li:hover:after{width: 100%; left: 0}
header .desktop-header .bottom-menu .right-container nav ul li:hover a{color: #F0532D}
header .desktop-header .bottom-menu .right-container nav ul li:hover .sub-menu.masarat{height: calc(100% - 155px)}
header .desktop-header .bottom-menu .right-container nav ul li:hover .sub-menu.sections{height: 100px}
header .desktop-header .bottom-menu .right-container nav ul li:hover .sub-menu.sections.columns{height: 250px;}
header .desktop-header .bottom-menu .right-container nav ul li:hover .sub-menu.countries{height: 220px}
header .desktop-header .bottom-menu .right-container nav ul li a{color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 14px; transition: .5s; -webkit-transition: 0.5s; display: block; position: relative; height: 100%; padding: 40px 0}
header .desktop-header .bottom-menu .right-container nav ul li a.main-item{cursor: pointer}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu{position: fixed; width: 100%; right: 0; background-color: #FFFFFF; z-index: 9; transition: .5s; -webkit-transition: .5s; height: 0; overflow: hidden; top: 155px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);transition-delay: 0.5s;}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu .main-container{overflow-y: auto; -webkit-overflow-scrolling: touch; bottom: 0; left: 0; position: absolute; z-index: 11; right: 0; top: 0; -ms-overflow-style: none; scrollbar-width: none;align-items: start;}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections .main-container{padding: 0 0 0 347px}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns .main-container{padding: 0;}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.engage .main-container{text-align: center;padding: 0;}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu .main-container::-webkit-scrollbar{display: none}

header .desktop-header .bottom-menu .right-container nav ul li .sub-menu .text{width: 190px; display: inline-block; vertical-align: top; margin: 35px 0 0 0; direction: ltr; text-align: left}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu .text p{font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0 0 20px 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu ul{padding: 35px 0 0 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu ul li{height: auto}

header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li{width: calc(10% - 60px);}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:nth-child(2){width: calc(10% - 80px);}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:nth-child(3){width: calc(10% - 40px);}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:last-child{width: calc(60% - 30px);}

header .desktop-header .bottom-menu .right-container nav ul li .sub-menu ul li:after{display: none}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu ul li a{padding: 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul{display: inline-block; vertical-align: top; width: calc(100% - 210px); margin: 0 20px 35px 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li{display: inline-block; vertical-align: top; width: calc(20% - 15px); margin: 0 0 30px 15px}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li.empty-section{filter: grayscale(1)}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li:nth-child(5n){margin: 0 0 30px 15px}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a{padding: 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a .figure-container{height: 192px; overflow: hidden}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a .figure-container figure{background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; transition: .4s; -webkit-transition: .4s}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a:hover figure{transform: scale(1.1)}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li.empty-section a:hover figure{transform: none}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a h3{margin: 10px 0 0 0; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 14px; text-align: center}


header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li{display: inline-block; vertical-align: top; margin: 0 55px 0 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li{margin: 0 0 0 35px}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li:last-child, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li:first-child{margin: 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li a, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li a{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 18px; color: #000000; transition: .25s; -webkit-transition: .25s; line-height: 20px}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li{margin: 0 0 10px 0 !important; text-align: left}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li a:hover, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li a:hover{color: #F0532D}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu ul li a.no-link{color: #000000 !important}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li ul{margin: 10px 0 0 0; border-top: 1px solid #707070; padding: 10px 0 0 0}
.desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li ul{direction: ltr}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul li{display: block; margin: 0; width: 100%}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul li:last-child{width: 100%}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul li a, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li ul li a{font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 16px; transition: .25s; -webkit-transition: .25s}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul li a:hover, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li ul li a:hover{color: #F0532D}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li:last-child ul li{display: inline-block; width: 25%; padding: 0 15px 10px 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li:last-child ul li:nth-child(4n){padding: 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:last-child ul li{display: inline-block; width: 25%; padding: 0 15px 10px 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:last-child ul li:nth-child(4n){padding: 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul li .more{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 14px; text-decoration: underline}

header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li:first-child{width: 25%}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul > li:first-child{margin: 0 35px 0 0 !important}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li:first-child ul li{width: 50%; padding: 0 10px 0 0; margin: 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li:last-child{width: calc(75% - 35px); margin: 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li:last-child ul li{width: 12.5%; margin: 0; padding: 0 10px 0 0}
header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li ul li:first-child{margin: 0 0 10px 0 !important}

/* header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.engage ul li{width: 15% !important;} */

header .desktop-header .bottom-menu .right-container form{display: inline-block; vertical-align: middle; margin: 0 30px 0 0; position: relative}
header .desktop-header .bottom-menu .right-container form input{width: 132px; border: none; border-bottom: 1px solid #E6E6E6; background-color: transparent; outline: none; color: #FFFFFF; font-size: 16px; font-family: Cairo, Helvetica, Arial, sans-serif; padding: 0 0 0 35px}
header .desktop-header .bottom-menu .right-container form input::-webkit-input-placeholder{color: #FFFFFF; font-size: 12px}
header .desktop-header .bottom-menu .right-container form input:-moz-placeholder{color: #FFFFFF; font-size: 12px}
header .desktop-header .bottom-menu .right-container form input::-moz-placeholder{color: #FFFFFF; font-size: 12px}
header .desktop-header .bottom-menu .right-container form input:-ms-input-placeholder{color: #FFFFFF; font-size: 12px}
header .desktop-header .bottom-menu .right-container form input.error::-webkit-input-placeholder{color: #F0532D}
header .desktop-header .bottom-menu .right-container form input.error:-moz-placeholder{color: #F0532D}
header .desktop-header .bottom-menu .right-container form input.error::-moz-placeholder{color: #F0532D}
header .desktop-header .bottom-menu .right-container form input.error:-ms-input-placeholder{color: #F0532D}
header form .search-suggestions{position: absolute; background-color: rgba(0, 0, 0, .8); z-index: 9}
header form .search-suggestions li{display: block; font-size: 16px; color: #FFFFFF; font-family: Cairo, Helvetica, Arial, sans-serif; padding: 5px 20px; border-bottom: 1px solid #FFFFFF; cursor: pointer; width: 132px}
header form .search-suggestions li:last-child{border: none}


header .desktop-header .bottom-menu .right-container form .submit{width: 16px; height: 16px; position: absolute; left: 8px; top: 8px; background: url('/assets/images/icon-loop.png') no-repeat center; background-size: contain}
header .desktop-header .bottom-menu .donation-container{display: flex;align-items: center; width: 380px; background-color: #231f20; padding: 28px 0 28px 20px; margin: 0 0 0 10px; position: relative; height: 105px; justify-content: end;}
/* header .desktop-header .bottom-menu .donation-container:before{content: ''; background-color: #231f20; width: 100vw; position: absolute; left: -100vw; top: 0; height: 100%} */
header .desktop-header .bottom-menu .donation-container h3{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF; line-height: 22px; font-size: 18px; display: inline-block; vertical-align: middle; text-align: left;margin-right: 10px;}
header .desktop-header .bottom-menu .donation-container a{height: fit-content; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF; line-height: 34px; font-size: 17px; background-color: #F0532D; padding: 8px 15px; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; transition: 0.4s; -webkit-transition: .4s; position: relative}
header .desktop-header .bottom-menu .donation-container a:before{content: ''; width: 0; height: 100%; background-color: #FFFFFF; position: absolute; top: 0; right: 0; transition: .4s; -webkit-transition: .4s}
header .desktop-header .bottom-menu .donation-container a:hover{color: #F0532D}
header .desktop-header .bottom-menu .donation-container a:hover:before{width: 100%}
header .desktop-header .bottom-menu .donation-container a span{position: relative}

/*End Header*/


/*Articles Styles*/
article.article-stream-1{float: left; margin: 0 0 30px 0}
article.article-stream-1 .content{box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
article.article-stream-1 .content figure.article-fig{height: 250px; position: relative}
article.article-stream-1.video .content figure.article-fig:after{content: ''; width: 50px; height: 50px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; margin: auto}
article.article-stream-1 .content .category{position: absolute; top: 0; left: 0; font-size: 16px; background-color: #F0532D; display: inline-block; padding: 1px 25px; color: #FFFFFF}
article .location{position: absolute; top: 0; right: 0; font-size: 12px; background-color: rgba(0, 0, 0, .75); padding: 4px 7px 5px 7px; color: #FFFFFF; transition: .25s; font-family: Cairo, Helvetica_new, Arial, sans-serif; max-width: 50%; text-transform: uppercase}
article .location:before{content: ''; width: 12px; height: 15px; display: inline-block; background: url('/assets/images/location.png') no-repeat center; background-size: contain; margin: 0 5px 0 0; position: relative; top: 3px}
article .location:hover{background-color: rgba(0, 0, 0, .5)}
/*.countries-page article .location{display: block}*/
article.article-stream-1 .content .details{padding: 0 35px; position: relative}
article.article-stream-1 .content .details .author{position: absolute; top: -50px; left: 35px; direction: ltr}
/* .files-page article.article-stream-1 .content .details .author,.file-page article.article-stream-1 .content .details .author{right: 35px;direction: rtl;left: unset;} */
.category-page.english-category article.article-stream-1 .content .details .author{left: 35px}
.category-page{direction: ltr;}
article.article-stream-1 .content .details .author figure{width: 100px; height: 100px; border-radius: 50%}
article.article-stream-1 .content .details .author h3{font-size: 19px; color: #F0532D; margin: 5px 0 0 0; height: 40px; overflow: hidden; direction: ltr; text-align: left}
.corona article.article-stream-1 .content .details .author h3{color:#93C0BD}
.category-page.english-category article.article-stream-1 .content .details .author h3{padding: 0 20px 0 0}
article.article-stream-1 .content .details h2{font-size: 22px; line-height: 34px; height: 105px; overflow: hidden; margin: 20px 0 0 0; direction: ltr; text-align: left}
article.article-stream-1.style-1{width: 33.33%; height: 400px}
article.article-stream-1.style-1 .content .details .author{display: none}
article.article-stream-1.style-2{width: 33.33%; height: 480px}
article.article-stream-1.style-2 .content .details{padding: 80px 35px 20px 35px}
article.article-stream-1.style-2.no-category .content .category h4{display: none}
article.article-stream-1.style-3{width: 33.33%; height: 425px}
article.article-stream-1.style-3 .content figure.article-fig{height: 242px}
article.article-stream-1.style-3 .content .details{padding: 65px 35px 0 35px}
article.article-stream-1.style-4 .content .details{padding: 55px 35px 0 35px}
article.article-stream-1.style-3 .content .details .author{top: -45px}
article.article-stream-1.style-3 .content .details .author figure{width: 75px; height: 75px}
article.article-stream-1.style-3 .content .details .author h3{font-size: 18px; margin: 2px 0 0 0; height: auto}
article.article-stream-1.style-3 .content .details h2{font-size: 17px; line-height: 28px; height: 115px; margin: 0}
article.article-stream-1.style-4{width: 25%; height: 345px}
article.article-stream-1.style-4 .content figure.article-fig{height: 185px}
article.article-stream-1.style-4 .content .details .author figure{width: 60px; height: 60px}
article.article-stream-1.style-4 .content .details .author{top: -35px}
article.article-stream-1.style-4 .content .details .author h3{font-size: 15px; margin: 2px 0 0 0; height: auto}
article.article-stream-1.style-4 .content .details h2{font-size: 16px; line-height: 24px; height: 100px; margin: 0}
article.article-stream-2{float: left; height: 480px; margin: 0 0 30px 0}
article.article-stream-2 .content{width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
article.article-stream-2 .content figure{height: 100%}
article.article-stream-2 .content .details{width: calc(100% - 165px); background-color: rgba(0, 0, 0, .15); position: absolute; left: 0; bottom: 0; padding: 30px 40px; direction: ltr}
.category-page.english-category article.article-stream-2 .content .details{left: 0}
article.article-stream-2 .content .details .category{background-color: #000000; color: #FFFFFF; padding: 5px 25px; font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; position: absolute; top: -40px; left: 0; direction: ltr}
article.article-stream-2 .content .details h2{font-size: 26px; line-height: 40px; position: relative; padding: 0 0 0 40px; min-height: 80px; overflow: hidden; color: #FFFFFF}
article.article-stream-2.video .content .details h2:after{content: ''; width: 35px; height: 35px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
article.article-stream-2.style-1, article.article-stream-2.style-3{width: 50%}
article.article-stream-2.style-2{width: 66.66%}
article.article-stream-2.style-3 .content .details .category{display: none}
article.article-stream-3{margin: 0 0 30px 0; float: right}
article.article-stream-3.authors-page{width: 28%; height: 240px}
article.article-stream-3 .content{width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
article.article-stream-3 .content figure{height: 100%}
article.article-stream-3.video .content figure:after{content: ''; width: 40px; height: 40px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
article.article-stream-3 .content h2{font-size: 20px; color: #FFFFFF; position: absolute; bottom: 0; padding: 10px 100px 0 30px; line-height: 30px; max-height: 160px; overflow: hidden; margin: 0 0 30px 0; direction: ltr; left: 0}
article.article-stream-3 .content h2 p{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
article.article-stream-3 .content .category{position: absolute; top: 0; left: 0; font-size: 16px; background-color: #F0532D; display: inline-block; padding: 1px 25px; color: #FFFFFF}
article.article-stream-3.style-1, article.article-stream-3.style-2{width: 33.33%; height: 285px}
article.article-stream-3.style-1 .content h2 p{display: none}
article.article-stream-3.style-2 .content .category h4{display: none}
article.article-stream-3.style-3{width: 28%; height: 240px}
article.article-stream-3.style-3 .content h2 p{display: none}
article.purple .content .category{background-color: #833BBA !important}
/*article.purple .content .category h4:hover{background-color: rgba(131, 59, 186, .75) !important}*/
article.blue .content .category{background-color: #2E69CF !important}
/*article.blue .content .category h4:hover{background-color: rgba(46, 105, 207, .75) !important}*/
article.purple .content .details .author h3{color: #833BBA}
article.blue .content .details .author h3{color: #2E69CF}

.category-page article.article-stream-1 .content .details .author h4{font-size: 16px;line-height: 26px;color: #F0532D;display: inline-block;margin: 10px 5PX 0 0;font-family: Cairo, Helvetica_new, Arial, sans-serif;font-weight: normal;}
.category-page article.article-stream-1.blue .content .details .author h4{color:#2E69CF}
.category-page article.article-stream-1.purple .content .details .author h4{color:#833BBA}
.category-page article.article-stream-1 .content .details .author h4 span{margin:0 3px 0 8px}
.category-page article.article-stream-1 .content .details .author span{font-size: 15px;line-height: 24px;color: #818080;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: inline-block;}

.blogs_page article.article-stream-1 .content .details .author h4{font-size: 16px;line-height: 26px;color: #F0532D;display: inline-block;margin: 10px 5PX 0 0;font-family: Cairo, Helvetica_new, Arial, sans-serif;font-weight: normal;}
.blogs_page article.article-stream-1.blue .content .details .author h4{color:#833BBA}
.blogs_page article.article-stream-1.purple .content .details .author h4{color:#2E69CF}
.blogs_page article.article-stream-1 .content .details .author h4 span{margin:0 3px 0 8px}
.blogs_page article.article-stream-1 .content .details .author span{font-size: 15px;line-height: 24px;color: #818080;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: inline-block;}
.blogs_page article.article-stream-1.style-4 .content .details h2{margin: 10px 0 0 0;}

.files_articles article.article-stream-1 .content .details .author h4{font-size: 16px;line-height: 26px;color: #F0532D;display: inline-block;margin: 10px 5px 0 0;font-family: Cairo, Helvetica_new, Arial, sans-serif;font-weight: normal;}
.files_articles article.article-stream-1.blue .content .details .author h4{color:#2E69CF}
.files_articles article.article-stream-1.purple .content .details .author h4{color:#833BBA}
.files_articles article.article-stream-1 .content .details .author h4 span{margin:0 3px 0 8px}
.files_articles article.article-stream-1 .content .details .author span{font-size: 15px;line-height: 24px;color: #818080;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: inline-block;}

.category-page article.article-stream-2 .content .details div.timing{position: absolute;bottom: 5px;display:flex;align-items: center;gap:8px;padding:0 0 0 40px}
.category-page article.article-stream-2 .content .details a.author_details h4{font-size: 17px;color: #fff;display: inline-block;margin: 0;font-family: Cairo, Helvetica_new, Arial, sans-serif;font-weight: normal;}
.category-page article.article-stream-2 .content .details a.author_details h4 span.dash{margin:0 0 0 8px}
.category-page article.article-stream-2 .content .details a.author_details span.time{font-size: 17px;color: #fff;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: inline-block;}

.blogs_page article.article-stream-2 .content .details div.timing{position: absolute;bottom: 5px;display:flex;align-items: center;gap:8px}
.blogs_page article.article-stream-2 .content .details a.author_details h4{font-size: 17px;color: #fff;display: inline-block;margin: 0;font-family: Cairo, Helvetica_new, Arial, sans-serif;font-weight: normal;}
.blogs_page article.article-stream-2 .content .details a.author_details h4 span.dash{margin:0 0 0 8px}
.blogs_page article.article-stream-2 .content .details a.author_details span.time{font-size: 17px;color: #fff;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: inline-block;}

.cta_text{font-style: italic;font-family: Cairo, Helvetica_new, Arial, sans-serif !important;font-size: 17px !important;}
.cta_second_text{font-style: italic;font-family: Cairo-Regular, Helvetica_new, Arial, sans-serif !important; font-size: 17px !important;}
.cta_second_text span{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important;color: #F0532D;}

.placeholder{background-image: url('/assets/images/placeholder.png?1'); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #B1B1B1}
.placeholder-grey{background-color: #B1B1B1}
/*.author-placeholder{background: url('/assets/images/author-placeholder.png') no-repeat center; background-size: cover; position: relative}*/
/*.placeholder:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.5)}*/
/*End Articles Styles*/

/* New category style*/
.category_new .listing_articles article.article-stream-3.style-3{width:33.33%;height:300px}
.category_new article.article-stream-3 .content h2{padding: 10px 100px 15px 30px;}
.category_new article.article-stream-3 .content .timing{position: absolute;bottom: 10px;display: flex;align-items: center;gap: 5px;padding: 0 0 0 30px}
.category_new article.article-stream-3 .content .timing h4{font-size: 17px;color: #FFFFFF;font-family: Cairo, Helvetica_new, Arial, sans-serif;font-weight: normal;}
.category_new article.article-stream-3 .content .timing h4 span{margin: 0 3px 0 8px;}
.category_new article.article-stream-3 .content .timing p{font-size: 17px;color: #FFFFFF;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin: 0 5px 0 0;}
.category_new.authors-page .main-container ul.carousel{float:left}
.category_new.authors-page .main-container ul.carousel li article.article-1 .content .details{left: unset;right:15px}
.category_new.authors-page .main-container ul.carousel li article.article-1 .content .details a.more{position:absolute;right:25px;bottom:15px}
/* END new category style*/

/*Homepage*/
ul.featured-slider{height: 28vw; position: relative}
ul.featured-slider li{height: 28vw; margin: 0; position: relative; float: right}
ul.featured-slider li a{display: block; height: 100%; outline: none}
ul.featured-slider li a:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
ul.featured-slider li a h2{color: #FFFFFF; font-size: 40px; max-width: 600px; margin: auto; position: absolute; left: 20%; top: 50%; transform: translateY(-50%); line-height: 66px; direction: ltr; text-align: left}
ul.featured-slider .slick-dots{width: auto; left: 15%; top: 50%; transform: translateY(-50%); bottom: initial}
ul.featured-slider .slick-dots li{height: 12px; width: 12px; margin: 5px 0; border: 2px solid #FFFFFF; border-radius: 50%; display: block; float: none}
ul.featured-slider .slick-dots li.slick-active{border: 2px solid #F0532D; background-color: #F0532D}
.category-page.purple ul.featured-slider .slick-dots li.slick-active{background-color: #833BBA; border-color: #833BBA}
.category-page.blue ul.featured-slider .slick-dots li.slick-active{background-color: #2E69CF; border-color: #2E69CF}
ul.featured-slider .slick-dots li button:before{display: none}
.slick-initialized .slick-slide {outline: 0}
/*.homepage ul.featured-slider .slick-prev, .homepage ul.featured-slider .slick-next{display: none !important}*/
/*.banner{width: 730px; height: 90px; background: url('/assets/images/static/banner.png') no-repeat center; background-size: contain; margin: 30px auto}*/
.banner{margin: 30px auto; text-align: center}
.main-container{width: 100%; max-width: 1600px; margin: auto; font-size: 0; padding: 0 40px;direction: ltr;}
.static-page.commenting_guidelines .main-container{max-width: 1400px;}
.homepage .main-container .col-right{width: 30%; margin: 0 5% 0 0; display: inline-block !important; position: relative}
.podcast-component{margin: 0 0 20px 0; box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.1); position: relative; padding: 20px}
.podcast-component.podeo{padding: 90px 20px 20px 20px}
.podcast-component h2{font-size: 22px; color: #FFFFFF;width: 100%; padding: 5px 15px; background-color: unset; position: absolute; top: 0; right: 0}
.podcast-component figure{width: 175px; height: 135px; margin: auto}
.podcast-component figure.placeholder{background: url('/assets/images/podcast-bg.png') no-repeat center; background-size: contain}
.podcast-component h3{font-size: 18px; margin: 15px 0; line-height: 30px}
.podcast-component audio{width: 100%; outline: none}
.mostread-component{margin: 0 0 20px 0}
.mostread-component ul li{margin: 35px 0 0 0; overflow: hidden}
.mostread-component ul li figure{width: 220px; height: 100px; position: relative; display: inline-block; vertical-align: top}
.mostread-component ul li.video figure:after{content: ''; position: absolute; width: 35px; height: 35px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.mostread-component ul li h3{padding: 0 55% 0 0; font-size: 22px; font-family: Cairo, Helvetica_new, Arial, sans-serif; color: #F0532D; line-height: 42px; font-weight: normal}
.mostread-component.corona-component ul li h3{color:#93C0BD}
.mostread-component ul li h4{display: inline-block; vertical-align: top; width: calc(100% - 240px); margin: 0 20px 0 0; font-size: 15px; line-height: 27px; text-align: left}


.mostread-component.corona-component{background-color: #F0F6F5;padding:20px}
.mostread-component.corona-component h2:before{display: none}
.mostread-component.corona-component h2 a{width: 200px;height: 50px;display: block;margin: auto auto auto 0;padding: 0 0 0 10px;background-color: #93C0BD;text-align: start;max-width: 100%; font-size: 16px}
.mostread-component.corona-component h2:after{content: ''; width: 22%;border-top: 9px solid black;position: absolute; right: 0; bottom: 0}
.mostread-component.corona-component h2{font-size: 16px !important; color: #FFFFFF; line-height: 50px !important; position: relative; margin: 0 0 45px 0 !important; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important}
.mostread-component.corona-component ul li h3{color:#93C0BD}
.mostread-component.corona-component ul li h4{margin: 0 0 0 20px;}

.relatedarticles-component{margin: 0 0 35px 0}
.relatedarticles-component ul li{margin: 35px 0 0 0; overflow: hidden}
.relatedarticles-component ul li figure{width: 220px; height: 100px; position: relative; display: inline-block; vertical-align: top}
.relatedarticles-component ul li.video figure:after{content: ''; position: absolute; width: 35px; height: 35px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.relatedarticles-component ul li h4{display: inline-block; vertical-align: top; width: calc(100% - 240px); margin: 0 20px 0 0; font-size: 15px; line-height: 27px; text-align: left}
.relatedarticles-component ul li h4 div{direction: ltr;}

/*.mpu{width: 300px; height: 300px; background: url('/assets/images/static/mpu.png') no-repeat center; background-size: contain; margin: 20px auto}*/
.mpu{margin: 20px auto; text-align: center}
.category-page .mpu{float: right; width: 33.33%}
/*.monster-mpu{float: right; width: 33.33%}*/
/*.monster-mpu .content{width: calc(100% - 30px); margin: auto}*/
/*.monster-mpu .content .mpu{width: 100%; height: 630px; background: url('/assets/images/static/mpu2.png') no-repeat center; background-size: contain}*/
.category-page.english-category .monster-mpu{float: left}
.homepage .news{margin: 0 0 20px 0}
.homepage .news ul li{padding: 15px 0 20px 0; border-bottom: 2px solid #EFEFEF}
.homepage .news ul li:last-child{border-bottom: none}
.homepage .news ul li a{display: block; text-align: left}
.homepage .news ul li span{color: #F0532D; font-size: 17px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px}
.homepage .news ul li h4{font-size: 15px; line-height: 27px; margin: 10px 0 0 0}

.comments-component ul li{padding: 15px 0 20px 0; border-bottom: 2px solid #EFEFEF}
.comments-component ul li:last-child{border-bottom: none}
.comments-component ul li a{display: block; text-align: left}
.comments-component ul li span{color: #F0532D; font-size: 14px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px;margin-left: 4px;}
.comments-component ul li h4{font-size: 15px; line-height: 27px; margin: 10px 0 0 0; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.comments-component ul li .poster-name{display: flex; align-items: center; direction: ltr;}
.comments-component ul li h3{font-size: 17px}

.homepage .main-container .col-left{width: 65%; display: inline-block; vertical-align: top}
.homepage .main-container .col-left .stories{border-bottom: 2px solid #EFEFEF; padding: 0 0 40px 0; margin: 0 0 40px 0}
.homepage .main-container .col-left .stories li{display: inline-block; width: 18%; height: 317px; margin: 0 1.25%; vertical-align: top}
.homepage .main-container .col-left .stories li:first-child{margin: 0 0 0 1.25%}
.homepage .main-container .col-left .stories li:last-child{margin: 0 1.25% 0 0}
.homepage .main-container .col-left .stories li a{display: block; height: 100%; outline: none}
.homepage .main-container .col-left .stories li a video{width: 100%; min-width: 100%; min-height: 100%; object-fit: fill}
.homepage .main-container .col-left .featured h2{font-size: 36px; line-height: 75px}
.homepage .main-container .col-left .featured .article-1{width: 100%; height: 365px; margin: 0 0 30px 0; position: relative}
.homepage .main-container .col-left .featured .article-1 figure{width: 50%; height: 100%; position: relative; display: inline-block}
.homepage .main-container .col-left .featured .article-1 .content{width: 46%; margin: 0 4% 0 0; display: inline-block; vertical-align: top; padding: 80px 0 80px 40px; position: relative}
.homepage .main-container .col-left .featured .article-1 .content:before{content: ''; border-top: 3px solid #000000; position: absolute; top: 0; width: calc(100% - 40px)}
.homepage .main-container .col-left .featured .article-1 .content h3{font-size: 26px; line-height: 44px; direction: ltr}
.homepage .main-container .col-left .featured .article-1 .content h4{font-size: 20px; color: #F0532D; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 20px 0 0 5px; font-weight: normal; direction: ltr;display: inline-block;}
.homepage .main-container .col-left .featured .article-1 .content h4 span{margin: 0 7px}
.homepage .main-container .col-left .featured .article-1 .content h5{font-size: 14px; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: block; margin: 15px 0 0 5px; font-weight: normal}
.homepage .main-container .col-left .featured .article-1 .content span{font-size: 18px; color: #818080; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block}
.homepage .main-container .col-left .featured .video figure:after{content: ''; position: absolute; width: 58px; height: 58px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.homepage .main-container .col-left .featured .article-2{width: 32%; float: right; margin: 0 1% 30px 1%; position: relative; height: auto}
.homepage .main-container .col-left .featured .article-2.separate .location{top: 31px}
.homepage .main-container .col-left .featured .article-2.separate:before{content: ''; display: block; border-top: 1px solid rgba(112, 112, 112, .2); margin: 0 0 30px 0}
.homepage .main-container .col-left .featured .article-2:nth-of-type(3n){margin: 0 0 30px 1%}
.homepage .main-container .col-left .featured .article-2:nth-of-type(3n + 2){margin: 0 1% 30px 0}
.homepage .main-container .col-left .featured .article-2 figure{height: 190px; position: relative}
.homepage .main-container .col-left .featured .article-2.article figure:after{width: 30px; height: 30px; bottom: 15px; right: 15px}
.homepage .main-container .col-left .featured .article-2.video figure:after{width: 35px; height: 35px; bottom: 0; right: 0}
.homepage .main-container .col-left .featured .article-2 .content{padding: 10px}
.homepage .main-container .col-left .featured .article-2 .content h4{font-size: 14px; line-height: 26px; color: #F0532D; display: block; margin: 0 5px 0 0; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; direction: ltr; text-align: left;display: inline-block;}
.homepage .main-container .col-left .featured .article-2 .content h4 span{margin: 0 3px 0 8px}
.homepage .main-container .col-left .featured .article-2 .content span{font-size: 13px; line-height: 24px; color: #818080; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block}
.homepage .main-container .col-left .featured .article-2 .content h3{font-size: 18px; line-height: 28px; margin: 10px 0 0 0; text-align: left; direction: ltr}
.homepage .main-container .col-left .writers-banner{margin: 20px 0 40px 0;}
.homepage .main-container .col-left .writers-banner img{width: 100%;}
.opinions-component{font-size: 0; padding: 40px 0; background-color: #FBF8F7; background-repeat: no-repeat; background-position: right center; background-size: 565px; overflow: hidden; margin: 0 0 40px 0}
.opinions-component .main-container a.more{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 14px; position: absolute; left: 0}
.opinions-component .main-container a.more:after{content: ''; display: inline-block; width: 18px; height: 12px; background: url('/assets/images/arrow-left-black.png') no-repeat center; background-size: contain; margin: 0 10px 0 0; position: relative; top: 3px}
.opinions-component .main-container .col-left{float: left; position: relative}
.opinions-component .main-container .col-left article{width: 33.33%; float: right; height: 350px; position: relative}
.opinions-component .main-container .col-left article figure.article-fig{height: 205px; transition: .25s}
.opinions-component .main-container .col-left article:hover figure.article-fig{height: 235px; margin: -30px 0 0 0; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF}
.opinions-component .main-container .col-left article:hover .location{top: -30px}
.opinions-component .main-container .col-left article .content{padding: 15px 20px}
.opinions-component .main-container .col-left article a{outline: none}
.opinions-component .main-container .col-left article .content h3{font-size: 15px; line-height: 26px; margin: 0 0 10px 0}
.opinions-component .main-container .col-left article .content h4{font-size: 14px; color: #F0532D; display: inline-block; margin: 0 0 0 5px; vertical-align: middle; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; height: 30px; overflow: hidden}
.opinions-component .main-container .col-left article .content h4 span{margin: 0 5px 0 0}
.opinions-component .main-container .col-left article .content span{font-size: 13px; color: #818080; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block; vertical-align: middle}
.opinions-component .main-container .col-left article .content figure.author{height: 40px; width: 40px; border-radius: 50%; display: inline-block; margin: 0 0 0 15px; vertical-align: middle}
figure.author-placeholder{background: url('/assets/images/author-placeholder.png') no-repeat center; background-size: contain}
.homepage .main-container.life .col-left{border-top: 2px solid #EFEFEF}
.homepage .main-container h2{font-size: 36px; line-height: 75px; margin: 10px 0 15px 0; text-align: left}
.homepage .main-container article{float: left; margin: 0 0 20px 0}
.homepage .main-container article .content{height: 100%; position: relative; direction: ltr}
.homepage .main-container article .content figure{height: 100%}
.homepage .main-container article .content .title{position: absolute; background-color: rgba(0, 0, 0, 0.15); padding: 10px 20px 20px 20px; bottom: 0; left: 20px}
.homepage .main-container article .content .title h3{font-size: 18px; line-height: 24px; color: #FFFFFF; margin: 0 0 10px 0}
.homepage .main-container article .content .title h4{font-size: 17px; line-height: 32px; color: #FFFFFF; display: inline-block; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.homepage .main-container article .content .title h4 span{margin: 0 8px 0 3px}
.homepage .main-container article .content .title span{font-size: 17px; line-height: 32px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 0 5px 0 0}
.homepage .main-container article.quote .content{position: relative; margin: 0 0 0 10px; background-color: #F0532D; padding: 15px 20px}
.homepage .main-container article.quote .content > div{position: absolute; top: 50%; transform: translateY(-50%)}
.homepage .main-container article.quote h3{font-size: 18px; line-height: 22px; color: #FFFFFF; margin: 0 0 10px 0; padding: 0 0 0 20px}
.homepage .main-container article.quote h3:after{content: '"'; font-size: 140px; color: #FFFFFF; position: absolute; font-style: italic; font-weight: normal; font-family: Cairo, Helvetica_new, Arial, sans-serif; left: -15px; bottom: -40px}
.homepage .main-container article.article-4.quote h3:after{bottom: -50px}
.homepage .main-container article.quote h4{font-size: 17px; color: #FFFFFF; display: inline-block; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.homepage .main-container article.article-1.quote h3{font-size: 30px; line-height: 45px}
.homepage .main-container article.article-2.quote .content, .homepage .main-container article.article-6.quote .content{margin: 0 10px 0 0}
.homepage .main-container article.article-2.quote h3{font-size: 28px; line-height: 40px}
.homepage .main-container article.article-3.quote h3{font-size: 28px; line-height: 40px}
.homepage .main-container article.article-3.quote h3:after{font-size: 120px; left: -10px}
.homepage .main-container article.article-4.quote h3{font-size: 26px; line-height: 38px}
.homepage .main-container article.article-4.quote h3:after{font-size: 120px}
.homepage .main-container article.article-5.quote h3, .homepage .main-container article.article-6.quote h3{max-height: 130px; overflow: hidden}
.homepage .main-container article.article-5.quote h3:after, .homepage .main-container article.article-6.quote h3:after{font-size: 100px; left: -10px}
.homepage .main-container .article-1{width: 55%; height: 460px}
.homepage .main-container .article-1 .content{margin: 0 10px 0 0; direction: ltr}
.homepage .main-container .article-1 .content .title{width: 55%}
.homepage .main-container .article-2{width: 45%; height: 460px}
.homepage .main-container .article-2 .content{margin: 0 10px 0 0; direction: ltr}
.homepage .main-container .article-2 .content .title{width: 67%}
.homepage .main-container .article-3{width: 36%; height: 506px}
.homepage .main-container .article-3 .content{margin: 0 20px 0 0; width: calc(100% - 20px); direction: ltr}
.homepage .main-container .article-3 .content .title{width: 87%; left: 0; right: 0; margin: auto}
.homepage .main-container .article-4{width: 64%; height: 258px}
.homepage .main-container .article-4 .content{width: 100%}
.homepage .main-container .article-4 .content .title{width: 46%}
.homepage .main-container .article-5{width: 29%; height: 228px}
.homepage .main-container .article-6{width: 35%; height: 228px}
.homepage .main-container .article-6 .content{margin: 0 0 0 20px}
.homepage .main-container .article-6 .content .title{position: absolute; background-color: rgba(0, 0, 0, 0.15); padding: 10px 20px 20px 20px; bottom: 0; right: 0; width: calc(100% - 20px)}
.homepage .main-container .article-6 .content h3{font-size: 18px; line-height: 28px; color: #FFFFFF}
.homepage .main-container.videos{margin: 0 auto 40px auto}
.homepage .main-container.videos article{margin: 0 0 30px 0; position: relative;width:100%}
.homepage .main-container.videos article .title{position: relative}
.homepage .main-container.videos article .title:before{content: ''; border-left: 4px solid #000000; height: 100%; position: absolute}
.homepage .main-container.videos article .title h3{font-size: 30px; line-height: 50px; padding: 0 40px 0 0}
.english-site .homepage .main-container.videos article .title h3{padding: 0 0 0 40px;}
.homepage .main-container.videos article .title h4{font-size: 25px; line-height: 38px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; margin: 5px 0 0 0; padding: 0 40px 0 0}
.english-site .homepage .main-container.videos article .title h4{padding: 0 0 0 40px;}
.homepage .main-container.videos article figure{height: 480px; margin: 30px 0 0 0; position: relative}
.homepage .main-container.videos article figure:after{content: ''; position: absolute; width: 100px; height: 100px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.homepage .main-container.videos article .watch{width: 195px; height: 44px; background-color: #000000; color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 17px; text-align: center; line-height: 44px; position: absolute; left: 20px; bottom: 20px; transition: .25s}
.homepage .main-container.videos article .watch:after{content: ''; display: inline-block; width: 14px; height: 12px; background: url('/assets/images/arrow-left-white.png') no-repeat center; background-size: contain; margin: 0 10px 0 0}
.english-site .homepage .main-container.videos article .watch:after{transform: rotate(180deg); margin: 0 0 0 10px;}
.homepage .main-container.videos article .watch:hover{background-color: #F0532D}
.homepage .main-container.videos .related-videos ul{width: 100%; display: inline-block}
/* .homepage .main-container.videos .related-videos ul:before{content: ''; height: 100%; border-right: 2px solid #000000; position: absolute; left: 0; top: 0; z-index: 1} */
/* .homepage .main-container.videos .related-videos ul:after{content: ''; height: 50%; width: 60px; border-bottom: 2px solid #D6D6D6; position: absolute; left: -75px; top: 0; z-index: -1} */
.homepage .main-container.videos .related-videos ul li{border-right: 1px solid #D6D6D6; padding: 0 10px; display: inline-block; float: right; outline: none}
.homepage .main-container.videos .related-videos ul li a{display: block; outline: none}
.homepage .main-container.videos .related-videos ul li a figure{height: 130px; position: relative}
.homepage .main-container.videos .related-videos ul li a figure:after{content: ''; position: absolute; width: 40px; height: 40px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.homepage .main-container.videos .related-videos ul li a h3{font-size: 16px; line-height: 20px; padding: 15px 5px 0 0}
.homepage .main-container.videos .related-videos .slick-list{padding: 0 0 0 100px}
.homepage .main-container.videos .related-videos .slick-prev, .homepage .main-container.videos .related-videos .slick-next{position: absolute;display: none !important;}
.homepage .main-container.videos .related-videos .slick-prev{left: -55px; bottom: 35px; top: initial}
.homepage .main-container.videos .related-videos .slick-next{left: -55px; right: initial; top: 35px}
.homepage .main-container.videos .related-videos .slick-next:before, .homepage .main-container.videos .related-videos .slick-prev:before{content: '\f104'; font-family: FontAwesome; font-size: 40px; color: #000000}
.homepage .main-container.videos .related-videos .slick-prev:before{content: '\f105'}
.donate-banner{height: 190px; position: fixed; bottom: 0; width: 100%; background-color: #F0532D; z-index: 9; transition: .25s; display: none; padding: 50px 0; direction: ltr}
.donate-banner.hide{bottom: -190px}
.donate-banner .close{width: 20px; height: 20px; position: absolute; right: 0; top: -30px; background: url('/assets/images/close-white.png') no-repeat center; background-size: contain}
.donate-banner .main-container{position: relative; max-width: 1300px}
.donate-banner .main-container .text-container{display: inline-block; vertical-align: middle; width: calc(100% - 265px); margin: 0 20px 0 0}
.donate-banner .main-container .text-container h2{font-size: 30px; color: #FFFFFF; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; line-height: 50px}
.donate-banner .main-container .text-container p{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 20px}
.donate-banner .main-container .button-container{display: inline-block; vertical-align: middle; width: 245px}
.donate-banner .main-container .button-container a{background-color: #000000; display: block; color: #FFFFFF; font-size: 20px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; transition: .25s; border: 2px solid #000000; padding: 8px 0; width: 185px; text-align: center; margin: 0 0 0 60px}
.donate-banner .main-container .button-container a:hover{background-color: #FFFFFF; color: #000000}

.sidebar-component-title{font-size: 22px; color: #FFFFFF; line-height: 50px; position: relative; margin: 0 0 20px 0; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important}
.sidebar-component-title:before{content: ''; width: 15%; border-top: 9px solid #F0532D; position: absolute; right: 0; bottom: 0}
.sidebar-component-title:after{content: ''; width: 15%; border-top: 9px solid #F0532D; position: absolute; left: 0; bottom: 0}
.sidebar-component-title a{background-color: #000; width: 250px; height: 50px; display: block; margin: auto; text-align: center; color: #fff; font-size: 22px; line-height: 50px;transition: 0.25s ease-in-out all;}
.sidebar-component-title a.active:hover{background-color: #f0532d;cursor: pointer;}
.dynamic-banner-component{height: 250px;width: 100%;display: block;margin-top: 30px;text-align: center;}
.dynamic-banner-component img{height: 250px;object-fit: contain;max-width: 100%;max-height: 100%;}
.palestine-banner{margin: 0 0 40px 0}
/*End Homepage*/

/*Category Page*/
/* .category-page h1{display: none} */
ul.featured-slider.category li a h2 span.latest{font-size: 22px; display: block; position: relative; padding: 0 15px 0 0; line-height: 30px; margin: 0 0 10px 0}
ul.featured-slider.category li a h2 span.latest:before{content: ''; border-right: 4px solid #F0532D; position: absolute; height: 90%; right: 0}
.category-page.purple ul.featured-slider.category li a h2 span.latest:before{border-right: 4px solid #833BBA}
.category-page.blue ul.featured-slider.category li a h2 span.latest:before{border-right: 4px solid #2E69CF}
ul.featured-slider.category .slick-prev, ul.featured-slider.category .slick-next{display: none !important}
.english-category ul.featured-slider li{float: left}
.english-category ul.featured-slider .slick-dots{left: 15%; right: initial}
.english-category ul.featured-slider .slick-dots li{float: none}
.english-category ul.featured-slider li a h2{left: 20%; right: initial}
.english-category ul.featured-slider.category li a h2 span.latest{padding: 0 0 0 15px}
.english-category ul.featured-slider.category li a h2 span.latest:before{left: 0; right: initial; top: 2px}
.category-page.english-category{direction: ltr}
.category-page.english-category article.article-stream-1.style-2{float: left}
.category-page.english-category article.article-stream-2.style-1{float: left}
.category-page.english-category article.article-stream-2 .content .details h2{padding: 0 40px 0 0}
/*End Category Page*/

/* Unblock raseef */
.unblock_raseef.page{min-height:calc(100% - 84px)}
.category-page.unblock_raseef{background: url('/assets/images/unblock_raseef22_background.jpg') no-repeat center; background-size: cover;width: 100%;height:calc(100% - 84px);overflow: hidden!important}
.category-page.unblock_raseef a.switchLang{width: 100%;max-width: 1600px;margin: auto;padding: 0 40px;font-size: 28px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #DE673D;text-align: left;display: block;position:relative;top:0;z-index: 10}
.category-page.unblock_raseef h1{display: block;width: 100%;text-align: center;font-size: 100px;direction: ltr;color: white;z-index: 9;position: relative;bottom: 0;font-family: Helvetica_new, Arial, sans-serif;padding: 15px 0}
.category-page.unblock_raseef div.main-container{direction: rtl;text-align: left;position: relative;bottom: 50px;height:100%;max-width: 1200px}
.category-page.unblock_raseef div.main-container div.text{color: white;font-size: 22px;display: block;width: 100%;text-align: center;line-height: 30px;font-family: Nassim, Helvetica_new, Arial, sans-serif}
.category-page.unblock_raseef.english div.main-container div.text{font-family: Helvetica_new, Helvetica_new, Arial, sans-serif; font-size: 18px; line-height: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper{display: inline-block;width: calc(50% - 30px);vertical-align: top}
.category-page.unblock_raseef div.main-container div.div-wrapper.left{margin:30px 30px 0 0}
.category-page.unblock_raseef div.main-container div.div-wrapper.left.desktop{display: inline-block!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.right{margin:30px 0 0 30px;display: inline-block!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.left figure{width: 100%;height:327px}
.category-page.unblock_raseef div.main-container div.div-wrapper.left div.text{color: white;font-size: 20px;font-family: Nassim , Helvetica_new, Arial, sans-serif;padding: 20px 0;text-align: center;max-height: 300px;overflow: auto;line-height: 26px;direction: ltr}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left div.text{direction: rtl!important;text-align: center; font-family: Helvetica_new}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right ul li.regular figure{float:left}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right ul li.regular div.info{padding: 0 0 0 155px;text-align: left}
.category-page.unblock_raseef div.main-container div.div-wrapper.right{position: relative}
.category-page.unblock_raseef div.main-container div.div-wrapper.right > div{background-color: rgba(0, 0, 0, 0.6);max-width: 545px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul{display: block;width: 100%;margin: auto;overflow: auto;text-align: center;direction: ltr!important}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right ul{direction: rtl!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{display: inline-block;width: 247px;vertical-align: top;padding: 0 7px 20px 7px;box-sizing: content-box}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured:last-of-type{padding:5px 5px 11px 5px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 250px!important;height: 250px!important;margin: auto}
/*.category-page.unblock_raseef div.main-container div.div-wrapper.left ::-webkit-scrollbar {display: none}*/
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular{display: block;padding: 15px 5px;width: 100%;margin: auto;min-height: 100px;overflow: hidden}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular.first{border-top:solid 2px #DE673D!important}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular figure{width: 144px;height: 100px;float: right}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular div.info{padding: 0 170px 0 0;text-align: right}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular h3{font-family: Cairo, Helvetica_new, Arial, sans-serif;font-size: 18px;color: white;line-height: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular p{font-family: Nassim, Helvetica_new, Arial, sans-serif;font-size: 15px;padding: 7px 0px;color: white;max-height: 55px;overflow: hidden;line-height: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper.right a.unblockraseef_donate{display: block;width: 100%;color:white;background-color: #DE673D;font-size: 26px;font-family: Cairo, Helvetica_new, Arial, sans-serif;position: absolute;bottom:0;right:0;left:0;text-align: center}
.category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular:last-of-type{padding:15px 5px 40px 5px}
.category-page.unblock_raseef .videoPlay iframe{width: 100%!important;height:327px!important}
.category-page.unblock_raseef.english div.main-container{direction: ltr!important}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.right{margin:20px 30px 0 0}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left{margin:20px 0 0 30px;direction: rtl}

.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-prev{top:-18px!important;right:95%;z-index:9;font-weight: bold}
.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-prev:before{content:'>';font-size: 25px}
.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-next{top:-18px!important;right:0;z-index:9;font-weight: bold}
.category-page.unblock_raseef div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-next:before{content:'<';font-size: 25px}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-next{top:-15px!important}
.category-page.unblock_raseef.english div.main-container div.div-wrapper.left .carousel_unblockRaseef2 .slick-prev{top:-15px!important}

/* start of error page*/
.page.error_page{background-color: #EFEEED; padding:175px 0 115px 0;}
.page.error_page .main-container{width: 60%;text-align: center; padding: 40px 70px; background-color: white;margin: 60px auto 0 auto;border-radius: 15px;font-size: 22px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.page.error_page .main-container .button-filled{font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif; color: #fff;line-height: 34px;font-size: 18px;background-color: #f0532d; padding: 8px 35px;border-radius: 15px;display: block;vertical-align: middle;width: fit-content; margin: 30px auto 0 auto;transition: .4s ease-in-out all;-webkit-transition: .4s;}
/* end of error page*/

.category-page .countries-filter{font-size: 0; background-color: #F9F5FB; position: relative; z-index: 1}
.category-page .countries-filter .category-name{width: 275px; display: inline-block; vertical-align: top; padding: 25px 25px 25px 10px; color: #000000; position: relative; min-height: 85px}
/* .category-page .countries-filter .category-name h2{font-size: 25px; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; line-height: 30px} */
.category-page .countries-filter .category-name h1{font-size: 25px; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; line-height: 30px}
.category-page .countries-filter .category-name h2 span{font-size: 15px; font-family: Cairo, Arial, sans-serif, Helvetica; display: block; font-weight: normal}
.category-page .countries-filter .filters-container{width: calc(100% - 275px); display: inline-block; vertical-align: top; padding: 25px 50px 26px 0}
.category-page .countries-filter .filters-container span{font-size: 15px; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; display: block}
.category-page .countries-filter .filters-container ul li{display: inline-block; vertical-align: top; width: 132px; margin: 0 0 0 12px; border-radius: 10px; height: 34px; line-height: 30px; background-color: #F9F5FB}
.category-page .countries-filter .filters-container ul li a{font-size: 14px; font-family: Cairo, Arial, sans-serif, Helvetica; display: block; text-align: center; height: 100%; border-radius: 10px; transition: 0.25s; border: 1px solid #555454}
.category-page .countries-filter .filters-container ul li:hover > a, .category-page .countries-filter > div ul li a.active{font-family: Cairo-Bold, Arial, sans-serif, Helvetica; background-color: #000000; color: #FFFFFF}
.category-page .countries-filter .filters-container ul li.more > a:after{content: ''; display: inline-block; width: 12px; height: 6px; background: url('/assets/images/icon-angle-down-black.png') no-repeat center; background-size: contain; margin: 0 0 0 10px; transition: .25s; -webkit-transition: .25s}
.category-page .countries-filter .filters-container ul li.more:hover > a:after{background: url('/assets/images/icon-angle-down-white.png') no-repeat center; background-size: contain; transform: rotate(180deg)}
.category-page .countries-filter .filters-container ul li.more:hover ul{opacity: 1; visibility: visible}
.category-page .countries-filter .filters-container ul li ul{position: absolute; opacity: 0; visibility: hidden; transition: .5s; -webkit-transition: .5s; margin: 5px 0 0 0; max-height: 200px; overflow-y: scroll}
.category-page .countries-filter .filters-container ul li ul li{display: block; margin: 0; border-radius: 0; border-bottom: 1px solid #555454}
.category-page .countries-filter .filters-container ul li ul li:first-child{border-top: 1px solid #555454}
.category-page .countries-filter .filters-container ul li ul li a{border: none; border-radius: 0}

.category-page .comments-component{float: right; width: calc(50% - 30px); margin: 0 15px 30px 15px; height: 480px; overflow: hidden; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); padding: 0px 25px}
.category-page .comments-component ul{height: 410px; overflow-y: scroll; direction: ltr}


#att-description {font-family: Helvetica_new}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #625E5E;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #D3D3D3;
}

/* Unblock raseef */

/* Unblock raseef article info popup*/
.popup-overlay {background-color: black;position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 92;display: block}
.popup-overlay.hidden{display: none}
.popup-overlay.unblock_raseef22 .popup {width: 686px;height: auto;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);margin: auto;font-size: 0;overflow: hidden;direction: ltr;text-align: right}
.category-page.english .popup-overlay.unblock_raseef22 .popup {direction: rtl}
.popup-overlay.unblock_raseef22 .popup div.links {display: block;width: 100%;padding: 0 0 5px 0;direction: rtl}
.popup-overlay.unblock_raseef22 .popup div.links a.close {font-size: 20px;color: white;background: black;border-radius: 100%;width: 30px;height: 30px;display: inline-block}
.popup-overlay.unblock_raseef22 .popup div.links a.readmore {font-size: 16px;color: white;display: inline-block;padding: 0 15px 0 0;font-family: Cairo, Helvetica_new, Arial, sans-serif}
.popup-overlay.unblock_raseef22 .popup div.links a.readmore.hidden {display: none}
/*.popup-overlay.unblock_raseef22 .popup ::-webkit-scrollbar {display: none}*/
.popup-overlay.unblock_raseef22 .popup div.links a.close i {position: relative;right: 7px;top: 2px}
.popup-overlay.unblock_raseef22 .popup figure {display: block;width: 100%;height: 490px}
.popup-overlay.unblock_raseef22 .popup div.text-wrapper {display: block;background-color: black;width: 100%;padding: 10px 20px}
.popup-overlay.unblock_raseef22 .popup .carousel_info div.caption{display: block;width: 100%;background: black;overflow: auto;max-height: 90px;}
.popup-overlay.unblock_raseef22 .popup .carousel_info div.caption h3{font-size: 17px;color: white;padding:30px;display: block;width: calc(100% - 20px);text-align: center;font-family: Nassim, Helvetica_new, Arial, sans-serif;direction: rtl}
.popup-overlay.unblock_raseef22.english .popup .carousel_info div.caption h3{direction: ltr}
.popup-overlay.unblock_raseef22 .popup ul.socials{display: block;width: 100%;text-align: center;font-size: 0;background-color: black;padding:10px 0; direction: ltr}
.popup-overlay.unblock_raseef22 .popup ul.socials li{display: inline-block;margin: 0 0 0 10px}
.popup-overlay.unblock_raseef22 .popup ul.socials li a{display: block;width: 40px;height: 40px;border-radius: 50%;color: black;font-size: 18px;text-align: center;position: relative;line-height: 40px;background-color: white}
.popup-overlay.unblock_raseef22 .popup .slick-dotted.slick-slider{margin:0}
.popup-overlay.unblock_raseef22 .popup .slick-dots{bottom:67px}
.popup-overlay.unblock_raseef22 .popup .slick-dots li{background-color: rgba(128, 128, 128, 0.8);border-radius: 100%;width: 10px;height: 10px}
.popup-overlay.unblock_raseef22 .popup .slick-dots li.slick-active{background-color: #FFFFFF}
/*.unblock_raseef22 .thisCarousel {background: url('https://s.raseef22.com/assets/images/unblock_raseef-28_background_mobile2.png') no-repeat}*/
/* Unblock raseef article info popup*/


/*Videos Page*/
.videos-page h1{display: none}
.videos-page article.featured{height: 28vw}
.videos-page article.featured a{display: block; height: 100%; position: relative}
.videos-page article.featured a:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.videos-page article.featured a > div{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 100%; max-width: 1540px; margin: auto; padding: 0 40px; direction: ltr;}
.videos-page article.featured a > div h2{color: #FFFFFF; font-size: 40px; line-height: 66px; width: 35%; max-height: 200px; overflow: hidden}
.videos-page article.featured a > div .icon{font-size: 30px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF; position: absolute; left: 0; right: 0; width: 280px; margin: auto; top: 0}
.videos-page article.featured a > div .icon i{width: 95px; height: 95px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; display: inline-block; position: relative; top: 35px; margin: 0 15px}
.videos-page article.featured a h2 span{font-size: 27px; display: block}
.videos-page .most-watched{margin: 20px 0 40px 0; direction: ltr;}
.videos-page .most-watched h2{font-size: 30px; text-align: center; color: #FFFFFF; border-bottom: 1px solid #5A5A5A; width: 250px; margin: auto; padding: 0 0 15px 0}
.videos-page .most-watched h2:before{content: ''; width: 30px; height: 22px; background: url("/assets/images/most-watched-icon.png") no-repeat center; background-size: contain; display: inline-block; margin: 0 15px 0 0}
.videos-page .most-watched ul{margin: 40px 0 0 0}
.videos-page .most-watched ul .slick-list{padding: 0 100px}
.videos-page .most-watched ul li{width: 30%; float: right; margin: 0 0 0 40px}
.videos-page .most-watched ul li a{outline: none}
.videos-page .most-watched ul li a figure{height: 270px; position: relative}
.videos-page .most-watched ul li a figure:after{content: ''; width: 40px; height: 40px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0}
.videos-page .most-watched ul li a figure span{font-size: 21px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; bottom: 10px; right: 15px}
.videos-page .most-watched ul li a .details{padding: 10px 0 0 0; font-size: 0}
.videos-page .most-watched ul li a .details h3{font-size: 20px; color: #FFFFFF; width: 60%; display: inline-block; max-height: 75px; overflow: hidden}
.videos-page .most-watched ul li a .details h3 div{direction: ltr;}
.videos-page .most-watched ul li a .details span{font-size: 18px; color: #FFFFFF; width: 40%; text-align: right; font-family: Cairo, Helvetica_new, Arial, sans-serif; display: inline-block; vertical-align: top}
.videos-page .main-container .title{padding: 0 0 20px 0; border-bottom: 1px solid #5A5A5A; margin: 15px 15px 40px 15px}
.videos-page .main-container .title h2{color: #FFFFFF; font-size: 30px; display: inline-block; margin: 0 40px 0 0}
.videos-page .main-container .title ul.categories{display: inline-block; vertical-align: top; margin: 12px 0 0 0}
.videos-page .main-container .title ul.categories li{display: inline-block; width: 110px; border: 1px solid #F0532D; text-align: center; margin: 0 0 0 25px; vertical-align: top}
.videos-page .main-container .title ul.categories li.active, .videos-page .main-container .title ul.categories li a:hover{background-color: #F0532D}
.videos-page .main-container .title ul.categories li a{font-size: 17px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #FFFFFF; text-align: center; display: block; transition: .25s}
.videos-page .main-container article{width: 33.33%; float: left; height: 400px; margin: 0 0 30px 0}
.videos-page .main-container article .content{width: calc(100% - 30px); margin: auto}
.videos-page .main-container article figure{height: 280px; position: relative}
.videos-page .main-container article figure:after{content: ''; width: 50px; height: 50px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0}
.videos-page .main-container article figure span{font-size: 21px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; bottom: 10px; right: 15px}
.videos-page .main-container article .details{padding: 10px 0 0 0; font-size: 0}
.videos-page .main-container article .details h3{font-size: 20px; color: #FFFFFF; height: 75px; overflow: hidden}
.videos-page .main-container article .details h4{font-size: 17px; color: #FFFFFF; display: inline-block}
.videos-page .main-container article .details span{font-size: 17px; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.videos-page .main-container article .details span:before{content: '|'; display: inline-block; margin: 0 20px}
.videos-page .mostread-articles{background-color: rgba(255, 255, 255, .25); padding: 20px 0; width: 100%; margin: 0 0 30px 0; overflow: hidden}
.videos-page .mostread-articles h2{font-size: 32px; color: #FFFFFF; padding: 0 15px 0 0; margin: 0 0 30px 0}
.videos-page .mostread-articles h2:after{content: ''; width: 125px; border-top: 2px solid #F0532D; display: inline-block; margin: 0 40px 0 0}
.videos-page .mostread-articles article{float: right; width: 25%; margin: 0 0 30px 0; height: auto}
.videos-page .mostread-articles article a{display: block; width: calc(100% - 30px); margin: auto}
.videos-page .mostread-articles article a figure{height: 192px}
.videos-page .mostread-articles article a figure:after{display: none}
.videos-page .mostread-articles article a h3{font-size: 20px; color: #FFFFFF; line-height: 35px; padding: 15px 20px 0 20px; overflow: hidden; height: 90px}
/*End Videos Page*/

/*Video Page*/
body.video{overflow: hidden}
.english-site .video-page.page{height: 100%; padding: 0}
body.video header, body.video footer{display: none}
.video-page .back-to-videos{position: absolute; width: 50px; height: 50px; background: url('/assets/images/back-to-videos.png') no-repeat center; background-size: contain; left: 15px; top: 65px}
.video-page .article-content{position: absolute; width: 390px; background-color: rgba(0, 0, 0, .72); height: 100%; padding: 20px 15px; overflow-y: auto; transition: .25s; top: 0}
.video-page .article-content.multiple-authors-width{width: 450px}
.video-page .article-content a.expand{position: absolute; font-size: 30px; color: #FFFFFF; left: 10px; top: 28px; transition: .25s; transform: rotate(-180deg)}
.video-page .article-content .author{padding: 0 0 0 20px}
.video-page .article-content.collapsed .author{padding: 0}
.video-page .article-content .author figure{width: 45px; height: 45px; border-radius: 50%; float: right}
.video-page .article-content .author .multiple-authors{font-size: 0; margin: 10px 0 0 0}
.video-page .article-content .author .multiple-authors a{display: inline-block; width: auto; vertical-align: top; margin: 0 0 0 10px}
.video-page .article-content.collapsed .author .multiple-authors a{width: 50%; margin: 0}
.video-page .article-content .author .multiple-authors h3{font-size: 14px; top: 3px}
.video-page .article-content .author .multiple-authors figure{width: 35px; height: 35px}
.video-page .article-content.collapsed .author .multiple-authors figure{width: 25px; height: 25px}
.video-page .article-content.collapsed .author .multiple-authors h3{font-size: 12px; line-height: 18px; top: 5px}
.video-page .article-content .author h3{color: #FFFFFF; font-size: 16px; padding: 0 5px 0 0; position: relative; top: 5px; display: inline-block; vertical-align: top}
.video-page .article-content h1{color: #FFFFFF; font-size: 34px; line-height: 50px; margin: 20px 0}
.video-page .article-content .date{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 15px; color: #A09595}
.video-page .article-content .text{color: #FFFFFF; font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.video-page .article-content .text *{max-width: 100%}
.video-page .article-content .text .summary{margin: 15px 0 0 0}
.video-page .article-content .text p{color: #A09595; font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px; margin: 0 0 10px 0}
.video-page .article-content .next-videos{margin: 20px 0 0 0}
.video-page .article-content .next-videos h2{color: #FFFFFF; font-size: 14px}
.video-page .article-content .next-videos ul{margin: 15px 0 0 0}
.video-page .article-content .next-videos ul li{margin: 0 0 20px 0; display: block; overflow: hidden}
.video-page .article-content .next-videos ul li figure{width: 130px; height: 70px; float: right; position: relative}
.video-page .article-content .next-videos ul li figure:after{content: ''; width: 28px; height: 28px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.video-page .article-content .next-videos ul li > div{padding: 0 140px 0 0}
.video-page .article-content .next-videos ul li > div h3{color: #FFFFFF; font-size: 13px; height: 42px; overflow: hidden; line-height: 20px}
.video-page .article-content .next-videos ul li > div h4{color: #A09595; font-size: 13px; margin: 5px 0 0 0}
.video-page .article-content .next-videos a.more{width: 100%; height: 22px; background-color: rgba(255, 255, 255, .45); color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; display: block; text-align: center; font-size: 12px; line-height: 18px; border: 1px solid rgba(255, 255, 255, .25); transition: .25s}
.video-page .article-content .next-videos a.more:hover{background: transparent}
.video-page .inlineVideo{height: 100%}
.video-page .inlineVideo iframe{width: 100%; height: 100%}
.video-page .article-content.collapsed{height: 90px; overflow: hidden; font-size: 0}
.video-page .article-content.collapsed a.expand{transform: initial}
.video-page .article-content.collapsed .expanded-content{opacity: 0; visibility: hidden}
.video-page .article-content.collapsed .author{width: 40%; display: inline-block; vertical-align: top; height: 50px; overflow: hidden}
.video-page .article-content.collapsed .author figure{top: 2px; position: relative}
.video-page .article-content.collapsed .author h3{font-size: 14px; line-height: 28px; display: inline-block; vertical-align: top; padding: 0 10px 0 0; position: relative; top: 10px; transition: .1s}
.video-page .article-content.collapsed .author .multiple-authors h3{display: block; padding: 0 30px 0 0}
.video-page .article-content.collapsed .author .clear{clear: none}
.video-page .article-content.collapsed h1{font-size: 17px; width: 60%; display: inline-block; margin: 0; line-height: 50px; height: 50px; overflow: hidden}
.video-page .article-content.collapsed h1:before{content: '|'; font-size: 20px; display: inline-block; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; margin: 0 0 0 7px; vertical-align: top; position: relative; top: -3px}
/*End Video Page*/

/*Authors Page*/
.authors-page .header{height: 240px; background: url('/assets/images/blogs-header-bg.png') no-repeat center; background-size: cover; position: relative}
.authors-page.corona .header{height: 240px; background: url('/assets/images/corona-category-image.png?1') no-repeat center; background-size: cover; position: relative}
.authors-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.authors-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.authors-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.authors-page .page-title{display: inline-block}
.authors-page .selectize-control{float: left; width: 235px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0}
.authors-page .selectize-control.rtl .selectize-input > input{width: 180px !important}
.authors-page .authors{max-width: 1620px; margin: auto; width: 100%; padding: 0 40px}
.authors-page .authors ul{padding: 0 40px; margin: 0 0 40px 0; overflow: hidden; max-height: 305px}
.authors-page .authors ul .slick-prev{right: 0; top: 92px}
.authors-page .authors ul .slick-next{left: 0; right: initial; top: 92px}
.authors-page .authors ul .slick-prev:before, .authors-page .authors ul .slick-next:before{font-size: 40px; font-family: "FontAwesome"; color: #F0532D; font-weight: bold}
.authors-page .authors ul .slick-prev:before{content: '\f105'}
.authors-page .authors ul .slick-next:before{content: '\f104'}
.authors-page .authors ul li{float: right; text-align: center; outline: none}
.authors-page .authors ul li a{display: inline-block; width: 175px; outline: none}
.authors-page .authors ul li a figure{width: 100%; height: 175px; border-radius: 50%}
.authors-page .authors ul li a h3{font-size: 22px; padding: 10px 0 0 0; line-height: 30px}
.authors-page .main-container ul.carousel{width: 72%; float: right; margin: 0 0 30px 0}
.authors-page .main-container ul.carousel .slick-next, .authors-page .main-container .articles-carousel .slick-prev{display: none !important}
.authors-page .main-container ul.carousel .slick-next, .authors-page .main-container .articles-carousel .slick-prev{bottom: 45px; top: initial; z-index: 1}
.authors-page .main-container ul.carousel .slick-next{left: 260px; right: initial}
.authors-page .main-container ul.carousel .slick-prev{left: 300px}
.authors-page .main-container ul.carousel .slick-next:before, .authors-page .main-container .articles-carousel .slick-prev:before{font-size: 34px; font-family: "FontAwesome"; color: #000000}
.authors-page .main-container ul.carousel .slick-next:before{content: '\f104'}
.authors-page .main-container ul.carousel .slick-prev:before{content: '\f105'}
.authors-page .main-container ul.carousel li{float: right; height: 510px; outline: none}
.authors-page .main-container ul.carousel li a{outline: none}
.authors-page .main-container ul.carousel li article.article-1{height: 100%; position: relative}
.authors-page .main-container ul.carousel li article.article-1 .content{width: calc(100% - 30px); margin: auto; height: 100%; position: relative}
.authors-page .main-container ul.carousel li article.article-1 .content figure.article-fig{width: 820px; height: 100%}
.authors-page .main-container ul.carousel li article.article-1 .content .details{height: 435px; position: absolute; background-color: #FFFFFF; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); width: 350px; bottom: 45px; left: 15px; padding: 20px 35px}
.authors-page .main-container ul.carousel li article.article-1 .content .details .author figure{width: 90px; height: 90px; border-radius: 50%; float: right}
.authors-page .main-container ul.carousel li article.article-1 .content .details .author h3{font-size: 18px; color: #F0532D; margin: 32px 110px 0 0; height: 66px; overflow: hidden}
.corona.authors-page .main-container ul.carousel li article.article-1 .content .details .author h3{color:#93C0BD}
.authors-page .main-container ul.carousel li article.article-1 .content .details h2{font-size: 26px; line-height: 32px; height: 135px; overflow: hidden; margin: 12px 0 0 0}
.authors-page .main-container ul.carousel li article.article-1 .content .details p{font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 35px 0 0 0}
.authors-page .main-container ul.carousel li article.article-1 .content .details a.more{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 14px; margin: 30px 0 0 0; display: inline-block}
.authors-page .main-container ul.carousel li article.article-1 .content .details .navigate-carousel{position: absolute; bottom: 12px; left: 0}
.authors-page .main-container ul.carousel li article.article-1 .content .details .navigate-carousel a{font-size: 30px; margin: 0 0 0 30px; outline: none}
.authors-page .main-container ul.carousel li article.article-1 .content .details .navigate-carousel a.disabled{opacity: .25; cursor: default}
.authors-page .main-container .col-right{width: 72%; float: right}
.latest-news{width: 28%; float: right; margin: 0 0 30px 0}
.homepage .latest-news{width: 100%; float: none;margin-top: 40px;}
.latest-news .content{height: 100%; background-color: rgba(234, 234, 234, .1); padding: 0 0 5px 0}
.latest-news .content ul li{border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 0 0 30px 0; margin: 25px 0 0 0; text-align: left}
.latest-news .content ul li:last-child{border-bottom: none}
.latest-news .content ul li h3{font-size: 18px; line-height: 30px; margin: 0 0 12px 0; direction: ltr}
.latest-news .content ul li span{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 14px; display: block; direction: ltr}
.latest-news .content ul li span:before{content: ''; width: 18px; height: 18px; display: inline-block; background: url('/assets/images/clock.png') no-repeat center; background-size: contain; margin: 0 10px 0 0; position: relative; top: 4px}
.authors-page .main-container article.article-5{width: 25%; float: right; height: 345px; margin: 0 0 30px 0}
.authors-page .main-container article.article-5 a{width: calc(100% - 30px); margin: auto; display: block; height: 100%; position: relative}
.authors-page .main-container article.article-5 a:before{content: ''; border: 1px solid #FFFFFF; position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); top: 20px; right: 20px}
.authors-page .main-container article.article-5 h2{font-size: 30px; line-height: 40px; color: #FFFFFF; width: 60%; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); height: 205px; overflow: hidden}
.authors-page .main-container article.article-6{width: 25%; float: right; margin: 0 0 30px 0; height: 140px}
.authors-page .main-container article.article-6 a{width: calc(100% - 20px); margin: auto; height: 100%; border-right: 1px solid #707070; display: block; padding: 20px}
.authors-page .main-container article.article-6 a h2{font-size: 17px; line-height: 28px; height: 115px; overflow: hidden}
.authors-page .opinions-component{float: right; width: 100%}
.authors-page .opinions-component .main-container .col-left{width: 65%; display: inline-block; vertical-align: top; padding: 0 0 0 15px}
.authors-page .opinions-component .main-container a.more{display: none}
.authors-page .opinions-component .slick-prev{right: -45px; top: 140px}
.authors-page .opinions-component .slick-next{left: -35px; right: initial; top: 140px}
.authors-page .opinions-component .slick-prev:before, .authors-page .opinions-component .slick-next:before{font-size: 26px; font-family: "FontAwesome"; color: #F0532D; font-weight: bold; width: 30px; height: 30px; border: 2px solid #F0532D; border-radius: 50%; display: block; line-height: 30px}
.authors-page .opinions-component .slick-prev:before{content: '\f105'}
.authors-page .opinions-component .slick-next:before{content: '\f104'}
/*End Authors Page*/

/*Article Page*/
/*.article-page .main-container:first-of-type:before{content: ''; height: 105px; background-color: #000000; position: absolute; width: 100%; z-index: -1; left: 0; right: 0}*/
.article-page .header.separateimage {height: 50vh; display: flex}
.article-page .header.separateimage .separateimage_figure {width: 50%; height: 50vh}
.article-page .header.separateimage .separateimage_figure video {width: 100%; height: 50vh}
.article-page .header.separateimage .text {width: 50%; display: flex; align-items: center; padding: 0 25px}
.article-page .header.separateimage .text h1 {color: black; font-size: 36px; line-height: 1.4em; text-align: center; padding: 0 50px}
.article-page .header.separateimage .text .summary {font-size: 22px; font-family: Nassim,Helvetica_new,Arial,sans-serif; margin: 20px 0 0 0}
.article-page .main-container{max-width: initial; padding: 0}
.article-page .banner{margin: 20px 0 20px auto}
.article-page article{margin: 0 0 30px 0}
.article-page article figure.main-figure{height: 500px; position: relative}
.article-page article figure.main-figure:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.article-page article figure.main-figure h1{color: #FFFFFF; font-size: 50px; line-height: 78px; position: absolute; bottom: 0; width: 65%; left: 0; padding: 0 0 30px 7%; direction: ltr}
.article-page article figure.main-figure .caption{position: absolute; color: #FFFFFF; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 16px; background-color: rgba(0, 0, 0, .5); bottom: 0; padding: 2px 20px; line-height: 24px; max-height: 30px}
.article-page article .article-container{max-width: 1900px; margin: auto; padding: 0 100px;direction: ltr;}
.article-page article .article-container.article-full{max-width: none;padding:0}
.article-page article .col-right{width: 30%; margin: 0 5% 0 0; display: inline-block}
.article-page article .col-right .monster-mpu{width: 100%; float: none; margin: 20px 0 0 0}
.article-page article .mostread-component{margin: 30px 0 20px 0}
.article-page article .author{margin: 0 0 10px 0; direction: ltr}
.article-page article .author.multiple{display: flex;align-items: center;justify-content: space-between;min-height: 75px;margin: 0 0 10px 0;}
.article-page article .author.multiple .multiple-authors{width: calc(100% - 240px);}
.article-page article .author a figure{width: 75px; height: 75px; border-radius: 50%; display: inline-block; vertical-align: middle}
.article-page article .author .multiple-authors a figure{width: 50px; height: 50px}
.article-page article .author .multiple-authors a{margin: 0 20px 0 0}
.article-page article .author a > div{margin: 0 0 0 20px; display: inline-block; vertical-align: middle}
.article-page article .author .multiple-authors a > div{margin: 0 0 0 5px}
.article-page article .author a > div h3{font-size: 16px; line-height: 30px; display: inline-block}
.article-page article .author a > div span{font-size: 24px; display: inline-block; margin: 0 10px; vertical-align: bottom; line-height: 28px; font-weight: bold}
.article-page article .author a > div h4{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal; line-height: 22px; color: rgba(0, 0, 0, .65); display: inline-block}
.article-page .main-container .col-left{width: 65%; display: inline-block; vertical-align: top}
.article-page .main-container .col-left .save-article{font-size: 12px;color: #F0532D;display: flex; align-items: center; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;border: 1px solid #F0532D; padding: 6px 12px;border-radius: 10px;width: fit-content;transition: 0.25s ease-in-out all;float: left}
.article-page .main-container .col-left .save-article:hover, .article-page .author .share-article:hover{color: white;background-color: #F0532D;}
.article-page .main-container .col-left .save-article i{font-size: 16px; margin-left: 5px;}
.article-page .main-container .col-left .article-saved{font-size: 12px;background-color: #F0532D; color: white;display: flex; align-items: center; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;border: 1px solid #F0532D; padding: 6px 12px;border-radius: 10px;width: fit-content;}
.article-page .main-container .col-left .article-saved i{font-size: 16px; margin-left: 5px;}

.article-page .main-container .col-left .form_to_submit_article{display: flex;}
.article-page .main-container .col-left .comment-title{width: 145px;height: 45px;display: block;background: url('/assets/images/comments-bg.png') no-repeat center;background-size: contain;right: 10px; position: relative;}
.article-page .main-container .col-left .comment_button{font-size:13px;color:#fff;display:flex;align-items:center;font-family: Cairo-bold,Helvetica_new,Arial,sans-serif;padding:8px 26px;border-radius:10px;width:fit-content;cursor:pointer;transition: 0.25s ease-in-out all; float: right; position: relative;float: left;}


.article-page .main-container .article-full .col-left{width: 100%; display: block}
.article-page .main-container .col-left .date{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; direction: ltr;position: relative;}
.article-page .main-container .col-left .date span{margin: 0 8px 0 0}
.article-page .main-container .col-left .date .time{direction: ltr; display: inline-block}
.article-page .main-container .col-left .date .time:before{content: ''; width: 18px; height: 18px; display: inline-block; background: url('/assets/images/stopwatch.png?2') no-repeat center; background-size: contain; margin: 0 7px 0 0; position: relative; top: 3px}
.article-page .main-container .col-left .switch-lang{font-size: 16px; border-bottom: none!important; color: black; background: #F0F7FF; direction: ltr; padding: 10px 15px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; border-bottom: 1px solid; margin: 50px 0 5px 0; display: inline-block}
.article-page .main-container .col-left .switch-lang.rtl{direction: rtl}
.article-page .main-container .col-left .switch-lang span {font-family: Cairo, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .switch-lang span img.lang-icon {width: 23px; position: relative; top: 5px; margin: 0 10px}
.article-page .main-container .col-left .switch-lang p {display: inline-block}
.article-page .main-container .col-left .text{margin: 5px 0 0 0; font-size: 22px; font-family: Nassim, Helvetica_new, Arial, sans-serif; direction: ltr}
.article-page .main-container .col-left .text .article-text-container.tr{max-height:200px;overflow:hidden}
.article-page .main-container .col-left .text *{max-width: 100%}
.article-page .main-container .col-left .text p img.inlineImage{text-align: center !important;}
.article-page .main-container .col-left .text p:has(> img.inlineImage){text-align: center !important;}
.article-page .main-container .col-left .text p:has(> iframe){text-align: center !important;}
.article-page .main-container .col-left .text p audio.js-player{display: none !important;}
.article-page .main-container.multiple_audio_files .col-left .text p audio.js-player{display: block !important;}
.article-page .main-container .twitter-tweet{margin: auto;}
.article-page .main-container .twitter-tweet-rendered{margin: auto;}
.article-page .main-container .article-full .col-left .text > *, .article-page .main-container .article-full .author, .article-page .main-container .article-full .date { width: 65%; margin-left: auto; margin-right: auto }
.article-page .main-container .article-full .col-left .text .embed { width: auto }
.article-page .main-container .col-left .text .summary{margin: 15px 0 0 0}
.article-page .main-container .col-left .date .category{color: #F0532D; margin: 0 0 20px 0; font-size: 16px}
.article-page .main-container .col-left .date .category .location{position: relative; display: inline-block; margin: -5px 0 0 10px; vertical-align: middle}
.article-page .main-container .col-left .date .category .location:hover{background-color: rgba(0, 0, 0, .75)}
.article-page .main-container .col-left .date .category .masarat-category{margin: 0 0 0 10px}
.article-page .main-container .col-left .date .category .masarat-category:before{content: '|'; display: inline-block; vertical-align: middle; margin: -6px 15px 0 0}
.article-page .main-container .col-left .text h2{font-size: 26px; margin: 0 0 10px 0}
.article-page .main-container .col-left .text p{font-size: 22px; font-family: Nassim, Helvetica_new, Arial, sans-serif; line-height: 30px; margin: 0 0 10px 0}
.article-page .main-container .col-left .text h1, .article-page .main-container .col-left .text h2, .article-page .main-container .col-left .text h3, .article-page .main-container .col-left .text h4{font-family: Nassim-Bold, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .text h1, .article-page .main-container .col-left .text h2{margin: 20px 0; font-size: 30px}
.article-page .main-container .col-left .text a{color: #2212d3}
.article-page .main-container .col-left .text a:visited{color: #660099}
.article-page .main-container .col-left .text audio{margin: 20px 0 0 0; width: 50%}
/*.article-page .main-container .col-left .text h6{padding: 30px 40px; position: relative; font-size: 30px; line-height: 50px; margin: 20px 0}*/
/*.article-page .main-container .col-left .text h6:before{content: ''; width: 40px; height: 40px; background: url('/assets/images/postquote.png') no-repeat center; background-size: contain; position: absolute; right: 5px; top: 0}*/
/*.article-page .main-container .col-left .text .quotes{margin: 10px 0 30px 0}*/
/*.article-page .main-container .col-left .text .quotes h3{font-size: 26px; color: #F0532D; margin: 0 0 20px 0}*/
/*.article-page .main-container .col-left .text .quotes > div{padding: 30px 0 20px 0; border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1)}*/
.article-page .main-container .col-left .text .postquotes{margin: 20px auto; padding: 0 0 30px 0; position: relative}
/*.article-page .main-container .col-left .text .postquotes:before{content: 'أقوال جاهزة'; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 30px; color: #F0532D; top: -80px; right: 0; position: absolute}*/
.article-page .main-container.english-article .col-left .text .postquotes:before {content: ''}
.article-page .main-container .col-left .text blockquote{font-size: 22px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; line-height: 34px; margin: 20px 0 0 0; padding: 20px 45px 0 0; position: relative; text-align: justify}
.article-page .main-container .col-left .text blockquote.postquote{padding: 20px 0 0 45px}
/*.article-page .main-container .col-left .text blockquote:last-of-type{margin: 40px 0}*/
.article-page .main-container .col-left .text blockquote p{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 22px; line-height: 34px}
.article-page .main-container .col-left .text .postquotes .postquote:nth-of-type(odd){color: #F0532D}
.article-page .main-container .col-left .text blockquote.postquote:before{content: '"'; font-size: 100px; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; left: -20px; font-style: italic; top: 30px}
.article-page .main-container .col-left .text blockquote.blockquote{float: right; width: 45%; margin: 20px 0 30px 5%; color: #000000}
.article-page .main-container .col-left .text blockquote.blockquote:before{content: ''; width: 40px; height: 40px; background: url('/assets/images/postquote.png') no-repeat center; background-size: contain; position: absolute; right: 5px; top: 0}
.article-page .main-container .article-full .col-left .text blockquote.blockquote { width: 35%; margin: 20px 5% 30px 17% }
.article-page .main-container .col-left .text blockquote.postquote .share{position: absolute; top: -10px; right: 10px}
.article-page .main-container .col-left .text .postquotes .postquote:nth-of-type(odd) .share a{color: #F0532D}
.article-page .main-container .col-left .text blockquote.postquote .share a{color: #000000; transition: .25s; margin: 0 10px 0 0; font-size: 18px}
.article-page .main-container .col-left .text blockquote.postquote .share a.facebook:hover{color: #3F59A3}
.article-page .main-container .col-left .text blockquote.postquote .share a.twitter:hover{color: #01AFFD}
.article-page .main-container .col-left .text .one-third{float: right; width: 33.33%; margin: 0 0 10px 10px}
.article-page .main-container .col-left .text .poll{border: 1px solid rgba(255, 110, 57, .2); padding: 20px; margin: 40px 0}
.article-page .main-container .col-left .text .poll h3{font-size: 30px; border-bottom: 1px solid rgba(0, 0, 0, .1); display: inline-block}
.article-page .main-container .col-left .text .poll .choice{margin: 15px 0}
.article-page .main-container .col-left .text .poll .choice input[type=checkbox]{display: none}
.article-page .main-container .col-left .text .poll .choice h4{font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; cursor: pointer; display: inline-block}
.article-page .main-container .col-left .text .poll .choice span{width: 22px; height: 22px; border: 1px solid #F0532D; display: inline-block; border-radius: 50%; margin: 0 0 0 10px; position: relative; top: 2px; cursor: pointer}
.article-page .main-container .col-left .text .poll .choice span:after{content: ''; width: 10px; height: 10px; background-color: #F0532D; border-radius: 50%; position: absolute; left: 0; right: 0; top: 4px; margin: auto; transition: .25s; border: 1px solid #F0532D}
.article-page .main-container .col-left .text .poll .choice.active span:after{background-color: #000000}
.article-page .main-container .col-left .text .poll input[type=submit]{width: 185px; height: 45px; background-color: #F0532D; color: #FFFFFF; font-size: 21px; outline: none; cursor: pointer; padding: 0 65px 5px 65px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: 5px 0 0 0; transition: .25s; border: 2px solid #F0532D}
.article-page .main-container .col-left .text .poll input[type=submit]:hover{background-color: #FFFFFF; color: #F0532D}
.article-page .main-container .col-left .text .poll p{margin: 15px 0 0 0; padding: 0 5px 0 0; font-size: 16px; color: #F0532D; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .text .relatedArticles{border: 1px solid rgba(240, 83, 45, .2); padding: 10px 20px; margin: 20px auto; clear: both; direction: ltr;display: none ;}
.article-page .main-container .col-left .text .relatedArticles:before{content: 'Related Articles'; font-size: 28px; margin: 0 0 10px 0; display: block; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.article-page .main-container .col-left .text.farsi-article .relatedArticles:before, .article-page .main-container .col-left .text .relatedArticles.farsi-mostread:before{content: 'مطالب مرتبط';}
.article-page .main-container .col-left .text .relatedArticles .item{width: 32%; display: inline-block; vertical-align: top; margin: 0 2% 20px 0}
.article-page .main-container .col-left .text .relatedArticles .item:nth-child(3n){margin: 0}
.article-page .main-container .col-left .text .relatedArticles .item figure{background-repeat: no-repeat; background-position: center; background-size: cover; height: 164px}
.article-page .main-container .col-left .text .relatedArticles .item p{font-size: 16px; line-height: 26px; padding: 10px 5px 0 0; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #000000}
.article-page .main-container .col-left .keywords{margin: 30px 0; direction: ltr}
.article-page .main-container .col-left .keywords h3{font-size: 28px; margin: 0 0 20px 0}
.article-page .main-container .col-left .keywords h3:after{content: ''; display: inline-block; width: 125px; border-top: 3px solid #F0532D; margin: 0 30px 0 0}
.article-page .main-container .col-left .keywords a{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 12px; color: #F0532D; border: 2px solid #F0532D; margin: 0 15px 15px 0; display: inline-block; padding: 2px 15px; transition: .25s}
.article-page .main-container .col-left .keywords a:hover{color: rgba(240, 83, 45, .75)}
.article-page .main-container .col-left .notice{font-size: 16px !important; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important; margin: 20px 0 0 0 !important; line-height: 24px !important}
.article-page .main-container .col-left .trending{margin: 20px 0}
.article-page .main-container .col-left .trending h3{font-size: 28px; margin: 0 0 20px 0; direction: ltr}
.article-page .main-container .col-left .trending h3:after{content: ''; width: 125px; display: inline-block; border-top: 3px solid #F0532D; margin: 0 0 0 30px}
.article-page .main-container .col-left .trending a{width: 23.5%; display: inline-block; vertical-align: top; margin: 0 0 0 2%}
.article-page .main-container .col-left .trending a:last-child{margin: 0}
.article-page .main-container .col-left .trending a figure{height: 190px; position: relative}
.article-page .main-container .col-left .trending a.video figure:after{content: ''; position: absolute; width: 45px; height: 45px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
.article-page .main-container .col-left .trending a h4{font-size: 14px; line-height: 22px; padding: 10px 0 0 0; direction: ltr}
.article-page .main-container .col-left .trending .trending_articles{display: flex;align-items: start;}
.article-page .main-container .col-left a.show-comments{font-size: 18px; color: #FFFFFF; display: block; width: 180px; height: 55px; background-color: #000000; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; text-align: center; line-height: 52px; margin: 0 auto 20px 0}
.article-page .main-container .col-left .comments-section{border: 1px dashed #F0532D;padding: 15px 25px; margin: 70px 0; position: relative}
/* .article-page .main-container .col-left .comments-section .title{font-size: 20px;display: flex;align-items: center; justify-content: start; font-family: Nassim-Bold, Helvetica_new, Arial, sans-serif;color: #F0532D;} */

.article-page .main-container .col-left .comments-section .component-title{width: 145px; height: 45px; position: absolute; top: -20px; display: block; background: url('/assets/images/comments-bg.png') no-repeat center; background-size: contain; left: 25px}
.article-page .main-container .col-left .comments-section .component-title a{font-size: 16px; font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif; color: #FFFFFF; display: block; text-align: center; line-height: 38px}
.article-page .main-container .col-left .comments-section a.commenting_guidelines{font-size: 15px;position: relative;top: 20px;text-decoration: underline;font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;}

.article-page .main-container .col-left .comments-section .component-title img{margin-right: 5px;margin-bottom: 3px;rotate: 0deg; transition: 0.4s ease-in-out all;object-fit: contain; height: 8px; width: 15px;}
.article-page .main-container .col-left .comments-section .component-title img.rotate{transform: rotate(180deg);}
.article-page .main-container .col-left .comments-section .comments{display: none;}
.article-page .main-container .col-left .comments-section .comments.show{display: block;}
.article-page .main-container .col-left .comments-section .comments .comments-notice{font-size: 14px; margin: 20px 0; direction: ltr}
.article-page .main-container .col-left .comments-section .comment{display: flex; align-items: flex-start;padding: 25px 0; margin-bottom: 25px; border-bottom: 1px solid #231F20; direction: ltr;}
.article-page .main-container .col-left .comments-section .comment.hidden{display: none;}
/*.article-page .main-container .col-left .comments-section .comment:nth-last-child(2){border-bottom: unset ; }*/
.article-page .main-container .col-left .comments-section .comment img{width: 60px; height: 60px; object-fit: contain; border-radius: 50px;}
.article-page .main-container .col-left .comments-section .comment .info{margin-left: 15px;width: 100%;}
.article-page .main-container .col-left .comments-section .comment .info .title{font-size: 16px;font-family: Cairo-bold,Helvetica_new,Arial,sans-serif;line-height: 1.4;color: #231f20;}
.article-page .main-container .col-left .comments-section .comment .info .component-title{font-size: 16px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;line-height: 1.4;color: #231F20;}
.article-page .main-container .col-left .comments-section .comment .info .content{font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.4 !important;margin: 8px 0 !important;}
.article-page .main-container .col-left .comments-section .comment .info .date{font-size: 11px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.4;color: #A19F9F;}
.article-page .main-container .col-left .comments-section .comment .info .error{font-size: 13px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;line-height: 1.4;color: #F0532D;display: none;margin-top: 20px;}

.article-page .main-container .col-left .comments-section .comment  form.comment{padding: 0px; width: fit-content; margin-bottom: 10px; border-bottom: none;}
.article-page .main-container .col-left .comments-section .comment  form.comment .content{line-height: 0; margin: 25px 0 25px 0;}
.article-page .main-container .col-left .comments-section .comment  form.comment .content .actions a{text-decoration: underline;}
.article-page .main-container .col-left .comments-section .error{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 14px; color: #F0532D; margin: 10px 0 0 0; direction: ltr; display: none}

.article-page .main-container .col-left .comments-section .comments .add-comment-section{background-color: #EFEEED;display: flex;gap: 20px;align-items: center; justify-content: space-between; padding: 15px 25px;margin-top: 40px;direction: ltr;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .right{display: flex; align-items: center; width: 74%;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .right img{width: 60px; height: 60px; object-fit: contain; border-radius: 50px;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .right input, .article-page .main-container .col-left .comments-section .comments .add-comment-section .right textarea{width: 100%;background: transparent; border: unset;font-size: 13px; margin-left: 10px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .right textarea{padding: 25px 0 0 0}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .right input:focus-visible, .article-page .main-container .col-left .comments-section .comments .add-comment-section .right textarea:focus-visible{outline: none;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .right input::placeholder, .article-page .main-container .col-left .comments-section .comments .add-comment-section .right textarea::placeholder{font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .left {width: 26%; border: unset;font-size: 13px; margin-right: 10px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .left button{font-size: 14px;
    color: #FFFFFF;
    display: block;
    padding: 6px 10px;
    transition: 0.3s ease-in-out all;
    width: 100%;
    cursor: pointer;
    border: unset;
    background-color: #F0532D;
    font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;
    text-align: center;
    border-radius: 7px;
    margin: 0 0 10px 0;
}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .left .login-required-btn{font-size: 14px;
    color: #FFFFFF;
    display: block;
    padding: 6px 10px;
    transition: 0.3s ease-in-out all;
    width: 100%;
    cursor: pointer;
    border: unset;
    background-color: #F0532D;
    font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;
    text-align: center;
    border-radius: 7px;
    margin: 0 0 10px 0;
}

.article-page .main-container .col-left .comments-section .comments .add-comment-section .left input.comment_anonymously{margin: 0 5px 0 0; position: relative; top: 2px;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .left input.comment_anonymously:checked{accent-color: #F0532D;}


.article-page .main-container .col-left .comments-section .comments .add-comment-section .left button:hover{opacity: 0.8;}
.article-page .main-container .col-left .comments-section .comments .add-comment-section .left .login-required-btn:hover{opacity: 0.8;}
.mustlogin{font-size: 16px; text-align: center; padding: 20px 0;direction: ltr; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.article-page .main-container .col-left a.hover-orange{transition: .25s}
.article-page .main-container .col-left a.hover-orange:hover{background-color: #F0532D}
.article-page .main-container .col-left .fb-comments-container{display: none}
.article-page ul.social{position: fixed; left: 0; top: calc(50% - 120px); text-align: left; direction: ltr; z-index: 1}
.article-page ul.social li{width: 60px; height: 60px}
.article-page ul.social li a{font-size: 26px; color: #FFFFFF; display: block; height: 100%; text-align: center; line-height: 64px; transition: .25s}
.article-page ul.social li a.facebook{background-color: #3F59A3}
.article-page ul.social li a.twitter{background-color: #01AFFD}
.article-page ul.social li a.mail{background-color: #80BDE3}
.article-page ul.social li a.whatsapp{background-color: #25d366}
.article-page ul.social li a.pinterest{background-color: #D81916}
.article-page ul.social li a.google{background-color: #EA4C29}
.article-page ul.social li a:hover{background-color: #FFFFFF}
.article-page ul.social li a.facebook:hover{color: #3F59A3}
.article-page ul.social li a.twitter:hover{color: #01AFFD}
.article-page ul.social li a.mail:hover{color: #80BDE3}
.article-page ul.social li a.pinterest:hover{color: #D81916}
.article-page ul.social li a.google:hover{color: #EA4C29}
.article-page ul.social li a.goto-comment:hover{background-color: unset !important;}
.article-page ul.social li.comment{border: 1px solid #F0532D; background-color: #FFFFFF}

.article-page ul.social .goto-comment img{width: 40px; height: 40px; object-fit: contain; margin: 10px 0}
.article-page ul.social .goto-comment img.animation{animation: tilt-n-move-shaking 1s linear infinite;}
.article-page ul.social .goto-comment.hide{opacity: 0; visibility: hidden;transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;}
.article-page ul.social .goto-comment.show{ transition: opacity 0.7s ease-in-out, visibility 0.8s ease-in-out;}

.article-page .loading-article{font-size: 16px; text-align: center; margin: 20px 0 0 0; padding: 0 0 20px 0}
.article-page .main-container.no-mainimage:before{display: none}
.article-page .main-container.no-mainimage article figure.main-figure{background: transparent; height: auto}
.article-page .main-container.no-mainimage article figure.main-figure:before{display: none}
.article-page .main-container.no-mainimage article figure.main-figure h1{color: #000000; position: relative; bottom: initial; padding: 20px 20px 20px 7%; width: 100%}
.article-page .main-container.english-article{direction: ltr}
.article-page .main-container.english-article .banner{margin: 20px auto 20px 0}
.article-page .main-container.english-article article figure.main-figure h1{padding: 0 10% 50px 0; right: 0; left: initial}
.article-page .main-container.english-article.no-mainimage article figure.main-figure h1{padding: 20px 0 20px 35%}
.article-page .main-container.english-article article .col-right{margin: 0 5% 0 0}
.article-page .main-container.english-article article .author a > div{margin: 0 0 0 20px}
.article-page .main-container.english-article ul.social{right: 0; left: initial}
.article-page .main-container.english-article .col-left .text .relatedArticles:before{content: 'Related Articles'}
.article-page .main-container.english-article .col-left .text .relatedArticles .item{margin: 0 2% 0 0}
.article-page .main-container.english-article .col-left .text .relatedArticles .item:nth-child(3n){margin: 0}
.article-page .main-container.english-article .mostread-component ul li figure{float: left}
.article-page .main-container.english-article .mostread-component ul li h3{padding: 0 0 0 55%}
.article-page .main-container.english-article .mostread-component ul li h4{padding: 0 0 0 55%}
.article-page .main-container.english-article .col-left .keywords h3:after{margin: 0 0 0 30px}
.article-page .main-container.english-article .col-left .keywords a{margin: 0 20px 20px 0}
.article-page .main-container.english-article .col-left .trending h3:after{left: initial; right: 0; margin: 0 0 0 30px}
.article-page .main-container.english-article .col-left .trending a{margin: 0 2% 0 0}
.article-page .main-container.english-article .col-left .trending a:last-child{margin: 0}
.article-page .main-container.english-article .col-left .date span{margin: 0 8px 0 0}
.article-page .main-container.english-article .col-left .date .time:after{display: none}
.article-page .main-container.english-article .col-left .date .time:before{content: ''; width: 14px; height: 14px; display: inline-block; background: url('/assets/images/clock.png') no-repeat center; background-size: contain; margin: 0 10px 0 5px; position: relative; top: 1px}
.article-page .main-container.english-article .col-left .text blockquote.blockquote{float: right; margin: 20px 0 30px 5%}


.article-page .main-container .col-left .text div.app-logo{display: flex;gap: 15px;margin: 30px 0 0 0;}
.article-page .main-container .col-left .text div.app-logo .qr_code img{width: 145px;object-fit: contain;}
.article-page .main-container .col-left .text div.app-logo .logos img{width: 225px;object-fit: contain;margin: 0 0 10px 0;display: block;}


.paywall.datawall{height: auto; background-color: #F6F4F4; border-radius: 6px; padding: 0 !important; margin: 0 0 50px 0; position: relative}
.paywall.datawall form{padding: 45px 75px 0 75px}
.paywall.datawall form .form-header{text-align: center}
.paywall.datawall form .form-header h3{font-family: Cairo, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 26px}
.paywall.datawall form .form-header h2{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 26px; margin: 10px 0}
.paywall.datawall form .form-header p{font-family: Cairo, Helvetica, Arial, sans-serif !important; font-size: 20px !important; color: #1B1A1A !important; line-height: 36px !important}
.paywall.datawall form .form-header p span{width: 38px; height: 38px; border: 1px solid #1B1A1A; border-radius: 50%; display: inline-block; margin: 0 10px}
.paywall.datawall form .social-login{border-top: none; padding: 0; margin: 0; text-align: center}
.paywall.datawall form .social-login a{color: #FFFFFF !important}
.paywall.datawall form .social-login a:hover{color: #FFFFFF !important}
.paywall.datawall form .social-login > div{margin: 25px 0 40px 0; position: relative; z-index: 1}
.paywall.datawall form .social-login > div span{font-size: 16px; color: #3B3B3B; font-family: Cairo, Helvetica, Arial, sans-serif; background-color: #F6F4F4; padding: 5px 30px}
.paywall.datawall form .social-login > div:before{content: ''; position: absolute; width: 100%; border-top: 1px solid #979797; left: 0; top: 10px; z-index: -1}
.paywall.datawall form .container{padding: 0 30px}
.paywall.datawall form .container .row{margin: 0 0 30px 0}
.paywall.datawall form .container .row label{font-size: 18px; font-family: Cairo, Helvetica, Arial, sans-serif; color: #817C7C; display: block; margin: 0 0 10px 0}
.paywall.datawall form .container .row input[type="text"], .paywall.datawall form .container .row input[type="email"], .paywall.datawall form .container .row input[type="password"]{height: 50px; width: 100%; border: 1px solid #D1CFCF; outline: none; font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 3px; padding: 0 10px}
.paywall.datawall form .container .row input.required{border:solid 1px red}
/*.paywall.datawall form .container .subscription-notice .newsletter input[type="checkbox"]{display: none}*/
/*.paywall.datawall form .container .subscription-notice .newsletter span{width: 22px; height: 22px; border: 1px solid #979797; display: inline-block; vertical-align: middle; margin: 0  0 0 20px; position: relative; cursor: pointer; background-color: #FFFFFF}*/
/*.paywall.datawall form .container .subscription-notice .newsletter span:before{content: '\f00c'; font-family: 'fontawesome'; font-size: 18px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; text-align: center; line-height: 20px; opacity: 0; visibility: hidden; transition: .3s}*/
/*.paywall.datawall form .container .subscription-notice .newsletter span.active:before{opacity: 1; visibility: visible}*/
/*.paywall.datawall form .container .subscription-notice .newsletter p{font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 16px !important; color: #000000; display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; width: calc(100% - 48px)}*/
/*.paywall.datawall form .container .subscription-notice .terms{margin: 20px 0 0 0}*/
/*.paywall.datawall form .container .subscription-notice .terms p{font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 16px; color: #565656; line-height: 19px}*/
/*.paywall.datawall form .container .subscription-notice .terms p a{text-decoration: underline; color: #565656 !important}*/
/*.paywall.datawall form .container .subscription-notice .terms p a:hover{color: #565656 !important}*/
/*.paywall.datawall form .black-button{color: #FFFFFF !important; transition: .25s}*/
/*.paywall.datawall form .black-button:hover{color: #1B1A1A !important; background: #FFFFFF; border: 1px solid #1B1A1A;}*/
/*.paywall.datawall .subscribed {border-top: 1px solid #D8D8D8; margin: 30px 0 0 0; padding: 10px 0 30px 0; text-align: center}*/
/*.paywall.datawall .subscribed p{font-family: Cairo, Helvetica, Arial, sans-serif !important; color: #000000 !important; font-size: 16px !important; margin: 0 !important}*/
/*.paywall.datawall .subscribed p a{text-decoration: underline; color: #000000 !important}*/
/*.paywall.datawall .subscribed p a:hover{color: #000000 !important}*/
/*.paywall.datawall .black-button {background-color: #1b1a1a; color: #fff; border-radius: 3px; width: 150px; height: 50px; line-height: 46px; text-align: center; display: block; font-size: 14px; font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif; margin: 30px auto 0;}*/
/*.paywall.datawall p.error.message span {color: #c84c4c; font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;}*/
/*.paywall.datawall p.error.message {font-size: 16px; font-family: Cairo,Helvetica_new,Arial,sans-serif; color: #1b1a1a; display: block; margin: 20px auto;}*/
/*.paywall.datawall-after{min-height: 90px; padding: 18px 20px 25px 40px; height: auto; border-radius: 6px}*/
/*.paywall.datawall-after .message h3{font-size: 22px; font-family: Cairo, Helvetica, Arial, sans-serif; color: #1B1A1A}*/
/*.paywall.datawall-after .message h3 span{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #B18204}*/
/*.paywall.datawall-after .message h3 span a{text-decoration: underline}*/
/*.paywall.datawall-after .message p{text-align: left; margin: 5px 0 0 0}*/
/*.paywall.datawall-after .message p a{text-decoration: underline}*/
/*.paywall.inline:before{content: ''; width: 100%; height: 85px; position: absolute; background: -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 23%); top: -85px; left: 0}*/


.article-page .datawall{background-color: rgba(240, 83, 45, .1); text-align: center; padding: 45px 180px; box-shadow: 0 0 20px rgba(255, 92, 1, .03); position: relative}
.article-page .datawall:before{content: ''; width: 100%; height: 85px; position: absolute; background: -webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 23%); top: -85px; left: 0}
.article-page .datawall .close{position: absolute; top: 35px; left: 30px; width: 21px; height: 21px; background: url('/assets/images/icon-times-black.png') no-repeat center; background-size: contain}
.article-page .datawall .container-top{border-bottom: 1px solid #3D3A3B; padding: 0 0 30px 0}
.article-page .datawall .container-top h2{font-size: 35px !important; font-family: Cairo-Bold, Arial, sans-serif, Helvetica !important; color: #F0532D; line-height: 35px; margin: 0 0 10px 0 !important}
.article-page .datawall .container-top .text{margin: 0 !important}
.article-page .datawall .container-top .text h3{font-size: 24px !important; font-family: Cairo-Bold, Arial, sans-serif, Helvetica !important; color: #231F20; line-height: 30px; margin: 0 !important}
.article-page .datawall .container-top .text h3:last-of-type{margin: 0 0 10px 0 !important}
.article-page .datawall .container-top .text p{font-size: 16px !important; font-family: Cairo, Arial, sans-serif, Helvetica !important; color: #231F20; line-height: 24px !important; margin: 0 !important;text-align: center;}
.article-page .datawall .container-top .text p span{font-family: Cairo-Bold, Arial, sans-serif, Helvetica !important}
.article-page .datawall .container-bottom{padding: 30px 0 0 0}
.article-page .datawall .container-bottom .btn{display: inline-block}
.article-page .datawall .container-bottom .skip{font-size: 16px; color: #F0532D !important; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; margin: 0 50px 0 0; text-decoration: underline; display: inline-block}
.btn.default{background-color: #F0532D; border-radius: 10px; color: #FFFFFF !important; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; font-size: 20px; padding: 6px 68px; transition: .4s}
.btn.default:hover{opacity: .8}
.btn.white{background-color: #FFFFFF; border-radius: 10px; color: #F0532D !important; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; font-size: 20px; padding: 6px 68px; transition: .4s}
.btn.white:hover{opacity: .8}

.article-page .inline-gallery .slick-dots{bottom: 50%;transform: translateY(50%);right: 20px;}
.article-page .inline-gallery .slick-dots li{height: 12px; width: 12px; margin: 5px 0; border: 2px solid #FFFFFF; border-radius: 50%; display: block; float: none}
.article-page .inline-gallery .slick-dots li.slick-active{border: 2px solid #F0532D; background-color: #F0532D}
.article-page .inline-gallery .slick-dots li button:before{display: none}
.article-page .main-container .col-left .text .inline-gallery img{width: 100%;height: auto;object-fit: contain}
.article-page .main-container .col-left .text .gallery.inline-gallery figcaption{margin: 5px 0 0 0 !important}


.social-login a {width: 218px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif; font-size: 12px; display: inline-block; border-radius: 3px;margin: 0 5px;}
.social-login .facebook {background-color: #3367b8;}
.social-login .facebook i {width: 18px; height: 18px; background: url(/assets/images/facebook-login-icon.png) no-repeat center; background-size: contain; top: 5px; display: inline-block; margin: 0 5px; position: relative;}
.social-login .google {background-color: #4285f4;}
.social-login .google i {width: 24px; height: 24px; background: url(/assets/images/google-login-icon.png) no-repeat center; background-size: contain; top: 8px; display: inline-block; margin: 0 5px; position: relative;}

.article-page .donation-message{padding: 30px 35px; background-color: rgba(240, 83, 45, .06); margin: 30px 0 !important; overflow: hidden; direction: ltr}
.article-page .donation-message.collapsed .message-contents{display: none}
.article-page .donation-message.collapsed .read-more{display: inline-block}
.article-page .donation-message .summary p{font-size: 13px !important; line-height: 22px !important; font-family: Cairo-Bold, Helvetica, Arial, sans-serif !important; margin: 0 0 15px 0 !important}
.article-page .donation-message p{font-size: 18px !important; line-height: 30px !important; font-family: Cairo, Arial, sans-serif, Helvetica !important; margin: 0 0 15px 0 !important}
.article-page .donation-message h3{font-size: 22px !important;}
.article-page .donation-message h4{font-size: 12px; line-height: 20px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif !important; color: #F0532D}
.article-page .donation-message .donate{display: inline-block;padding: 0 15px; height: 45px; background-color: #000000; color: #FFFFFF !important; text-align: center; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 20px; border: 2px solid #000000; transition: .25s; margin: 20px 0 0 0}
.article-page .donation-message .donate:hover{background-color: #FFFFFF; color: #000000 !important}
.article-page .donation-message .read-more{font-size: 12px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #FF5F26 !important; text-decoration: underline; display: none}
.article-page .donation-message .read-more:after{content: ''; width: 9px; height: 5px; background: url('/assets/images/icon-angle-orange.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 5px 0 0}
.article-page .donation-message .read-less{font-size: 12px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #000000 !important; text-decoration: underline; margin: 0 25px 0 0}
.article-page .donation-message .read-less:after{content: ''; width: 9px; height: 5px; background: url('/assets/images/icon-angle.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 5px 0 0}
.article-page .donation-message .read-more, .article-page .donation-message .read-less{transition: .25s; -webkit-transition: .25s}
.article-page .donation-message .read-more:hover, .article-page .donation-message .read-less:hover{letter-spacing: .25px}
.article-page .main-container .col-left .comments-section .all-comments textarea{width: 100%;background: 0 0;border: unset;font-size: 13px;margin-right: 10px;font-family: Cairo,Helvetica_new,Arial,sans-serif; padding: 5px;outline: none;resize: none;}
.article-page .main-container .col-left .comments-section .all-comments .edit-comment{text-decoration: underline;}
.article-page .main-container .col-left .comments-section .all-comments .delete-comment{text-decoration: underline;}
.article-page .main-container .col-left .comments-section .all-comments .update-comment{background-color: #f0532d;width: fit-content;padding: 5px 20px;border-radius: 7px;margin: 15px 0;display: block;font-size: 12px;font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;color: white;display: none;}
.unclickable{opacity: 0.5; pointer-events: none;}
.article-page .inline-image-caption{display: none}

.in-article-banner, .whatsapp-article-banner{margin: 60px 0}

/*article page with option full width*/
.article-page article .article-container.article-full .col-left .donation-message.contents{width: 65%; margin:30px auto !important;}
.article-page article .article-container.article-full .col-left .comments-section{width: 65%; margin:40px auto;}
.article-page article .article-container.article-full .col-left .keywords{width: 65%; margin: 30px auto;}
.article-page article .article-container.article-full .col-left .trending{width: 65%; margin:20px auto;}


.article-page .author .share-article{margin: 0 0 0 10px; color: #f0532d; font-size: 24px; float: left; font-size: 12px; color: #F0532D; display: flex; align-items: center; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; border: 1px solid #F0532D; padding: 6px 12px; border-radius: 10px; width: fit-content; height: 45px}
.article-page .author .share-article i{margin: 0 0 0 5px}
/*End Article Page*/

/*Files Page*/
.files-page ul.featured-slider .slick-prev, .files-page ul.featured-slider .slick-next{display: none !important}
.files-page .article-1{width: 100%; float: right; margin: 0 0 70px 0}
.files-page .article-1 .content{width: calc(100% - 30px); margin: auto; position: relative}
.files-page .article-1 .content figure{height: 310px}
.files-page .article-1 .content .category{font-size: 16px; color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; padding: 2px 25px; position: absolute; top: 0; left: 0; transition: .25s}
.files-page .article-1 .content .details{height: 170px; background-color: #FFFFFF; width: 625px; position: absolute; left: 0; bottom: -40px; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)}
.files-page .article-1 .content .details h2{font-size: 24px; line-height: 40px; padding: 20px 50px 0 50px; height: 105px; overflow: hidden}
.files-page .article-2{width: 33.33%; float: right; margin: 0 0 30px 0}
.files-page .article-2 .content{width: calc(100% - 30px); margin: auto; position: relative}
article .content a.bookmark{width: 32px; height: 32px; position: absolute; top: 15px; right: 15px; background: url('/assets/images/bookmark.png') no-repeat center, #F0532D; background-size: 18px; opacity: 0; transition: .25s; visibility: hidden}
/*article:hover .content a.bookmark{opacity: 1; visibility: visible}*/
.files-page article .category.purple{background-color: #833BBA}
.files-page article .category.orange{background-color: #F0532D}
.files-page article .category.blue{background-color: #2E69CF}
/*End Files Page*/

/*File Page*/
.file-page .header{height: 240px; position: relative}
.file-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.file-page .header h1{color: #FFFFFF; font-size: 40px; max-width: 1000px; margin: auto; position: absolute; left: 20%; top: 50%; transform: translateY(-50%); line-height: 66px; max-height: 225px; overflow: hidden;direction: ltr;}
.file-page .header h1 span{font-size: 22px; display: block; position: relative; line-height: 26px; padding: 0 0 0 20px; margin: 0 0 10px 0}
.file-page .header h1 span:before{content: ''; border-right: 4px solid #F0532D; position: absolute; height: 90%; left: 0}
.file-page .contents{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 0 0 30px 0; padding: 0 15px}
.file-page .contents *{max-width: 100%}
.file-page .contents h2{font-size: 26px; margin: 0 0 10px 0}
.file-page .contents p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px; margin: 0 0 10px 0;text-align: start !important;direction: ltr !important;}
.file-page .contents p span{text-align: start !important;}
.file-page .contents a{color: #1A0DAB}
.file-page .contents a:visited{color: #660099}
.file-page .contents .postquotes{margin: 100px 0 20px 0; padding: 0 0 30px 0; border-top: 1px solid rgba(0, 0, 0, .3); border-bottom: 1px solid rgba(0, 0, 0, .3); position: relative}
.file-page .contents .postquotes:before{content: 'أقوال جاهزة'; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 30px; color: #F0532D; top: -80px; position: absolute}
.file-page .contents blockquote{font-size: 22px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; line-height: 34px; margin: 40px 0 0 0; padding: 30px 45px 0 0; position: relative}
.file-page .contents blockquote p{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 22px; line-height: 34px}
.file-page .contents .postquotes .postquote:nth-of-type(odd){color: #F0532D}
.file-page .contents blockquote.postquote:before{content: '"'; font-size: 120px; font-family: Cairo, Helvetica_new, Arial, sans-serif; position: absolute; right: 20px; font-style: italic; top: 20px}
.file-page .contents blockquote.blockquote{float: left; width: 45%; margin: 20px 5% 30px 0; color: #000000}
.file-page .contents blockquote.blockquote:before{content: ''; width: 40px; height: 40px; background: url('/assets/images/postquote.png') no-repeat center; background-size: contain; position: absolute; right: 5px; top: 0}
.file-page .contents blockquote.postquote .share{position: absolute; top: 0; left: 0}
/*End File Page*/

/*Countries Page*/
.countries-page{direction: ltr;}
.countries-page div.main-title{font-size: 0;background-color: #f9f5fb; position: relative; z-index: 1;}
.countries-page h1.category_name{width: 275px; display: inline-block; vertical-align: top; padding: 25px 10px 25px 25px; position: relative;min-height: 85px;color: #fff;background: #F0532D; font-size: 25px;font-family: Cairo-Bold,Arial,sans-serif,Helvetica; line-height: 30px;}
.countries-page h1.category_name.country{width: 230px;}
.countries-page .countries-list{overflow: hidden}
.countries-page .countries-list ul{padding: 0 0 10px 2%; border-bottom: 1px solid #000000; margin: 0 15px 30px 15px; direction: ltr}
.countries-page .countries-list ul li{display: inline-block; width: 12.5%; text-align: left; margin: 0 0 10px 0}
.countries-page .countries-list ul li a{font-size: 24px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; transition: .25s}
.countries-page .countries-list ul li a.active, .countries-page .countries-list ul li a:hover{color: #F0532D}
/*End Countries Page*/

/*Donate Page*/
header.donate{display: none}
.donate-page{padding: 205px 0 40px 0}
.donate-page.ltr{direction: ltr}
.donate-page .col-right{width: 50%; display: inline-block; vertical-align: top}
.donate-page .col-right > div{width: 80%; margin: auto; text-align: right}
.donate-page.ltr .col-right > div{text-align: left}
.donate-page .col-right > div h1{font-size: 30px}
.donate-page .col-right > div p{font-size: 21px; color: #F0532D; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; line-height: 32px; margin: 20px 0}
.donate-page .col-right > div p.smaller-font{font-size: 16px; line-height: 24px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0; color: #000000}
.donate-page .col-right figure{width: 100%; height: 450px; background: url('/assets/images/donatepage-bg.png') no-repeat center; background-size: contain; margin: 40px 0 0 0}
.donate-page .col-left{width: 45%; display: inline-block; margin: 0 5% 0 0}
.donate-page .col-left .payment-fail{font-size: 20px; color: #F0532D; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: 0 0 20px 0; text-align: center; display: none}
.donate-page .col-left .payment-fail.show{display: block}
.donate-page .col-left form{width: 100%; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); margin: auto; padding: 0 0 20px 0}
.donate-page .col-left form.hide{display: none}
.donate-page .col-left form .items{height: 60px}
.donate-page .col-left form .items li{width: 50%; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); height: 100%; line-height: 60px; display: inline-block; text-align: center}
.donate-page .col-left form .items li a{color: #000000; font-size: 26px; display: block; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; transition: .25s}
.donate-page .col-left form .items li a.active, .donate-page .col-left form .items li a:hover{background-color: #F0532D; color: #FFFFFF}
.donate-page .col-left form .amount{text-align: center; margin: 40px 0}
.donate-page .col-left form .amount li{width: 68px; height: 52px; display: inline-block; border: 1px solid #F0532D; line-height: 52px; margin: 0 7%; vertical-align: top}
.donate-page .col-left form .amount li a{color: #000000; font-size: 21px; display: block; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; transition: .25s}
.donate-page .col-left form .amount li a.active, .donate-page .col-left form .amount li a:hover{background-color: #F0532D; color: #FFFFFF}
.donate-page .col-left form .amount li input[type=number]{width: 100%; border: none; height: 100%; outline: none; text-align: center; font-size: 16px}
.donate-page .col-left form .amount li input[type=number]::-webkit-input-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form .amount li input[type=number]:-moz-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form .amount li input[type=number]::-moz-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form .amount li input[type=number]:-ms-input-placeholder{color: #000000; font-size: 21px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.donate-page .col-left form p{font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; padding: 0 50px; margin: 0 0 20px 0; text-align: center; color: #F0532D; line-height: 24px}
.donate-page .col-left form > div{padding: 0 50px}
.donate-page .col-left form > div label{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #000000; font-size: 19px; display: block; margin: 0 0 10px 0}
.donate-page .col-left form > div .row{margin: 0 0 20px 0; width: 100%; height: 60px; position: relative}
.donate-page .col-left form > div .row.textarea{height: 120px}
.donate-page .col-left form > div .row i{position: absolute; top: 50%; transform: translateY(-50%); right: 20px}
.donate-page.ltr .col-left form > div .row i{left: 20px}
.donate-page .col-left form > div .row i.email{width: 26px; height: 18px; background: url('/assets/images/email-icon.png') no-repeat center; background-size: contain}
/*.donate-page .col-left form > div .row i.country{width: 22px; height: 30px; background: url('/assets/images/country-icon.png') no-repeat center; background-size: contain}*/
.donate-page .col-left form > div .row i.name{width: 22px; height: 30px; background: url('/assets/images/name-icon.png') no-repeat center; background-size: contain; right: 25px}
.donate-page .col-left form > div input[type=email], .donate-page form > div select, .donate-page form > div input[type=text], .donate-page form > div textarea, .donate-page form > div li input[type=number]{height: 60px; width: 100%; border: 1px solid rgba(255, 255, 255, .7); background-color: rgba(0, 0, 0, .05); outline: none; padding: 0 60px 0 20px; font-size: 16px; color: #000000; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.donate-page.ltr .col-left form > div input[type=email], .donate-page.ltr form > div select, .donate-page.ltr form > div input[type=text], .donate-page.ltr form > div textarea, .donate-page.ltr form > div li input[type=number]{padding: 0 20px 0 60px; text-align: left}
.donate-page .col-left form input[type=radio]{display: none}
.donate-page .col-left form .step-2{display: none}
.donate-page .col-left form > div .row textarea{padding: 10px; height: 120px; resize: none}
.donate-page .col-left form > div ul.payment-method{margin: 15px 0}
.donate-page .col-left form > div ul.payment-method li{position: relative; cursor: pointer; margin: 0 0 15px 0}
.donate-page .col-left form > div ul.payment-method li span{width: 25px; height: 25px; display: inline-block; position: relative; top: 5px; margin: 0 0 0 15px; background: url('/assets/images/radio-buttons.png') no-repeat center; background-size: 70px; background-position: -5px -5px}
.donate-page.ltr .col-left form > div ul.payment-method li span{margin: 0 15px 0 0}
.donate-page .col-left form > div ul.payment-method li.active span, .donate-page .col-left form > div ul.payment-method li:hover span{background-position: -40px -5px}
.donate-page .col-left form > div ul.payment-method li a{display: inline-block; cursor: pointer; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #000000; font-size: 18px}
.donate-page .col-left form > div ul.payment-method li input[type=text]{padding: 10px; margin: 20px 0 0 0}
.donate-page .col-left form > div ul.payment-method li input#security-code, .donate-page .col-left form > div ul.payment-method li input#expiry-month, .donate-page .col-left form > div ul.payment-method li input#expiry-year{width: 100px; margin: 20px 0 20px 20px; vertical-align: top}
/*.donate-page .col-left form > div ul.payment-method li .expanded{display: none; cursor: default}*/
/*.donate-page .col-left form > div ul.payment-method li .expanded p{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 16px}*/
/*.donate-page .col-left form > div ul.payment-method li:first-child .expanded{display: block}*/
.donate-page .col-left form .form-footer{padding: 0 50px}
.donate-page .col-left form .form-footer a.submit{width: 100%; height: 60px; background-color: #F0532D; color: #FFFFFF; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 24px; outline: none; cursor: pointer; transition: .25s; border: none; margin: 20px 0 0 0; display: block; text-align: center; line-height: 58px}
.donate-page .col-left form .form-footer a.submit:hover{letter-spacing: 1px}
.donate-page .col-left form .form-footer a.submit i{margin: 0 10px 0 0; display: none}
.donate-page .col-left form .form-footer a.submit.disabled{opacity: .75; cursor: default}
.donate-page .col-left form .form-footer a.submit.disabled:hover{letter-spacing: initial}
.donate-page .col-left form .form-footer a.submit.disabled i{display: inline-block}
.donate-page .col-left form .form-footer p.donation-info{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 16px; display: none}
.donate-page .col-left form p.required{font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #F0532D; display: none; margin: 0 0 20px 0}
.donate-page .col-left form p.required.amount-required{text-align: center; margin: -20px 0 20px 0}
.donate-page .col-left form p.required.amount-required{text-align: center; margin: -20px 0 20px 0}
.donate-page .col-left form p.notice{padding: 0 20px}
.donate-page .col-left figure.donate-success{width: 100%; height: 490px; background: url('/assets/images/donate-success.png?1') no-repeat center; background-size: contain; margin: 110px 0}
/*End Donate Page*/

/*Keyword Page*/
.keyword-page .header{height: 240px; background: url('/assets/images/keyword-header-bg.png') no-repeat center; background-size: cover; position: relative}
.keyword-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.keyword-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.keyword-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.keyword-page.page a.personal_spaces_event{background-color: #f0532d; border-radius: 10px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #fff; transition: .4s; font-size: 18px; width: 245px; margin: 40px auto; direction: ltr; display: block; text-align: center; padding: 4px 10px;}
.keyword-page.page a.personal_spaces_event:hover{opacity: .8;}

h2.no-results{font-size: 30px; text-align: center; padding: 0 0 35px 0}
/*End Keyword Page*/

/*Search Page*/
.search-page .header{height: 240px; background: url('/assets/images/search-header-bg.jpg') no-repeat center; background-size: cover; position: relative}
.search-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.search-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.search-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.search-page .filters{width: 98%; margin:30px auto;display: flex; align-items: center; gap: 30px;direction: ltr;}
.search-page .filters input{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 14px;padding: 5px;width: 168px; height: 35px;}
.search-page .filters input::placeholder{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 14px;}
.search-page .filters button{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;cursor: pointer; font-size: 13px;background-color: #F0532D;color: white; width: 60px;height: 35px;display: flex; justify-content: center; align-items: center;border: unset;}
/*End Search Page*/

/*Author Page*/
.author-page .page-title{direction: ltr; padding: 0 0 0 15px}
.author-page .page-title:after{margin: 0 0 0 30px}
.author-page .header{height: 240px; background: url('/assets/images/author-header-bg.png') no-repeat center; background-size: cover; position: relative}
.author-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.author-page .header h3{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.author-page .header h3:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.author-page .author-info{background-color: rgba(216, 212, 212, .1); padding: 20px 50px; position: relative; min-height: 175px; margin: 0 auto 30px auto; width: calc(100% - 30px); direction: ltr}
.author-page .author-info figure{width: 135px; height: 135px; border-radius: 50%; display: inline-block}
.author-page .author-info > div{display: inline-block; vertical-align: top; margin: 0 0 0 50px; width: calc(100% - 500px)}
.author-page .author-info > div h1{font-size: 24px; display: inline-block}
.author-page .author-info > div h1 a.author_social{display: inline-block;color:#F0532D;font-size: 16px;border-left:solid 1px rgba(0, 0, 0, 0.2);direction: ltr;padding:0 10px}
.author-page .author-info > div h1 a.author_social i{width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 100%;color: unset;padding: 1px;margin: 0 4px 0 0;position: relative;top: 3px}
.author-page .author-info > div h1 a.author_social i.fa-facebook{background-color:#365993}
.author-page .author-info > div h1 a.author_social i.fa-twitter{background-color:#7ec4de}
.author-page .author-info > div h1 span.author_name{padding: 0 10px 0 0}
.author-page .author-info > div form{float: right; display: none}
.author-page .author-info > div form .follow{background-color: #F0532D; border-radius: 7px; margin: 5px 0 0 0; transition: 0.3s ease-in-out all;color: white; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; display: inline-block; padding: 3px 35px 5px 35px; font-size: 13px}
.author-page .author-info > div form .follow:hover{opacity: 0.8;}
.author-page .author-info > div form .follow.following{background-color: transparent;color: #000000;border: 1px solid black; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.author-page .author-info > div p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 10px 0 0 0; line-height: 32px}
.author-page .author-info .bg{width: 370px; height: 280px; background: url('/assets/images/author-info-bg-en.png') no-repeat center; background-size: contain; position: absolute; right: 0; top: -107px; border-radius: initial}
/*End Author Page*/

/*Mostread Page*/
.mostread-page .header{height: 240px; background: url('/assets/images/mostread-header-bg.png') no-repeat center; background-size: cover; position: relative}
.mostread-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.mostread-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.mostread-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.mostread-page.english-mostread{direction: ltr}
.mostread-page.english-mostread article.article-stream-1 .content .category{display: none}
.mostread-page.english-mostread article.article-stream-2 .content .details .category{display: none}
.mostread-page.english-mostread article.article-stream-2 .content .details h2{padding: 0 40px 0 0}
.mostread-page.english-mostread article.article-stream-1 .content .details .author{left: 35px}
.mostread-page.english-mostread article.article-stream-1 .content .details .author h3{padding: 0 20px 0 0}
.mostread-page.english-mostread article.article-stream-1{float: left}
.mostread-page.english-mostread article.article-stream-2.style-1{float: left}
.mostread-page.english-mostread article.article-stream-2 .content .details{left: 0}
/*End Mostread Page*/

/*Archives Page*/
.archives-page .header{height: 240px; background: url('/assets/images/archives-header-bg.png') no-repeat center; background-size: cover; position: relative}
.archives-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.archives-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.archives-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
/*End Archives Page*/

/*News Page*/
.news-page .header{height: 240px; background: url('/assets/images/news-header-bg.png') no-repeat center; background-size: cover; position: relative}
.news-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.news-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.news-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
/*End News Page*/

/*Latest News Page*/
.latestnews-page .header{height: 240px; background: url('/assets/images/latest-header-bg.jpg') no-repeat center; background-size: cover; position: relative}
.latestnews-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.latestnews-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.latestnews-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
/*End Latest News Page*/

/*Events Page*/
.events-page .header{height: 240px; background: url('/assets/images/latest-header-bg.jpg') no-repeat center; background-size: cover; position: relative}
.events-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.events-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.events-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.events-page .events{display: flex;align-items: start;gap: 40px;margin: 40px 0;flex-wrap: wrap;}
.events-page .events a{width: calc(33.33% - 40px);height: 285px; position: relative;background-size: cover;display: block;}
.events-page .events a h3{position: absolute;font-size: 20px;color: #fff;font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;bottom: 20px; left: 20px;}
.dashboard-page.event-details .main-container .content-col{width: 100%;}
/*End Events Page*/

/*Podcasts Page*/
.podcasts-page .header{height: 480px;background-size: cover !important; position: relative}
.podcasts-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.podcasts-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.podcasts-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.podcasts-page .main-container{max-width: 1700px; margin: 0 0 0 auto; padding: 0}
.podcasts-page.raseef_aal_samaa .main-container{margin: 0 auto 0 auto;}
.podcasts-page.raseef_aal_samaa .contents{margin: 0 0 30px 0; padding: 0 15px}
.podcasts-page.raseef_aal_samaa .contents p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 32px; margin: 0 0 10px 0}
.podcasts-page.raseef_aal_samaa .contents p span{font-weight: bold}
.podcasts-page .main-container .col-right{width: 100%; display: inline-block; vertical-align: top}
.podcasts-page .main-container .col-right .featured{box-shadow: 4px 4px 20px 2px rgba(0, 0, 0, 0.1); margin: 0 0 50px 0}
.podcasts-page .main-container .col-right .featured .title{width: 26%; display: inline-block; vertical-align: top}
.podcasts-page .main-container .col-right .featured .title h2{background-color: #F0532D; color: #FFFFFF; font-size: 21px; padding: 8px 8px 8px 30px; text-align: left}
.podcasts-page .main-container .col-right .featured .title figure{width: 200px; height: 155px; margin: 30px auto 0 30px}
.podcasts-page .main-container .col-right .featured .title figure.placeholder{background: url('/assets/images/podcast-bg.png') no-repeat center; background-size: contain}
.podcasts-page .main-container .col-right .featured .details{padding: 20px 50px; display: inline-block; width: 74%}
.podcasts-page .main-container .col-right .featured .details h3{font-size: 25px}
.podcasts-page .main-container .col-right .featured .details p{font-size: 20px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 30px; margin: 10px 0 0 0}
.podcasts-page .main-container .col-right .featured .details h4{font-size: 20px; direction: ltr; text-align: right}
.podcasts-page .main-container .col-right .featured .details h4 span{margin: 10px 0 0 20px; display: inline-block}
.podcasts-page .main-container .col-right .featured .details audio{width: 100%; margin: 20px 0 0 0}
.podcasts-page .main-container .col-right .podcasts h2{background-color: #000000; color: #FFFFFF; font-size: 21px; padding: 8px 8px 8px 30px; text-align: left; width: 26%}
.podcasts-page .main-container .col-right .podcasts .ias-list{max-width: 100%; margin: 50px 200px 0 0}
.podcasts-page.raseef_aal_samaa .main-container .col-right .podcasts .ias-list{margin: 50px 0;}
.podcasts-page .main-container .col-right .podcasts .ias-list article{position: relative; display: inline-block; width: calc(50% - 40px);vertical-align: top;margin: 0 0 65px 40px;}
/* .podcasts-page .main-container .col-right .podcasts .ias-list article:after{content: '\f144'; font-family: "FontAwesome"; color: #F0532D; font-size: 75px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1} */
.podcasts-page .main-container .col-right .podcasts .ias-list article .playPausebutton{padding: 20px;border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;font-size: 19px; position: absolute; left: 50px; top: 62%; z-index: 2;background: #f0532d;color: white;cursor: pointer; }
.podcasts-page .main-container .col-right .podcasts .ias-list article figure{width: 142px; height: 124px; background: url('/assets/images/podcast-bg.png') no-repeat center; background-size: 80%; background-color: rgba(0, 0, 0, .05); float: left}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details{margin: 0 0 0 160px; padding: 0 50px 0 0; position: relative; min-height: 225px;top: -10px;}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details:after{content: ''; border-bottom: 1px solid rgba(112, 112, 112, .5); position: absolute; top: 30px; width: 100%; bottom: -20px}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details h3{font-size: 17px}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details span.article_author_name{font-size: 16px;color: #f0532d;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: inline-block;margin: 5px 0 0 0;font-weight: 400;}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details p{font-size: 16px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 27px; margin: 10px 0 0 0}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details p.article-description{font-size: 17px;}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details h4{font-size: 18px; direction: ltr; text-align: right}
.podcasts-page .main-container .col-right .podcasts .ias-list article .details h4 span{margin: 10px 0 0 20px; display: inline-block}
.podcasts-page .main-container .col-left{width: 25%; margin: 0 5% 0 0; display: inline-block}
.podcasts-page .main-container .col-left .latest-news{width: 100%; float: none}
.podcasts-page .main-container .col-left .monster-mpu{width: 100%; float: none}

.podcast-play-popup{position: fixed; bottom: -100%; transition: .5s ease-in-out; width: 100%; text-align: center;z-index: 2; left: 0;background-color: rgb(35 31 32);padding: 10px 50px;}
.podcast-play-popup.active{bottom:0;padding: 15px 0;}
.podcast-play-popup.active .main-container{position: relative;max-width: 100%;}
.podcast-play-popup.active .main-container a.close-popup{color: #fff;font-size: 23px;position: absolute;right: 40px;top: -15px; cursor: pointer;font-family:Cairo, Helvetica_new, Arial, sans-serif;}
.podcast-play-popup h3 {color: #fff !important;font-size: 13px;font-family:Cairo, Helvetica_new, Arial, sans-serif; display: inline-block; margin: 0 !important; border-bottom: 0;letter-spacing: 1.4px;}
.podcast-play-popup #player{display: flex;align-items: center; justify-content: center;gap: 20px;direction: ltr!important;margin-top: 5px}
.podcast-play-popup #player #playPause .hidden{display: none !important;}
.podcast-play-popup #player .playInfo{width: 100%;display: flex;align-items: center;gap: 20px;position: relative;}
.podcast-play-popup #player .playInfo .progressBar{border: solid 0 transparent;height: 3px;width: 100%; outline: none; transition: background 450ms ease-in; -webkit-appearance: none; cursor: pointer;}
.podcast-play-popup button{background-color: transparent; border: none; margin: 0;}
.podcast-play-popup button.speed-toggle-button-popup{color: #fff; font-size: 15px;cursor: pointer;}
#player #mute i {color: #fff;font-size: 19px;}
#player .playPausebutton-popup{font-size: 23px; color: #fff;cursor: pointer;}
#player audio{display: none !important;}
.podcast-play-popup .volume-control{display: flex;align-items: center;gap: 10px;}
.podcast-play-popup .volume-control input{height: 2px;cursor: pointer;width: 80px;}
.podcast-play-popup .volume-control i{font-size: 11px; color: #fff;cursor: pointer;}
.podcast-play-popup #player .playInfo #currentTime,.podcast-play-popup #player .playInfo #totalTime{color: #fff;font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.podcast-play-popup #player .control-btn.backward,.podcast-play-popup #player .control-btn.forward{position: relative;border: none;display: flex;justify-content: center;align-items: center;color: #fff;cursor: pointer;outline: none;}
.podcast-play-popup #player .control-btn i{font-size: 24px;}
.podcast-play-popup #player .control-btn span.time{position: absolute;bottom: 6px;font-size: 8px;border-radius: 50%;color: #fff;left: 8px;}
.podcast-play-popup #player .control-btn.forward span.time{left: 6px;}


.article-page .podcast-play-popup{transition: opacity 0.8s ease-in-out;text-align: center;z-index: 2; left: 0;margin: 15px 0 0 0;background-color: transparent;}
.article-page .podcast-play-popup.fixed{position: fixed; bottom: 0;background-color: rgb(35 31 32);padding: 15px 50px;width: 100%;}
.article-page .podcast-play-popup.fixed .podcast_main_container{position: relative;}
.article-page .podcast-play-popup.fixed .main-container a.close-popup-article{color: #fff;font-size: 22px;position: absolute;right: 50px;top: -5px; cursor: pointer;font-family:Cairo, Helvetica_new, Arial, sans-serif;}
.article-page .podcast-play-popup.fixed .main-container a.next_article_url{font-size: 13px;color: #fff;position: absolute;left: 50px;top: 10px;font-family: Cairo, Helvetica_new, Arial, sans-serif !important;text-decoration: underline;font-weight: bold;letter-spacing: 1px;}
.article-page .podcast-play-popup h3{color: #fff !important;font-size: 13px;font-family:Cairo, Helvetica_new, Arial, sans-serif !important; display: none !important; margin: 0 !important; border-bottom: 0;letter-spacing: 1.4px;}
.article-page .podcast-play-popup.fixed h3{display: inline-block !important;}
.article-page .podcast-play-popup #player{display: block;direction: rtl !important;height: 50px;}
.article-page .podcast-play-popup.fixed #player{display: flex !important;align-items: center; justify-content: center;gap: 20px;direction: ltr!important;height: auto;}
.article-page .podcast-play-popup #player #playPause .hidden{display: none !important;}
.article-page .podcast-play-popup #player .playInfo{display: none !important;}
.article-page .podcast-play-popup.fixed #player .playInfo{width: 100%;display: flex !important;align-items: center;gap: 20px;position: relative;}
.article-page .podcast-play-popup #player .playInfo .progressBar{border: solid 0 transparent;height: 3px;width: 100%; outline: none; transition: background 450ms ease-in; -webkit-appearance: none; cursor: pointer;}
.article-page .podcast-play-popup button{background-color: transparent; border: none; margin: 0;}
.article-page .podcast-play-popup #player audio{display: none !important;}
.article-page .podcast-play-popup.fixed #player audio{display: none !important;}
.article-page .podcast-play-popup .volume-control{display: none !important;}
.article-page .podcast-play-popup.fixed .volume-control{display: flex !important;align-items: center;gap: 10px;}
.article-page .podcast-play-popup .volume-control input{height: 2px;cursor: pointer;width: 80px;}
.article-page .podcast-play-popup .volume-control i{font-size: 11px; color: #fff;cursor: pointer;}
.article-page .podcast-play-popup #player .playInfo #currentTime,.article-page .podcast-play-popup #player .playInfo #totalTime{color: #fff;font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif !important;}

.article-page .podcast-play-popup.fixed #player .control-btn.backward,.article-page .podcast-play-popup.fixed #player .control-btn.forward{position: relative;border: none;display: flex;justify-content: center;align-items: center;color: #fff;cursor: pointer;outline: none;}
.article-page .podcast-play-popup.fixed #player .control-btn i{font-size: 24px;}
.article-page .podcast-play-popup.fixed #player .control-btn span.time{position: absolute;bottom: 6px;font-size: 8px;border-radius: 50%;color: #fff;left: 8px;}
.article-page .podcast-play-popup.fixed #player .control-btn.forward span.time{left: 6px;}
.article-page .podcast-play-popup.fixed #player i.playPausebutton-popup-article{color: #fff;font-size: 23px;cursor: pointer;}
.article-page .podcast-play-popup.fixed #player .speed-toggle-button-popup-article{color: #fff;font-size: 15px;cursor: pointer;}

.article-page .main-podcast{position: absolute;top: -10px;margin: 0;width: 190px;right: 0;}
.article-page .multiple_audio_files .main-podcast{display: none !important;}
.article-page .main-podcast #player div.play_button{width: 190px;border: 1px solid #f0532d;padding: 6px 10px 6px 6px;direction: rtl;cursor:pointer;font-size: 0;border-radius: 10px;}
.article-page .main-podcast #player div.play_button i.play_audio_button{color: #fff;border-radius: 50%;background: #f0532d;width: 28px;height: 28px;line-height: 28px;font-size: 12px;text-align: center;}
.article-page .main-podcast #player div.play_button span{font-size: 14px;margin: 0; color: #f0532d;font-family: Cairo-bold,Helvetica_new,Arial,sans-serif;padding: 0 70px 0 0;cursor: pointer;}
.article-page .main-podcast #player div.play_button span.alsamaa{font-size: 10px;margin: 0; padding: 0 10px 0 0;}
.article-page .main-podcast #player audio{display: none !important;}
.article-page .main-podcast button.speed-toggle-button{display: none;}

.article-page .main-podcast .ai_text{display: flex;align-items: baseline;gap: 5px;margin: 5px 0 0px 0;}
.article-page .main-podcast .ai_text i{color: #f0532d;font-size: 18px;}
.article-page .main-podcast .ai_text p{font-size: 13px;margin: 0;color: #f0532d;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;line-height: 19px;}
.article-page .main-podcast .ai_text p a{text-decoration: underline;}


/* General styling for the progress bar */
input[type="range"].progressBar {-webkit-appearance: none;appearance: none; width: 100%;height: 10px;background: grey;outline: none;}
input[type="range"].progressBar::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 13px;height: 13px;background: #fff;cursor: pointer;border-radius: 50%;}
input[type="range"]::-webkit-slider-thumb:hover {background: #fff; }
.volume-bar {-webkit-appearance: none;width: 110px;height: 8px;outline: none;background: linear-gradient(to right, #fff 50%, grey 50%);opacity: 0.7;transition: opacity .15s ease-in-out;border-radius: 5px;overflow: hidden;}
.volume-bar::-webkit-slider-runnable-track {width: 100%;height: 8px;cursor: pointer;background: transparent;}
.volume-bar::-webkit-slider-thumb {-webkit-appearance: none;width: 16px;height: 16px;border-radius: 50%;background: #fff;cursor: pointer;}
.volume-bar::-moz-range-track {width: 100%;height: 8px;cursor: pointer;background: transparent;}
.volume-bar::-moz-range-thumb {width: 16px;height: 16px;border-radius: 50%;background: #fff;cursor: pointer;}
.volume-bar::-ms-track {width: 100%;height: 8px;cursor: pointer;background: grey;border-color: transparent;color: transparent;}
.volume-bar::-ms-thumb {width: 16px;height: 16px;border-radius: 50%;background: #fff; cursor: pointer;}
/*End Podcasts Page*/

/*Static Pages*/
.static-page.terms .header{height: 240px; background: url('/assets/images/terms-header-bg.png') no-repeat center; background-size: cover; position: relative}
.static-page .text{direction: ltr}
.static-page.privacy .header{height: 240px; background: url('/assets/images/privacy-header-bg.png') no-repeat center; background-size: cover; position: relative}
.static-page.write_with_us .header{height: 500px; background: url('/assets/images/english-writers.jpg') no-repeat center; background-size: cover; position: relative}
.static-page.write_with_us .main-container .text h2{font-size: 30px;}
.static-page.write_with_us .main-container .text ol{margin: 0 0 0 40px;}
.static-page.write_with_us .main-container .text ol:first-of-type{display: none;}
.static-page.write_with_us .main-container .text ol li{font-size: 18px;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin: 0 0 5px 0;}
.static-page.write_with_us .main-container .text ul{margin: 0 0 20px 35px;}
.static-page.write_with_us .main-container .text ul li{font-size: 18px;font-family: Cairo, Helvetica_new, Arial, sans-serif;list-style: disc;}
.static-page.write_with_us .main-container .text p.subject{margin: 0}
.static-page.write_with_us .main-container .text p.step{margin: 0}
.static-page.write_with_us .main-container .text p b{font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;}

.static-page.contribute .header{height: 240px; background: url('/assets/images/contribute-header-bg.jpg') no-repeat center; background-size: cover; position: relative}
.static-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.static-page .header h1{font-size: 54px; color: #FFFFFF; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.static-page .header h1:after{content: ''; display: block; border-top: 10px solid #FFFFFF; width: 105px; margin: auto}
.static-page .main-container h2{font-size: 36px; margin: 0 0 20px 0}
.static-page .main-container h3{font-size: 20px; margin: 0 0 20px 0}
.static-page .main-container p{font-size: 18px; margin: 0 0 20px 0; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.static-page .main-container p .strong{font-weight: bold}
.static-page .main-container p a{text-decoration: underline;}
/*End Static Pages*/

/*About Us Page*/
.aboutus-page .header{height: 400px; background: url('/assets/images/aboutus-header-bg-en.jpg') no-repeat center; background-size: cover; position: relative}
.aboutus-page .text{direction: ltr}
.aboutus-page .header:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0, rgba(49, 49, 49, .5) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(49, 49, 49, .5)))}
.aboutus-page .main-container{max-width: 1520px}
.aboutus-page .info > div{width: 50%; display: inline-block; vertical-align: top}
.aboutus-page .info > div figure{width: 50%; height: 170px; background: url('/assets/images/aboutus-icon.png') no-repeat center; background-size: contain; display: inline-block}
.aboutus-page .info > div h1{width: 50%; font-size: 42px; display: inline-block; vertical-align: top; position: relative; padding: 0 40px 0 0; line-height: 70px}
.aboutus-page .info > div h1:before{content: ''; height: 62px; position: absolute; border-right: 6px solid #F0532D; top: 45px; right: 0}
.aboutus-page .info > div h1 span{color: #F0532D}
.aboutus-page .info > div p{font-size: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; line-height: 35px; margin: 0 0 10px 0}
.aboutus-page .info > div p a{font-weight: bold; color: #F0532D; text-decoration: underline}
.aboutus-page .our-team{margin: 30px 0 0 0}
.aboutus-page .our-team h2{text-align: center; font-size: 38px; background-color: rgba(253, 112, 55, .1); margin: 0 0 30px 0}
.aboutus-page .our-team ul li{width: 20%; float: right; height: 340px; margin: 0 0 30px 0}
.aboutus-page .our-team ul li .content{width: calc(100% - 30px); margin: auto; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05); text-align: center; padding: 20px; height: 100%}
.aboutus-page .our-team ul li .content figure{width: 175px; height: 175px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto 5px auto; position: relative}
.aboutus-page .our-team ul li .content h3{font-size: 18px}
.aboutus-page .our-team ul li .content h4{font-size: 14px; color: rgba(0, 0, 0, .65); display: inline-block; line-height: 18px; font-family: Cairo, Helvetica_new, Arial, sans-serif; font-weight: normal}
.aboutus-page .our-team ul li .content span{font-size: 26px; color: #000000; display: inline-block; margin: 0 10px; font-weight: bold}
.aboutus-page .our-team ul li .content .social{margin: 15px 0 0 0}
.aboutus-page .our-team ul li .content .social a{width: 28px; height: 28px; border: 2px solid #000000; border-radius: 50%; display: inline-block; margin: 0 3px; font-size: 14px; line-height: 26px}
.aboutus-page .contributors{margin: 30px 0 0 0}
.aboutus-page .contributors h2{text-align: center; font-size: 38px; background-color: rgba(0, 0, 0, .1); margin: 0 0 30px 0}
.aboutus-page .contributors ul li{width: 16.5%; float: right; height: 230px; margin: 0 0 30px 0}
.aboutus-page .contributors ul li .content{width: calc(100% - 30px); margin: auto; text-align: center; padding: 20px; height: 100%}
.aboutus-page .contributors ul li .content figure{width: 145px; height: 145px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto 5px auto; position: relative}
.aboutus-page .contributors ul li .content h3{font-size: 14px; display: inline-block}
.aboutus-page .contributors ul li .content h4{font-size: 14px; color: rgba(0, 0, 0, .65); display: inline-block; line-height: 18px}
.aboutus-page .contributors ul li .content span{font-size: 26px; color: #000000; display: inline-block; margin: 0 10px; font-weight: bold}
/*End About Us Page*/

/* About app page*/
.static-page.about_app .logo{text-align: center;margin: 25px 0 0 0;}
.static-page.about_app .logo img{width: 250px;height: 90px;object-fit: contain;}
.static-page.about_app h1{font-size: 40px;text-align: center;direction: ltr;}
.static-page.about_app hr.title{width: 40%;margin: 50px auto 0 auto;background-color:#EC5D2E ;height: 1px;border: none;}
.static-page.about_app h2{font-size: 30px;}
.static-page.about_app p{font-size: 20px;}
.static-page.about_app .main-container{max-width: 1100px;}
.static-page.about_app .main-container .column{display: grid;grid-template-columns: 67% 29%; grid-column-gap:4%;margin: 0 0 70px 0;}
.static-page.about_app .main-container .column.first{margin: 70px 0 0 0;}
.static-page.about_app .main-container .column.first .left_col .main_image{position: relative;}
.static-page.about_app .main-container .column.first .left_col img.signature{width: 70px;height: 70px;object-fit: contain;position: absolute;top:15%; right: -25px;}
.static-page.about_app .main-container .column.first .app-logo.mobile{display: none !important;}
.static-page.about_app .main-container .column .left_col img{width: 280px;}
/* .static-page.about_app .main-container .column.first .left_col img{border-radius: 15px;} */
.static-page.about_app h2.second-column-title{text-align: center;margin: 40px 0 70px 0;font-size: 33px;}
.static-page.about_app .main-container .column.second .left_col{border-bottom: 1px solid #EC5D2E;padding: 0 0 20px 0;}
.static-page.about_app .main-container .column.second .left_col img{width: 220px}
.static-page.about_app hr.title.second{width: 70%;}
.static-page.about_app .main-container .column.third{grid-template-columns:35% 61%;grid-column-gap:4%;margin: 0;}
.static-page.about_app .main-container .column.third .right_col{position: relative;top: -220px;text-align: center;border-bottom: 1px solid #EC5D2E;padding: 0 0 40px 0;}
.static-page.about_app .main-container .column.third .right_col .main_image{position: relative;}
.static-page.about_app .main-container .column.third .right_col img{width: 260px;}
.static-page.about_app .main-container .column.third .right_col img.bookmark{position: absolute;width: 50px;height: 50px;object-fit: contain;top: 40%;left: 30px;border: 3px solid #626161;border-radius: 50%;}
.static-page.about_app .main-container .column.four{grid-template-columns:53% 45%;grid-column-gap:2%;position: relative;top: -150px;margin: 0;}
.static-page.about_app .main-container .column.four .left_col{position: relative;top: -170px;border-bottom: 1px solid #EC5D2E;padding: 0 0 50px 0;}
.static-page.about_app .main-container .column.five{grid-template-columns:48% 48%;grid-column-gap:4%;position: relative;top: -220px;margin: 0;}
.static-page.about_app .main-container .column.five .right_col img{width: 100%;}
.static-page.about_app hr.title.five{width: 70%;position: relative;top: -170px}
.static-page.about_app .main-container .column.six{grid-template-columns:53% 45%;grid-column-gap:2%;position: relative;top: -80px;margin: 0;}
.static-page.about_app .main-container .column .app-logo{display: flex !important;gap: 15px;}
.static-page.about_app .main-container .column .app-logo .qr_code img{width: 110px;object-fit: contain;}
.static-page.about_app .main-container .column .app-logo .logos img{width: 175px; object-fit: contain;margin: 0 0 10px 0;display: block;}
.static-page.about_app .main-container .column.first .app-logo{margin: 40px 0 0 0;}
.static-page.about_app .main-container .column.six .app-logo{justify-content: center;}
.static-page.about_app .main-container .column.six .app-logo.mobile{display: none !important;}

/* End About app page */



/* Event page */
.event-page .event-details{max-width: 900px; margin: auto; padding: 0 0 40px 0}
.event-page .event-details h1{font-size: 24px;text-align: left; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important; margin: 20px 0;}
.event-page .event-details .text{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 16px; margin: 0 0 40px 0;text-align: left;}
.event-page .event-details .form_message{display: block;}
.event-page .event-details .success, .event-page .event-details .error{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 16px; margin: 40px 0 0 0;}
.event-page .event-details .success{color: green;}
.event-page .event-details .error{ color: #F0532D;}
.event-page .flex{display: flex;justify-content: space-between;gap: 15px;}
.event-page .flex label{width: 50%;}
.event-page .button_to_submit{padding: 8px 70px;border: unset; cursor: pointer; margin: 30px 0 0 0;display: block;width: fit-content;}
.event-page .btn.default{padding: 8px 70px;border: unset; cursor: pointer; margin: 30px 0 0 0;display: block;width: fit-content;}
.event-page h2{font-size: 25px;text-align: left;}
.event-page h2 a{color: #F0532D;text-decoration: underline;font-size: 13px;}
.event-page h2 span{font-size: 13px;}
.event-page .flex .col.gender{width: 50%}
.event-page .flex .col .gender-parent{display: flex;align-items: center;gap: 35px;justify-content: start;}
.event-page .flex .col .gender-parent div{display: flex;gap: 10px;}
.event-page .flex .col p{font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #141414;font-size: 14px;}
.event-page .flex .col label{font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #141414;font-size: 14px;}
.event-page #country{width: 100%;border: unset;border-bottom: 1px solid;font-size: 14px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.event-page #country:focus-visible{outline: unset;}
.event-page .flex .col .gender-parent input{width: fit-content;}
.event-page .flex .input_label{width: 48%}
.event-page .input_label p{font-size: 14px;}

/* End event page */

/* Why nasraseef page */
#whynasraseef_page .header{background: url(/assets/images/Why-NasRaseef-Eng.jpg) no-repeat center !important;background-size: cover !important;width: 100%;}
#whynasraseef_page .info > div h1{width: 47%;}
#whynasraseef_page .info > div h1 span{padding-left: 8px;direction: ltr;text-align: right;}
#whynasraseef_page .main-container{margin-top: 30px;}
#whynasraseef_page .info > div{direction: ltr;margin: 20px 0;}
#whynasraseef_page .info > div ul{list-style: unset;margin-left: 30px;}
#whynasraseef_page .info > div ul li{font-size: 18px;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin: 10px 0;}
#whynasraseef_page .info > div ul li span{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
#whynasraseef_page .info > div figure{background-repeat: no-repeat !important; background: url(/assets/images/diversity.png);background-size: contain !important;height: 140px;}
#whynasraseef_page .info>div h3{margin: 30px 0 10px 0;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 21px;}
#whynasraseef_page .info .title-image{direction: rtl !important;}
#whynasraseef_page .info .title-image h1{direction: ltr;}
/* End Why nasraseef page */

/*Newsletter Preview Page*/
.newsletter-preview-page{background-color: #F6F6F6}
.newsletter-preview-page .banner{margin: 0 0 20px 0; top: 20px; position: relative}
.newsletter-preview-page .main-container{font-size: 0}
.newsletter-preview-page .main-container .col-right{width: 30%; margin: 0 0 0 5%; display: inline-block}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe{margin: 25px 0}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form{position: relative}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form p{font-size: 18px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: 0 0 20px 0}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form p.error, .newsletter-preview-page .main-container .col-right .newsletter-subscribe form p.success{margin: 10px 10px 0 0; font-size: 14px}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form input[type=email]{width: 100%; height: 45px; border: none; outline: none; border-radius: 4px; padding: 0 10px; font-size: 16px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.newsletter-preview-page .main-container .col-right .newsletter-subscribe form a{font-size: 30px; position: absolute; left: 15px; top: 58px}
.newsletter-preview-page .main-container .col-left{width: 65%; display: inline-block; vertical-align: top}
.newsletter-preview-page .main-container .col-left .newsletter-preview{padding: 10px 0}
/*End Newsletter Preview Page*/

/*take action pages by patrick*/
.visitor-page.page.donate .main-container{max-width: 1350px; padding: 0 35px; display: flex; align-items: flex-start; direction: ltr; }
.visitor-page.page.join .main-container{max-width: 1350px; padding: 0 35px; display: flex !important; align-items: flex-start; direction: ltr;}


.visitor-page.page.join .main-container .subscribe_nasraseef,.visitor-page.page.donate .main-container .subscribe_nasraseef{width: 35%;padding: 0 0 50px 0;background-color: white;margin: 60px 0 0 auto;border-radius: 15px;border: 1px solid #EC5D2E;}
.visitor-page.page .main-container .subscribe_nasraseef .buttons{display: flex; direction: ltr;}
.visitor-page.page .main-container .subscribe_nasraseef .buttons a{display: block; width: 100%; text-align: center; color: #fff; font-size: 40px; font-family: Cairo, Helvetica_new, Arial, sans-serif; background-color: #f0532d;}
.visitor-page.page .main-container .subscribe_nasraseef .buttons a.donate-btn{border-top-left-radius: 15px; border-right: 1px solid #fff;}
.visitor-page.page .main-container .subscribe_nasraseef .buttons a.join-btn{border-top-right-radius: 15px;}
.visitor-page.page .main-container .subscribe_nasraseef .buttons a.active{background-color: #fff; color: #f0532d; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif}
.visitor-page.page .main-container .subscribe_nasraseef .membership-info{text-align: left;direction: ltr; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #231F20;font-size: 13px;margin-top: 30px;}
.visitor-page.page.donate.theme-2{background-position: 15% center !important;}
.visitor-page.page.donate .main-container .subscribe_nasraseef .info{font-size: 15px;direction: ltr;margin: 30px auto;width: 90%; background-color: #000;border-radius: 10px;padding: 5px 5px 10px 10px;}
.visitor-page.page.donate .main-container .subscribe_nasraseef .info h1{color: #f0532d; margin-bottom: 0px;font-size: 19px; font-family: Cairo,Helvetica_new,Arial,sans-serif; text-align: left}
.visitor-page.page.donate .main-container .subscribe_nasraseef .info h3{color: #fff;font-size: 16px;margin-top: -5px; font-family: Cairo,Helvetica_new,Arial,sans-serif;}
.visitor-page.page.donate .main-container .subscribe_nasraseef .info p{color: #fff;font-size: 14px;margin-bottom: 4px; font-family: Cairo,Helvetica_new,Arial,sans-serif;}
.visitor-page.page.donate .main-container .subscribe_nasraseef .info a{text-decoration: underline; color: #588eec; font-family: Cairo,Helvetica_new,Arial,sans-serif;}
.visitor-page.page.donate .main-container .subscribe_nasraseef form .donation-title{text-align: center; font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 14px;}
.visitor-page.page.donate .main-container .subscribe_nasraseef form .donation-title.renew{margin: 15px 0 0 0}
.visitor-page.page.donate .main-container .subscribe_nasraseef form .donation-title.amount{text-align: start;}
.visitor-page.page.donate .main-container .subscribe_nasraseef .takeaction-page .parent-radiobutton .checkmark{font-size: 12px;}
.visitor-page.page.donate .main-container .subscribe_nasraseef label{margin-top: 13px;}
.visitor-page.page.donate .main-container .subscribe_nasraseef .felastiniyat_logo{object-fit: contain;display: block; height: 70px;width: fit-content;margin: 18px auto 0 auto;}
.visitor-page.page.donate .main-container .details{width: 20%; margin: 60px 0 0 auto;}
.visitor-page.page.donate .main-container .details.second{width: 55%; background-color: #EFEEED; padding: 10px 20px; opacity: 90%; margin:60px 0 0 auto; direction: ltr;}
.visitor-page.page.donate .main-container .details.second iframe{width:100%;margin: 0 0 15px 0;}
.visitor-page.page.donate .main-container .details p {color: #000; font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif; font-size: 24px; margin-bottom:20px;line-height: 1.3;}
.visitor-page.page.donate .main-container .details.second p{font-size:20px}
.visitor-page.page.donate .main-container .details.second .subscribers-info{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin: 0 0 20px 0;}
.visitor-page.page.donate .main-container .details.second .subscribers-count{text-align: center;background: #fff;padding: 15px 10px;border: 1px solid #ccc;}
.visitor-page.page.donate .main-container .details.second .subscribers-count span{color:#000;font-size: 17px;font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.visitor-page.page.donate .main-container .details.second .subscribers-count span.text{display: block;font-family:Cairo, Helvetica_new, Arial, sans-serif;line-height: 22px;font-size: 15px;}
.visitor-page.page.donate .main-container .details h2{background-color: #f0532d; width: 100px; height: 17px; display: block; margin-bottom: 15px;}
.visitor-page.page.donate .main-container .details span{color: #f0532d;}
.visitor-page.page.donate .main-container .details.second p:last-child{color: #f0532d;}
.visitor-page.page.donate .main-container .details.third{width: 40%; margin: 70px 270px 0 0; direction: ltr; background-color: #efeeed; opacity: 85%; padding: 13px;}
.visitor-page.page.donate .main-container .details.third h2{margin:0 auto 15px auto;}
.visitor-page.page.donate .main-container .details.third p{text-align: center;}
.visitor-page.page.donate .main-container .details.third p:nth-child(4){font-style: italic; }
.visitor-page.page.donate .main-container .details.third p:nth-child(5){color: #f0532d;text-align: start; font-size: 33px;}
.visitor-page.page.donate.theme-1{background-position: 75% center !important;}
.visitor-page.page.donate.theme-3{background-position: 60% center !important;}

.visitor-page.page .main-container .change_card_details_btn{padding: 10px 15px;border: 1px solid #EFEEED; transition: 0.35s ease-in-out all; cursor: pointer; border-radius: 15px;width: fit-content;margin: 20px auto; font-size: 14px;font-family: Cairo, Helvetica_new, Arial, sans-serif;background-color: #EFEEED;}
.visitor-page.page .main-container .change_card_details_btn.active{background-color: white;border: 1px solid #f0532d;}
.visitor-page.page .main-container .change_card_details_btn i{font-size: 13px;transition: 0.35s ease-in-out all;}
.visitor-page.page .main-container .change_card_details_btn i.rotate{transform: rotate(180deg);}
.visitor-page.page .main-container .change_card_section{font-family: Cairo, Helvetica_new, Arial, sans-serif;border: 1px solid #f0532d; padding: 13px;border-radius: 15px;margin-top: 15px;}

.visitor-page.page .main-container form .error_message{font-size: 13px;display: none; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: red;text-align: center; margin: 20px 0 0 0;}
.visitor-page.page .main-container form #card-error{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #F0532D; margin: 20px 0 0 0;font-size: 13px; color: red;padding: 0 3px;}

/* take-action subscribe page*/
.visitor-page.page.join.theme-1{background-position: 20% center !important;}
.visitor-page.page.join .main-container .subscribe_nasraseef img{width: 100px; height: 100px; object-fit: contain; display: block; margin: 18px auto 0 auto}
.visitor-page.page.join .main-container .subscribe_nasraseef h1{font-size: 17px; font-family: Cairo,Helvetica_new,Arial,sans-serif; text-align: center; margin: 10px 0 20px 0; font-weight: 300;}
.visitor-page.page.join .main-container .subscribe_nasraseef .subscribe-info{text-align: center; margin: 0 0 15px 0}
.visitor-page.page.join .main-container .subscribe_nasraseef .subscribe-info p{color: #000; font-family: Cairo,Helvetica_new,Arial,sans-serif; font-size: 16px; font-weight: bold}
.visitor-page.page.join .main-container .subscribe_nasraseef .subscribe-info p:nth-child(1){color: #000000}
.visitor-page.page.join .main-container .subscribe_nasraseef .subscribe-info p{color: #f0532d}
.visitor-page.page.join .main-container .subscribe_nasraseef form{border-radius: 15px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); padding: 15px;}
.visitor-page.page.join .main-container .first-details{width: 45%; margin: 60px auto 0 0;background-color: #EFEEED; padding: 10px; opacity: 85%; direction: ltr;}
.visitor-page.page.join .main-container .first-details h2{background-color: #f0532d; width: 100px; height: 20px; margin:auto auto 15px auto;}
.visitor-page.page.join .main-container .first-details p{color: #000; font-size: 22px; font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif; text-align: center; margin-bottom: 30px; line-height: 40px;}
.visitor-page.page.join .main-container .first-details span{color: #f0532d;}
.visitor-page.page.join .main-container .second-details{background-color: unset; width: 25%; margin: 80px auto 0 0; direction: ltr;}
.visitor-page.page.join .main-container .second-details h2{background-color: #000; margin: 0 auto 15px 0; width: 100px; height: 20px;}
.visitor-page.page.join .main-container .second-details p{text-align: start; font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;font-size: 24px;line-height: 1.3; margin-bottom: 20px; color: #231F20}
.visitor-page.page.join .main-container .second-details p:last-child{color: #fff;}
.visitor-page.page.join .subscribe_nasraseef .donation-title.renew{margin: 15px 0}

.visitor-page.page.join .main-container .personal-spaces.details{width: 35%; margin: 60px 0 0 auto;}
.visitor-page.page.join .main-container .personal-spaces.details h2{background-color: #000; width: 120px; height: 20px;}
.visitor-page.page.join .main-container .personal-spaces.details p{font-size:22px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;margin-bottom: 10px; line-height: 1.4; color: #fff;}
.visitor-page.page.join .main-container .personal-spaces.details p:nth-child(2){color: #000; margin: 15px 0 20px 0;}


.visitor-page.page.donate .main-container .personal-spaces.details{width: 32%; margin: 60px 0 0 auto;}
.visitor-page.page.donate .main-container .personal-spaces.details h2{background-color: #000; width: 120px; height: 20px;}
.visitor-page.page.donate .main-container .personal-spaces.details p{font-size:22px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;margin-bottom: 10px; line-height: 1.4; color: #fff;}
.visitor-page.page.donate .main-container .personal-spaces.details p:nth-child(2){color: #000; margin: 15px 0 20px 0;}


.visitor-page.page.donate .main-container .first-details.temporary{width: 40%;margin: 60px 0 0 auto;background-color: #F0532D;padding: 10px; opacity: 85%;}
.visitor-page.page.donate .main-container .first-details.temporary h2{background-color: white;margin: auto auto 15px 0;width: 120px; height: 20px;}
.visitor-page.page.donate .main-container .first-details.temporary p{text-align: left;color: white;font-family:Cairo, Helvetica_new, Arial, sans-serif;font-size: 22px; margin-bottom: 30px; line-height: 40px;}
.visitor-page.page.donate .main-container .first-details.temporary img{display: block;text-align: left;object-fit: contain;width: 150px;margin-top: 30px;}


/*end take-action pages by patrick*/

/* start of Listing newsletters page */
#listing_newsletters .page_title{font-size: 22px;font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif; direction: ltr;text-align: left; margin-top: 20px;}
#listing_newsletters .page_subtitle{font-size: 18px;font-family:Cairo, Helvetica_new, Arial, sans-serif; direction: ltr;text-align: left;}
#listing_newsletters .input-box{width: 300px;margin-top: 40px; border: unset;border-bottom: 1px solid;font-family: Cairo,Helvetica,Arial,sans-serif;padding: 5px 5px 5px 10px;text-align: left;}
#listing_newsletters .input-box:focus{border-bottom: 1px solid;outline: none;}
#listing_newsletters .input-box::placeholder{font-family: Cairo,Helvetica,Arial,sans-serif;padding: 5px 5px 5px 10px;}
#listing_newsletters .content-col{width: 100%;}
#listing_newsletters .content-col .response-message{font-size: 14px;text-align: left; font-family: Cairo,Helvetica,Arial,sans-serif;direction: ltr;margin-top: 10px;display: none;}
#listing_newsletters .content-col .response-message.success{color: green;}
#listing_newsletters .content-col .response-message.error{color: red;}
#listing_newsletters .content-col .submit-donation{margin-right: auto;width: fit-content;display: block;}
/* end of Listing newsletters page */


/* Take action page rabih*/
.mobile-section{display: none}

.takeaction-page{padding: 130px 0 40px 0 !important;background-color: #E6E6E6;direction: ltr;}
.takeaction-page input:-webkit-autofill,
.takeaction-page input:-webkit-autofill:hover, 
.takeaction-page input:-webkit-autofill:focus, 
.takeaction-page input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #FFEDE7 inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
}
.manageaccount-page input:-webkit-autofill,
.manageaccount-page input:-webkit-autofill:hover, 
.manageaccount-page input:-webkit-autofill:focus, 
.manageaccount-page input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.takeaction-page input{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important;}
.takeaction-page .main-container{border: 1px solid transparent; background-color: white; padding: 40px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);border-radius: 20px;margin: 60px auto 0 auto; }
.takeaction-page h4{font-size: 15px; text-align: center; font-family: Cairo, Helvetica, Arial, sans-serif;width: 50%; margin: auto;}
.takeaction-page h3{font-size: 24px; text-align: center;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.takeaction-page h5{font-size: 20px; text-align: center;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #F0532D;width: 50%;margin: auto; line-height: 1.4;}
/* take action new pages */
.takeaction-page .parent_cards{display: flex; align-items: flex-start;gap: 30px;margin-top: 40px;}
.takeaction-page .parent_cards .right_card{width: 30%;padding: 30px;}
.takeaction-page .parent_cards .left_card{width: 70%;box-shadow: 0 .125rem .25rem #F0532D;border: 1px solid #F0532D;padding: 30px;border-radius: 15px;background-color: #FEECE7;}
.takeaction-page .parent_cards .card_img{text-align: center; }
.takeaction-page .parent_cards .card_img img{ width: 80px; height: 80px; object-fit: contain; }
.takeaction-page .parent_cards .card_title{font-size: 24px;color: #F0532D;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;margin-top: 15px; text-align: center;}
.takeaction-page .parent_cards .under_title{font-size: 24px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;margin-top: 15px;line-height: 1.4;}
.takeaction-page .parent_cards .join_text{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin-top: 20px;line-height: 1.4;width: 50%; margin: 10px auto auto auto; }
.takeaction-page .parent_cards .quote{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin-top: 15px;line-height: 1.4;font-style: italic; text-align: center;}
.takeaction-page .parent_cards .quote_author{font-size: 15px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;margin-top: 15px;line-height: 1.4;text-align: center;}
.takeaction-page .parent_cards .text_with_card{padding: 20px;background-color: #FAF8F6;color: #F0532D;margin-top: 20px; border-radius: 10px;font-size: 18px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;text-align: center; line-height: 1.4;}
.takeaction-page .parent_cards .submit_btn{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;
    color: #FFFFFF;
    line-height: 34px;
    font-size: 20px;
    background-color: #F0532D;
    padding: 8px 15px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    border-radius:13px;
    transition: 0.4s;
    width: 314px;
    margin: 15px auto auto auto;
    -webkit-transition: .4s;
    position: relative;}
.takeaction-page .parent_cards .support{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif; text-align: center;margin-top: 20px; line-height: 1.4; }
.takeaction-page .parent_cards .support a{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; text-align: center;color: #F0532D;text-decoration: underline; }
.takeaction-page .parent_cards .left_card .nasraseef_benefits{border-radius: 13px; background-color: white; padding: 30px; display: flex; align-items: flex-start;direction: rtl;gap: 20px;margin-top: 30px;}
.takeaction-page .parent_cards .left_card .nasraseef_benefits .right_col{width: 50%;}
.takeaction-page .parent_cards .left_card .nasraseef_benefits .left_col{width: 50%;}
.takeaction-page .parent_cards .left_card .nasraseef_benefits .benefit{display: flex; align-items: center; justify-content: start; gap: 7px;margin-top: 13px;}
.takeaction-page .parent_cards .left_card .nasraseef_benefits .benefit img{height: 37px; width: 37px; object-fit: contain;}
.takeaction-page .parent_cards .left_card .nasraseef_benefits .benefit p{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif;text-align: right;}
.takeaction-page .parent_cards .left_card .login_text{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif; margin-top: 40px;}
.takeaction-page .parent_cards .left_card .login_text a{color:  #F0532D; text-decoration: underline;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}


.subscribe_nasraseef{
    width: 50%;
    padding: 40px 50px;
    background-color: white;
    margin: 60px auto 0 auto;
    border-radius: 15px;
}

.subscribe_nasraseef  h1{
    font-size: 24px;
    font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;
    text-align: center;
}
.subscribe_nasraseef label{font-size: 12px;cursor: pointer; margin-top: 20px; font-family: Cairo, Helvetica_new, Arial, sans-serif;display: block;direction: ltr;}
.subscribe_nasraseef label span.required{color: #F0532D; font-weight: bold}
.subscribe_nasraseef label:first-of-type{margin: 0}
.subscribe_nasraseef label input{width: 100%;
    transition: .25s ease-in-out all;
    text-align: left;
    font-family: Cairo-bold,Helvetica_new,Arial,sans-serif;
    border: unset;
    font-size: 14px;
    border-bottom: 1px solid #555454;
    padding: 0 10px 10px;}
.subscribe_nasraseef label input#terms{width: unset;}
.subscribe_nasraseef label input::placeholder{color: #AFAEAE;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.subscribe_nasraseef label input:focus-visible{outline: unset;
    border-bottom: 1px solid #f0532d;}

.subscribe_nasraseef .donation-title{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif;text-align: left; direction: ltr;}
.subscribe_nasraseef .error{font-size: 19px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #F0532D; text-align: center; margin: 20px 0; cursor: default}
.subscribe_nasraseef .more_love{font-size: 12px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;text-align: left; direction: ltr;padding-right: 30%;}
.donation-parent{direction: ltr}
.subscribe_nasraseef .donation-parent .right-col{width: calc(100% - 100px)}
.subscribe_nasraseef .donation-parent .left-col{width: 80px}
.subscribe_nasraseef .donation-parent .left-col .donation-quantity{width: 100%;}
.subscribe_nasraseef .donation-parent .left-col .donation-quantity input{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 16px; text-align: right;}
.subscribe_nasraseef .donation-parent .donation-quantity input{width: 52px;}
.subscribe_nasraseef .takeaction-page{padding: unset !important;background-color: unset;}
.subscribe_nasraseef .takeaction-page .parent-radiobutton .checkmark{background-color: #EFEEED;font-size: 15px;text-align: center;}
.subscribe_nasraseef .takeaction-page .parent-radiobutton input:checked ~ .checkmark{background-color: unset !important;}
.subscribe_nasraseef .total_donation, .nasraseef22 .total_donation{display: block; width: 100%; padding: 10px; text-align: center; font-size: 13px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;color: #F0532D; background-color: #FEEDE9;border-radius: 15px;margin-top: 40px;}
.subscribe_nasraseef .total_donation{margin-top: 15px;}
.nasraseef22 .total_donation{margin: 0}
.subscribe_nasraseef .agree_label{text-align: center; font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: flex; align-items: center; gap: 5px; margin: 20px 0 !important; justify-content: center;}
.subscribe_nasraseef .submit-donation{display: block; width: 286px; text-align: center; margin: 15px auto 10px auto; border-radius: 10px;}
.subscribe_nasraseef .donation_register{display: block; width: 286px; text-align: center; margin: 15px auto 10px auto; border-radius: 10px;}
.subscribe_nasraseef .donate_quote{padding: 10px 20px; background-color: #FEEDE9;border-radius: 15px; margin: 15px 0;direction: ltr;}
.subscribe_nasraseef .donate_quote p{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif;font-style: italic; margin: 10px 0;line-height: 1.4;}
.subscribe_nasraseef .donate_quote p span{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;font-style: unset;}
.subscribe_nasraseef .donate_quote .author{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;font-style: unset;text-align: right;}
.subscribe_nasraseef form{width: 90%; margin: auto;}

.takeaction-page .cards{ display: inline-flex;width: 100%;margin-top: 40px}
.takeaction-page .cards.radiobuttons{min-height: 45px; margin: 10px 0}
.takeaction-page .card-child{flex: 1 100%; margin: 0 20px;}
.takeaction-page .cards .card{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);padding: 20px;display: inline-block;/* height: 100%; */width: 100%;min-height: 275px; z-index: 3;position: relative;border-radius: 20px;text-align: center;background-color: white;} 
.info.hide-mobile{display: none;}
.takeaction-page .cards .card-child.selected .card{border: 1px solid #F0532D;}
.takeaction-page .cards .card .icon{width: 110px;height: 110px; object-fit: contain; text-align: center;}
.takeaction-page .cards .card .title{font-size: 24px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;text-transform: uppercase;color: #F0532D;line-height: 1.1;margin-top: 10px;}   
.takeaction-page .cards .card .subtitle{font-size: 17px;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin: 5px 0;}
.takeaction-page .cards .card .paragraph{font-size: 13px;font-family: Cairo, Helvetica, Arial, sans-serif;margin:15px 0;line-height: 1.2;}   
.takeaction-page .cards .card .small-card{background-color: #F5F5F5; padding: 20px; text-align: center;border-radius: 20px;}
.takeaction-page .cards .card .small-card .title{font-size: 16px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; text-transform: uppercase;color:#000000; line-height: 1.2;}   
.takeaction-page .cards .card .small-card .subtitle{font-size: 13px;margin-top: 10px; line-height: 1.2;color: #555454;}
.takeaction-page .cards .card a{font-size: 12px;font-family: Cairo, Helvetica, Arial, sans-serif;color: #F0532D;text-decoration: underline;}
.takeaction-page .cards .card-child.active .card .learn-more{display: none}
.takeaction-page .cards .card a .arrow{border: solid #EC5D2E;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}   
.takeaction-page .cards .second-part{box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);padding: 60px 20px 40px 20px;display: inline-block;z-index: 2;width: 100%;position: relative;border-radius: 20px;margin: -30px 0 0 0; background-color: #FFEDE7;}
.takeaction-page .cards .second-part.active{box-shadow: 0 0.5rem 1rem rgba(240, 83, 45, 55%);}
.takeaction-page .cards .card-child .content, .takeaction-page .cards .card-child .second-part{display: none}
.takeaction-page .cards .card-child.active .content, .takeaction-page .cards .card-child.active .second-part{display: block}
.takeaction-page .cards .second-part label{font-size: 12px;display: block;text-align: right; margin-top: 20px; font-family: Cairo, Helvetica, Arial, sans-serif;}
.takeaction-page .cards .second-part label:first-child{ margin-top: 0; }
.takeaction-page .cards .second-part input.member_info{border: unset; border-bottom: 1px solid #1B1A1A;padding: 0 10px 10px 10x;width: 100%;background: transparent;font-family: Cairo, Helvetica, Arial, sans-serif;font-size: 13px;text-align: right;}
.takeaction-page .cards .second-part input.member_info:focus-visible{outline: none;}
.takeaction-page .cards .second-part input.member_info::placeholder{font-family: Cairo, Helvetica, Arial, sans-serif; color: #AFA3A1;}
.takeaction-page .cards .second-part input.member_info:focus-visible{border-bottom: 1px solid #F0532D;}
.takeaction-page .cards .second-part input.member_info.error{border-bottom: 1px solid #F0532D}
.donation-title{font-size: 12px;text-align: right; font-family: Cairo, Helvetica, Arial, sans-serif;margin-top: 20px;}
.donation-parent{display: flex; align-items: center; gap: 20px;justify-content: flex-end; margin: 10px 0}
.takeaction-page .cards .second-part .donation-parent .right-col{width: 75%;}
.takeaction-page .cards .second-part .donation-parent .right-col input{width: 100%;}
.takeaction-page .cards .second-part .donation-parent .left-col{width: 25%;}
.donation-quantity{color: #F0532D;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;font-size: 16px; display: flex; align-items: center; justify-content: center;width: 90px; height: 50px; border: 1px solid #F0532D; background-color: white;border-radius: 15px;}
.page.donate .donation-quantity{padding: 0 20px 0 0}
.donation-quantity input{background-color: transparent; width: 40px; border: none; outline: none; text-align: center; color: #F0532D}
.donation-limit{font-size: 15px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.takeaction-page form .error-message{font-size: 13px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; color: #F0532D; text-align: right; display: none}

.d-flex{display: flex;}
.align-items-center{align-items: center;}
.justify-content-between{justify-content: space-between;}

.donate_range {background: linear-gradient(to left, #F0532D 0%, #F0532D 0%, #C6BAB8 0%, #C6BAB8 100%);border: solid 0px transparent;border-radius: 15px;height: 6px;width: 100%;outline: none;transition: background 450ms ease-in;-webkit-appearance: none; margin: 10px 0 0 0;}

.donate_range:hover {opacity: 1;}
  
.donate_range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 24px;height: 24px;border-radius: 50%;background: #F0532D;cursor: pointer;border: 6px solid #FFB89E;}
/* The container */
.parent-radiobutton {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .parent-radiobutton input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
      left: 0
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 13px;
    left: 0;
    font-family: Cairo, Helvetica_new, Arial, sans-serif;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 10px;
  }
  
  /* When the radio button is checked, add a blue background */
  .parent-radiobutton input:checked ~ .checkmark {
    border: 1px solid #F0532D;
    color: #F0532D;
    font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .parent-radiobutton input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .parent-radiobutton .checkmark{
    color: unset;
  }
.takeaction-page .cards.radiobuttons{margin-top: 0px;}
.takeaction-page .cards.radiobuttons .card-child{margin: 0 5px;}
.submit-donation{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #FFFFFF;line-height: 34px;font-size: 18px;background-color: #F0532D;padding: 8px 15px;border-radius: 15px;display: inline-block;vertical-align: middle;margin: 60px 0 0 0 ;transition: 0.4s ease-in-out all;-webkit-transition: .4s;position: relative;}
.submit-donation.active{background: unset;}
.submit-donation:hover{opacity: 0.8;}
.donation_register{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #FFFFFF;line-height: 34px;font-size: 18px;background-color: #F0532D;padding: 8px 15px;border-radius: 15px;display: inline-block;vertical-align: middle;margin: 60px 0 0 0 ;transition: 0.4s ease-in-out all;-webkit-transition: .4s;position: relative;}
.donation_register.active{background: unset;}
.donation_register:hover{opacity: 0.8;}

.takeaction-page .submit-donation{margin: 40px auto 0 auto; width: 250px;display: block;text-align: center;}
.takeaction-page .participate-title{font-size: 17px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.takeaction-page .participate-content{font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin-top: 10px;}
.takeaction-page .participate-content span{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;text-decoration: underline;}
.grey-image{filter:grayscale(89%);}
.takeaction-page .contact-message{font-family: Cairo, Helvetica_new, Arial, sans-serif; font-size: 13px; text-align: center; margin: 20px 0 0 0}
.takeaction-page .contact-message a{text-decoration: underline}
/* End take action page */

/* Dashboard page */
.dashboard_icons {
    background: url('/assets/images/dashboard_menu_icons.png') no-repeat top left;
}
.dashboard_icons.dashboard_active {
    background-position: 0 0;
    width: 19px;
    height: 19px;
}
.dashboard_icons.dashboard_black {
    background-position: 0 -21px;
    width: 19px;
    height: 19px;
}
.dashboard_icons.interest_active {
    background-position: 0 -42px;
    width: 21px;
    height: 24px;
}
.dashboard_icons.interest_black {
    background-position: 0 -68px;
    width: 21px;
    height: 24px;
}
.dashboard_icons.jiran_active {
    background-position: 0 -94px;
    width: 19px;
    height: 20px;
}
.dashboard_icons.jiran_black {
    background-position: 0 -116px;
    width: 19px;
    height: 20px;
}
.dashboard_icons.logout_black {
    background-position: 0 -138px;
    width: 20px;
    height: 20px;
}
.dashboard_icons.newsletter_active {
    background-position: 0 -160px;
    width: 21px;
    height: 21px;
}
.dashboard_icons.newsletter_black {
    background-position: 0 -183px;
    width: 21px;
    height: 21px;
}
.dashboard_icons.polls_active {
    background-position: 0 -206px;
    width: 21px;
    height: 19px;
}
.dashboard_icons.polls_black {
    background-position: 0 -227px;
    width: 21px;
    height: 19px;
}
.dashboard_icons.savedarticles_active {
    background-position: 0 -248px;
    width: 13px;
    height: 18px;
}
.dashboard_icons.savedarticles_black {
    background-position: 0 -267px;
    width: 13px;
    height: 18px;
}
.dashboard_icons.my_comments_black {
    background-size: 65px;
    width: 23px;
    height: 21px;
    background-image: url('/assets/images/comments-icons-sprite.png');
    background-repeat: no-repeat;
    background-position: -37px -5px;
}
.dashboard_icons.my_comments_active {
    background-size: 65px;
    width: 23px;
    height: 21px;
    background-image: url('/assets/images/comments-icons-sprite.png');
    background-repeat: no-repeat;
    background-position: -5px -5px;
}
.dashboard_icons.shop_active {
    background-position: 0 -288px;
    width: 19px;
    height: 23px;
}
.dashboard_icons.shop_black {
    background-position: 0 -313px;
    width: 19px;
    height: 23px;
}
.dashboard_icons.volunteer_active {
    background-position: 0 -338px;
    width: 19px;
    height: 26px;
}
.dashboard_icons.volunteer_black {
    background-position: 0 -366px;
    width: 19px;
    height: 26px;
}
.dashboard_icons.more_active {
    background-position: 0 -394px;
    width: 25px;
    height: 5px;
}
.dashboard_icons.more_black {
    background-position: 0 -401px;
    width: 25px;
    height: 5px;

}
    
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dashboard_icons {
        background: url('/assets/images/dashboard_menu_icons_retina.png') no-repeat top left;
        background-size: 25px 408px;
    }
}

header .desktop-header .top-menu .login:before{content: ''; width: 18px; height: 21px; display: inline-block; background: url('/assets/images/sprite-login.png') no-repeat -48px -10px; vertical-align: middle; margin: 0 10px 0 0; position: relative; top: -1px}
header .desktop-header .top-menu .loggedin{display: inline-flex; align-items: center; justify-content: start;grid-area: 10px;}
header .desktop-header .top-menu .loggedin p{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;font-size: 14px;}
.dashboard-page{padding: 205px 0 40px 0;background-color: #E6E6E6;}
.dashboard-page .main-container{display: flex;gap: 30px;direction: ltr;text-align: left;}
.dashboard-page .main-container .dashboard-col-mobile ,  .dashboard-page .main-container .allmenu-mobile-parent{display: none;}
.dashboard-page .main-container .dashboard-col{width: 20%;height: fit-content; background-color: white; padding: 15px 20px;border-radius: 15px;}
.dashboard-page .main-container .dashboard-col img{width: 23px; height: 23px; object-fit: contain; margin-left: 10px;}
.dashboard-page .main-container .dashboard-col a{font-size: 16px;padding:10px;transition: 0.25s ease-in-out all; border-radius: 15px;margin-top: 10px; font-family: Cairo, Helvetica_new, Arial, sans-serif;display: flex;align-items: center; width: 100%;}
.dashboard-page .main-container .dashboard-col a:nth-last-child(2){margin-bottom: 20px;}
.dashboard-page .main-container .dashboard-col a:hover{background-color: #faf7f6;margin-right: 10px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .dashboard-col a.active{background-color: #FFE5DB;}
.dashboard-page .main-container .dashboard-col a.disabled{opacity: .3; cursor: default; background-color: transparent}
.dashboard-page .main-container .dashboard-col a.disabled:hover{font-family: Cairo, Helvetica_new, Arial, sans-serif; margin-right: 0}
.dashboard-page .main-container .dashboard-col a span{padding-left: 7px;}
.dashboard-page .main-container .dashboard-col a.active img{filter: none;}
.dashboard-page .main-container .dashboard-col a.active{color: #F0532D;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .dashboard-col a.logout{border-top: 1px solid #000000;margin-top:5px ;padding-top: 30px;border-radius: unset;}
.dashboard-page .main-container .content-col{width: 80%; padding:30px;border-radius: 15px;background-color: white;height: 100%;}
.dashboard-page .main-container .content-col .page_title{font-size: 24px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;line-height: 1;}
.dashboard-page.event-page .main-container .content-col .page_title{direction: ltr}
.dashboard-page .main-container .content-col .personal-space-title{font-size: 30px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; text-align: center; margin: 0 0 30px 0}
.dashboard-page .main-container .content-col .page_subtitle{font-size: 16px;font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 5px 0 0 0}
.dashboard-page .main-container .content-col .help{font-size: 14px;font-family: Cairo, Helvetica_new, Arial, sans-serif}
.dashboard-page .main-container .content-col .flex{display: flex;direction: rtl; gap: 20px; align-items: center; justify-content: space-between;text-align: right;}
.dashboard-page .main-container .content-col .flex.j-end{justify-content: end}
.dashboard-page .main-container .content-col .flex div {direction: ltr;text-align: left;}
.dashboard-page .main-container .content-col .flex img{object-fit: contain; width: 180px; height: 95px;}
.dashboard-page .main-container .content-col .first-section{display: flex; align-items: start;margin-top: 20px;gap: 25px;}
.dashboard-page .main-container .content-col .first-section .right-col{width: 40%;direction: ltr; padding: 10px 20px;background-color: white;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border: 1px solid transparent;border-radius: 15px;height: 130px;}
.dashboard-page .main-container .content-col .first-section .right-col .user-info{display: flex; align-items: center; gap: 20px;}
.dashboard-page .main-container .content-col .first-section .right-col .user-info .profile-img{background-size: contain;border-radius: 50%;width: 70px; height: 70px;}
.dashboard-page .main-container .content-col .first-section .right-col .full-name{font-size: 23px;line-height: 1; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .content-col .first-section .right-col .email{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif;word-break: break-all}
.dashboard-page .main-container .content-col .first-section .right-col .content{font-size: 13px;margin-top: 10px; font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .content-col .first-section .right-col a{font-size: 13px;margin-top: 10px; font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #F0532D; display: block; margin-top: 15px;text-decoration: underline;}
.dashboard-page .main-container .content-col .first-section .left-col{width: 60%;}
.dashboard-page .main-container .content-col .first-section .left-col .card{padding: 15px;background-color: white;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border: 1px solid transparent;border-radius: 15px;display: flex; align-items: center;gap: 10px;direction: ltr;height: 130px;}
.dashboard-page .main-container .content-col .first-section .left-col .title{font-size: 18px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;margin-top: 15px;}
.w-50{width: 50%;}
/*.dashboard-page .main-container .content-col .first-section .left-col .flex{margin-top: 20px;}*/
.dashboard-page .main-container .content-col .first-section .left-col .flex .card .icon{height: 58px; width: 58px; object-fit: contain;}
.dashboard-page .main-container .content-col .first-section .left-col .flex .card .number{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;font-size: 45px; color: #F0532D;}
.dashboard-page .main-container .content-col .first-section .left-col .flex .card a{font-family: Cairo, Helvetica_new, Arial, sans-serif;font-size: 16px;line-height: 1.1;}
.dashboard-page .main-container .content-col .timer-parent{display: flex;position: relative; align-items: center;margin-top: 25px;background-color: #FDE2D8; padding: 25px;width: 100%;border-radius: 15px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);justify-content: space-between; direction: rtl}
.dashboard-page .main-container .content-col .timer-parent .read-more{font-size: 12px;text-decoration: underline; color: #F0532D;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .content-col .timer-parent #full-timer{width: 100%;text-align: center;}
.dashboard-page .main-container .content-col .timer-parent .timer-card{padding: 10px;width: 210px;border: 1px solid #F0532D;border-radius: 15px;display: flex; align-items: center; flex-direction: column; direction: rtl}
.dashboard-page .main-container .content-col .timer-parent .timer-card .row{display: flex;text-align: center; width: 100%; justify-content: space-between; align-items: center;gap:10px}
.dashboard-page .main-container .content-col .timer-parent .timer-card .col-lg-3{width: 25%;font-size: 11px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.dashboard-page .main-container .content-col .timer-parent .timer-card .col-lg-3.details{font-size: 22px;color: #F0532D;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .content-col .timer-parent .timer-card .row.no-gap{gap: 0px;}
.dashboard-page .main-container .content-col .timer-parent .event .info{font-size: 18px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;display: flex; align-items: center; direction: ltr}
.dashboard-page .main-container .content-col .timer-parent .event .info span{color: #F0532D; }
.dashboard-page .main-container .content-col .timer-parent .event .info img{width: 56px; height: 56px; border-radius: 50%; margin: 0 5px; object-fit: cover; }
.dashboard-page .main-container .content-col .timer-parent .event{margin-right: 50px; }
.dashboard-page .main-container .content-col .timer-parent .event .author_event_info{display: flex;align-items: center; margin: 0 25px 0 0}
.dashboard-page .main-container .content-col .timer-parent.no_timer{justify-content: end;}
.dashboard-page .main-container .content-col .section-title{font-size: 20px;text-align: left; margin-top: 40px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .content-col .saved-articles{display: grid;
    grid-gap: 12px;
    direction: ltr;
    grid-template-columns: repeat(3, 33%);
    /* grid-template-rows: repeat(12, 50px); */
    grid-auto-rows: 50px;
    margin: 20px 0;
}
.dashboard-page .main-container .content-col .saved-articles .article{position: relative; border-radius: 20px;background-size: cover;background-position: center;}
.dashboard-page .main-container .content-col .saved-articles .article .remove_saved_article{position: absolute; top: 20px; left: 20px;object-fit: contain;height: 20px; width: 20px;z-index: 5;}
.dashboard-page .main-container .content-col .saved-articles .article::after{content: '';position: absolute; height: 100%;width: 100%;background-image: linear-gradient(transparent 55%, #231F20);border-radius: 20px;}

.dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+1){grid-row: auto / span 7}
.dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+2){grid-row: auto / span 5}
.dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+3){grid-row: auto / span 4}
.dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+4){grid-row: auto / span 4}
.dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+5){grid-row: auto / span 7}
.dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+6){grid-row: auto / span 5}
.dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+7){grid-row: auto / span 4}
/* .dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(7n+1){grid-row: 1/3; height: 100%;}
.dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(7n+2){grid-row: 1/2; height: 300px;}
.dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(7n+3){grid-row: 1/2; height: 250px;}
.dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(7n+4){grid-row: 3/5; height: 270px;}
.dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(7n+5){grid-row: 2/4; height: 454px;}
.dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(7n+6){grid-row: 2/3;height: 220px;margin-top: -54px;}
.dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(7n+7){grid-row: 3/3;height: 272px;} */
.event_main_div{margin-top:50px;padding-bottom: 40px;border-bottom:1px solid;}
.why_signup {font-family: Cairo, Helvetica, Arial, sans-serif;font-size: 14px; margin-top: 20px;}
.why_signup span{font-family: Cairo-Bold, Helvetica, Arial, sans-serif;}
.why_signup ul{list-style: unset;padding-left: 40px !important; padding-top: 15px; padding-bottom: 15px; line-height: 1.6;}

.dashboard-page .main-container .content-col .saved-articles .article .content{position: absolute; bottom: 20px; right: 20px;left: 7px; font-size: 17px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: white;line-height: 1.3;z-index: 1;}
.dashboard-page .main-container .content-col .anchors{width: 100%;margin-top: 10px;direction: ltr; border-bottom: 1px solid #555454;display: flex; align-items: center; justify-content: start;}
.dashboard-page .main-container .content-col .anchors .anchor{font-size: 16px;font-family: Cairo, Helvetica_new, Arial, sans-serif; width: 200px; display: block;text-align: center;padding-bottom: 13px;}
.dashboard-page .main-container .content-col .anchors .anchor.active{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;border-bottom: 3px solid #F0532D;color: #F0532D; }
.dashboard-page .main-container .content-col .button{
    color: #000000;
    line-height: 34px;
    font-family: Cairo, Helvetica_new, Arial, sans-serif;
    font-size: 14px;
    background-color: #EDEDED;
    padding: 8px 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    border-radius: 7px;
    transition: 0.4s;
    -webkit-transition: .4s;
    position: relative; }
.first-last-name-mobile{display: none;}
.dashboard-page .main-container .content-col .button.filled{background-color: #F0532D;color: white;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .content-col .anchor-content{margin-top: 20px;}
.dashboard-page .main-container .content-col .topics{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2%; margin-top: 20px;direction: ltr;}
.dashboard-page .main-container .content-col .topic{position: relative; height: 275px;border-radius: 20px;background-size: cover;}
.dashboard-page .main-container .content-col .topic .content{position: absolute; bottom: 20px; left: 20px; right: 20px;color: white;font-size: 17px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.dashboard-page .main-container .content-col .comments{display: flex; gap: 2%;margin-top: 20px;}
.dashboard-page .main-container .content-col .comments .comment {width: 50%;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);border-radius: 20px;}
.dashboard-page .main-container .content-col .comments .comment .photo{background-size: cover;display: block; background-position: center; height: 150px; border-radius: 20px;}
.dashboard-page .main-container .content-col .comments .comment .content{padding: 20px;}
.dashboard-page .main-container .content-col .comments .comment .content .title{font-size: 17px;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; padding-bottom: 20px; border-bottom: 1px solid #1B1A1A;}
.dashboard-page .main-container .content-col .comments .comment .content .desc{font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif; color: #555454; margin-top: 20px;}
.dashboard-page .main-container .content-col .comments .comment .content .actions{display: flex; align-items: center; justify-content: start; gap: 20px;margin-top: 10px;}
.dashboard-page .main-container .content-col .comments .comment .content .actions a{font-family: Cairo, Helvetica_new, Arial, sans-serif;font-size: 12px; text-decoration: underline;}

.manageaccount-page .personal-info-title{font-size: 17px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; border-bottom: 1px solid #1B1A1A;width: 100%;margin-top: 60px; padding-bottom: 6px;}
.manageaccount-page .info , .manageaccount-page .info2 {display: flex; align-items: center; justify-content: space-between;gap: 15px; margin-top: 30px;}
.manageaccount-page .info .profile_pic{height: 110px; width: 110px; background-size: contain; border-radius: 50%;position: relative;}
.manageaccount-page .info .profile_pic > input{height: 100%; width: 100%; opacity: 0; cursor: pointer;}
.manageaccount-page .info .profile_pic img{height: 24px; width: 24px; object-fit: contain; position: absolute; bottom: 0; left: 0;}
.manageaccount-page .info label{width: 50%;}
.manageaccount-page .info.hide-desktop{display: none;}
.manageaccount-page .info label.first{width: calc(100% - (127px));}
.manageaccount-page .pass-check{font-size: 14px;direction: ltr;text-align: right; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;margin: 25px 0 0 0;}
.request_message{font-size: 14px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;margin-top: 10px; direction: ltr; text-align: right;}
.request_message.error{color: red;}
.request_message.success{color: green;}
.manageaccount-page .submit-donation{margin: 25px 0 0 0;}
.manageaccount-page .submit-donation.unclickable{background-color: grey;pointer-events: none;}
.manageaccount-page .pass-check.error{color: red;}
.manageaccount-page .pass-check.success{color: green;}
.manageaccount-page .info label .label-text{font-size: 12px;color: #141414; font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.manageaccount-page input{width: 100%;transition: 0.25s ease-in-out all; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; border: unset;font-size: 14px; border-bottom: 1px solid #555454;padding: 0px 10px 10px 10px;}
.manageaccount-page input:focus-visible{outline: unset;border-bottom: 1px solid #F0532D;}
.manageaccount-page input::placeholder{font-family: Cairo, Helvetica_new, Arial, sans-serif;}

.manageaccount-page input.comment_anonymously{width: unset; margin: 0 10px 0 0; position: relative; top: 17px;}
.manageaccount-page .label_anonymously{font-size: 15px;font-family: Cairo-bold,Helvetica_new,Arial,sans-serif; position: relative; top: 17px;}
.manageaccount-page input.comment_anonymously:checked{accent-color: #F0532D;}

.manageaccount-page textarea{width: 100%;transition: 0.25s ease-in-out all; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; border: unset;font-size: 14px; border-bottom: 1px solid #555454;padding: 0px 10px 10px 10px !important;}
.manageaccount-page textarea:focus-visible{outline: unset;border-bottom: 1px solid #F0532D !important;}
.manageaccount-page textarea::placeholder{font-family: Cairo, Helvetica_new, Arial, sans-serif !important;}


.manageaccount-page .personal-summary-title{font-size: 17px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; margin-top: 50px;}
.manageaccount-page .person-summary{font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif; margin-top: 10px; padding: 20px; border: 1px solid #555454; border-radius: 15px;}
.manageaccount-page textarea.person-summary{width: 100%;transition: 0.05s ease-in-out all;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 14px;}
.manageaccount-page textarea.person-summary:focus-visible{outline: unset; border: 1px solid #F0532D;}
.manageaccount-page .password-update-title{font-size: 17px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; border-bottom: 1px solid #1B1A1A;width: 100%;margin-top: 50px; padding-bottom: 6px;}
.manageaccount-page .new-password-parent{display: flex; gap: 15px; align-items: flex-start;margin-top: 40px; }
.manageaccount-page .new-password-parent .right{width: 50%;}
.manageaccount-page .new-password-parent .right label:nth-child(2){display: block; margin-top: 30px;}
.manageaccount-page .new-password-parent .right label:nth-child(3){display: block; margin-top: 30px;}
.manageaccount-page .new-password-parent .right .label-text{font-size: 12px;color: #141414; font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.manageaccount-page .new-password-parent .left{width: 50%; padding-left: 40px;}
.manageaccount-page .new-password-parent .left p:nth-child(1){font-size: 15px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.manageaccount-page .new-password-parent .left .rules{background-color: rgba(255 80 15 / 10%); border-radius: 15px; padding: 40px; direction: ltr; line-height: 1.4;text-align: left;}
.manageaccount-page .new-password-parent .left .rules ul{margin-top: 20px; padding-left: 15px;text-align: left;direction: ltr;}
.manageaccount-page .new-password-parent .left .rules ul li{color: #F0532D;list-style-type: disc; font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.manageaccount-page .delete_account_btn{margin-left: 15px;}
.volunteer-page.manageaccount-page .page_title , .volunteer-page.manageaccount-page .page_subtitle{direction: ltr; text-align: right;line-height: 1.5;}
.volunteer-page.manageaccount-page .page_subtitle .last{color: #F0532D ;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;;}
.volunteer-page.manageaccount-page .page_subtitle .last{color: #FF500F ;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;;}
.volunteer-page.manageaccount-page input[type="date"]{position: relative;}
.volunteer-page.manageaccount-page input[type="date"]::-webkit-calendar-picker-indicator{position: absolute; left: 0;padding-left: 110px;}

.info.gender label{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif; }
.info.gender .gender-parent{display: flex; align-items: center; justify-content: start; gap: 30px;margin-top: 10px;}
.info.gender .gender-parent > div{display: flex; align-items: center; justify-content: start;gap: 10px;}
.info.gender .gender-parent > div input{width: 20px;}
.info.gender .gender-parent > div label{width: fit-content;}
.volunteer-page.manageaccount-page .field-of-interest{display: flex; margin-top: 20px; align-items: center; gap: 15px;flex-wrap: wrap;}
.volunteer-page.manageaccount-page .field-of-interest label{font-size: 15px;cursor: pointer; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;display: flex; align-items: center; justify-content: start; gap: 10px; border: 1px solid black; padding: 5px 20px; border-radius: 10px;}
.volunteer-page.manageaccount-page input[type='checkbox']{width: 15px;accent-color:#F0532D;height: 15px;}
.volunteer-page.manageaccount-page .field-of-interest label.active{border: 1px solid #F0532D; color: #F0532D;box-shadow: 0 0.5rem 1rem rgba(240, 83, 45, 17%);}
.volunteer-page.manageaccount-page .submit-donation{float: left;padding: 8px 50px;}


.dashboard-page.newsletter_page .main-container .content-col .flex .right{width: calc(100% - 80px);}
.dashboard-page.newsletter_page .main-container .content-col .flex .switch{width: 61px}

.dashboard-page .main-container .content-col .timer-parent .all_events{font-size: 13px;color: #F0532D;text-decoration: underline; font-family: Cairo, Helvetica_new, Arial, sans-serif;position: absolute;right: 30px;bottom: 10px;}

.event_details{display: flex; align-items: flex-start;margin-top: 15px; }
.event_details .right{ padding-right: 50px;}
.event_details .left{ direction: ltr;}
.event_details .right .flex{display: flex;width: 230px; align-items: center !important; justify-content: start !important;gap: 10px !important; }
.event_details .right img{width: 109px !important; height: 109px !important; object-fit: cover !important; border-radius: 50% !important;}
.event_details .right p:first-child{font-size: 18px;font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #F0532D; line-height: 1.2;}
.event_details .right p:nth-child(2){font-size: 20px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;line-height: 1.2;}
.event_details .left h3{font-size: 20px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.event_details .left .details{font-size: 16px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.4; margin-bottom: 30px;}
.event_details .left .time{font-size: 16px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.4;}
.event_details .left .timer-parent{background-color: unset !important;width: fit-content !important; border: unset !important; padding: 0 !important; box-shadow: unset !important;}
.event_details .left .timer-parent .col-lg-3{margin-bottom: unset !important;}

.interests{display: grid;grid-template-columns: repeat(5, 1fr);gap: 25px; margin-top: 20px;direction: ltr;}
.interests .interest{border-radius: 20px;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); text-align: center; position: relative; padding: 0 0 40px 0}
.interests .interest .photo{height: 180px;background-size: cover;background-position: center;border-radius: 20px;}
.interests .interest .title{font-size: 15px;    font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.interests .interest .follow{background-color: #F0532D ; border-radius: 7px;margin-top: 5px !important; transition: 0.3s ease-in-out all; color: white; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin: auto; display: block; width: 105px; padding: 3px 0  ; font-size: 13px;text-align: center; position: absolute; bottom: 10px; left: 0; right: 0}
.interests .interest .follow:hover{opacity: 0.8;}
.interests .interest .follow.following{background-color: transparent;color: #000000;border: 1px solid black; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
.interests .interest .content{padding: 17px 15px}
.switch {position: relative;display: inline-block;width: 60px;height: 34px;} 
.switch input { opacity: 0;width: 0;height: 0;}
.switch .slider { position: absolute;cursor: pointer;top: 0;left: 0; right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.newsletter.low-opacity .switch .slider{cursor: default}
.switch .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.switch input:checked + .slider {background-color: #F0532D;}
.switch input:focus + .slider {box-shadow: 0 0 1px #F0532D;}
.switch input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%}
.col-lg-4{display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px; margin-top: 20px;}
.newsletters .newsletter{padding: 20px;margin-top: 20px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);border-radius: 20px; background-color: white;}
.newsletters .newsletter .flex {display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid #000000; min-height: 100px}
.newsletters .newsletter .flex .right{width: calc(100% - 80px)}
.newsletters .newsletter .flex .right p:first-child{font-size: 17px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;line-height: 1.3;}
.newsletters .newsletter .flex .right p:nth-child(2){font-size: 14px;font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #F0532D;line-height: 1.3;}
.newsletters .newsletter .content{font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.3;margin-top: 25px; direction: ltr;height: auto;}
.newsletters .newsletter .newsletter-preview{font-size: 15px;margin: 20px 0 0 0;font-family: Cairo, Helvetica_new, Arial, sans-serif;display: flex;align-items: center;justify-content: end;gap: 5px;}
.dashboard-page .coming-soon {display: flex;direction: ltr; align-items: center; justify-content: center; flex-direction: column;padding-bottom: 50px;}
.dashboard-page .coming-soon p:first-child{font-size: 45px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;color: #F0532D;line-height: 1.3;margin-top: 40px;}
.dashboard-page .coming-soon p:nth-child(2){font-size: 22px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.3;}
.dashboard-page .coming-soon img{margin-top: 30px; width: 363px; height: 50px; object-fit: contain;}
.event_details{display: flex; align-items: flex-start;margin-top: 40px; }
.event_details .left{padding-left: 50px;border-left: 1px solid #1B1A1A; direction: ltr}
.event_details .right .flex{display: flex;width: 230px; align-items: center !important; justify-content: start !important;gap: 10px !important; }
.event_details .right img{width: 109px !important; height: 109px !important; object-fit: cover !important; border-radius: 50% !important;}
.event_details .right p:first-child{font-size: 18px;font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #F0532D; line-height: 1.2;}
.event_details .right p:nth-child(2){font-size: 20px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;line-height: 1.2;}
.event_details .left h3{font-size: 20px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.event_details .left .details{font-size: 16px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.4; margin-bottom: 30px;}
.event_details .left .time{font-size: 16px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.4;}
.event_details .left .timer-parent{background-color: unset !important;width: fit-content !important; border: unset !important; padding: 0 !important; box-shadow: unset !important;}
.event_details .left .timer-parent .col-lg-3{margin-bottom: unset !important;}


.event_onsite{font-size: 0;}
.event_onsite .event{background-color: #6d50a1;position: relative;top:-1px}
.event_onsite .event .main-container{padding: 40px;}
.event_onsite .header_image {object-fit: cover;width: 100%;max-height:400px;}
.event_onsite .event_container{display: block; }
.event_onsite .event .banners{text-align: center;}
.event_onsite .event .banners .banner{object-fit: contain;margin: 0 auto; max-width: 100%;height: auto;width: auto;}
.event_onsite .event_container .right-col .before_title{color: white;font-family:  Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 20px;text-align: center;}
.event_onsite .event_container .right-col h1{color: #c1ec45;font-family:  Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 20px;text-align: center;margin: 20px 0;}
.event_onsite .event_container .right-col .after_title{color: white;font-family:  Cairo-bold, Helvetica_new, Arial, sans-serif;font-size: 20px;text-align: center;}
.event_onsite .event_container .right-col a{    font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;
    height: fit-content;
    color: #FFFFFF;
    line-height: 34px;
    cursor: default;
    text-align: center;
    font-size: 20px;
    background-color: #F0532D;
    padding: 7px;
    display: block;
    vertical-align: middle;
    margin: 20px auto 0 auto;
    border-radius: 30px;
    transition: 0.4s;
    -webkit-transition: .4s;
    position: relative;
    width: 210px;}
.event_onsite .event_container .left-col{font-size: 18px;margin-top: 30px;font-family:  Cairo, Helvetica_new, Arial, sans-serif;color: white;}
.event_onsite .event_container .left-col i {font-size: 15px;}
.event_onsite .seperator{background: #c1ec45;padding: 10px 0; width: 100%;margin: 40px 0; text-align: center;color: #141414;font-size: 28px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.event_onsite .video {width: 100%;}
.event_onsite .video iframe{width: 500px; height: 400px;}
.event_onsite .agendas{display: flex;align-items: start;}
.event_onsite .agendas .agenda{width: auto;cursor: pointer; max-width: 100%;margin: auto;display: block;object-fit: contain;height: auto;max-height: 500px;text-align: center;}

.event_onsite .speakers{display: flex;align-items: start;justify-content: start;flex-wrap: wrap;margin: 30px 0;gap: 50px;}
.event_onsite .speakers .speaker{width: calc((100% - 3 * 50px) / 4);text-align: center;}
.event_onsite .speakers .speaker img{border-radius: 50%;width: 120px;height: 120px;object-fit: cover;}
.event_onsite .speakers .speaker h4{font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;font-size: 18px;color: white;}
.event_onsite .speakers .speaker h6{font-family: Cairo, Helvetica_new, Arial, sans-serif;font-size: 15px;color: white;height: 60px;}
.event_onsite .main-container .timer-parent{display: block;position: relative;padding: 25px;width: 100%;border-radius: 15px; }
.event_onsite .main-container .timer-parent #full-timer{width: 200px;text-align: center;}
.event_onsite .main-container .timer-parent .timer-card{padding: 10px;direction: rtl; margin: 20px auto 0 auto; width: 210px;border: 1px solid #F0532D;border-radius: 15px;display: flex; align-items: center; flex-direction: column;}
.event_onsite .main-container .timer-parent .timer-card .row{display: flex;text-align: center; width: 100%; justify-content: space-between; align-items: center;gap:10px}
.event_onsite .main-container .timer-parent .timer-card .col-lg-3{width: 25%;height: 30px;display: flex;align-items: center;justify-content: center; font-size: 11px; font-family: Cairo, Helvetica_new, Arial, sans-serif}
.event_onsite .main-container .timer-parent .timer-card .col-lg-3.details{font-size: 22px;height: 30px;color: white;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.event_onsite .main-container .timer-parent .timer-card .row.no-gap{gap: 0px;}
.event_onsite .main-container .timer-parent .timer-card .col-lg-3{color: white;}


.event_onsite .organizations{display: flex;align-items: center;flex-wrap: wrap;margin: 10px 0;gap: 40px;}
.event_onsite .organizations .organization{width: calc(100% / 7);text-align: center;}
.event_onsite .organizations .organization img{object-fit: contain;width: fit-content;max-width: 100px;height: fit-content;max-height: 100px;}
.register_event_modal {display: none;direction: ltr; position: fixed;z-index: 99;left: 0;top: 0;width: 100%;height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
.register_event_modal .modal-content {background-color: #fefefe; margin: 5% auto 2% auto; padding: 20px;border: 1px solid #888;width: 80%;max-height: 660px;overflow-y: scroll; }
.register_event_modal label{font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif;font-size: 15px;color: #141414;display: block;}
.register_event_modal input{width: 100%;text-align: left;direction: ltr; transition: .25s ease-in-out all;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;border: unset;font-size: 14px;border-bottom: 1px solid #555454;padding: 0 10px 3px 0;}
.register_event_modal .form-group{margin-top: 30px;}
.register_event_modal .form-group div{display: flex;gap: 5px;align-items: center;}
.register_event_modal .form-group .options{flex-wrap: wrap;align-items: center;justify-content: start;gap: 18px;margin-top: 10px;}
.register_event_modal .form-group div label{font-size: 12px;font-family: Cairo,Helvetica_new,Arial,sans-serif;}
.register_event_modal .form-group input[type="checkbox"],
.register_event_modal .form-group input[type="radio"] {
  width: 20px;
  height: 15px;
}
.register_event_modal .form-group input[type="checkbox"]:checked,
.register_event_modal .form-group input[type="radio"]:checked {
  background-color: #F0532D;
}
.register_event_modal input[type="submit"] {border: unset;color: white; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;background-color: #F0532D;padding: 8px 25px;display: block;margin-top: 20px;width: fit-content;cursor: pointer;;}
.register_event_modal .form-group input:focus-visible{outline: none;border-bottom: 1px solid #F0532D;}
.register_event_modal .close_event_modal{cursor: pointer;font-size: 37px;display: block;position: absolute;left: 8%;color: white;top: 53px;}
.register_event_modal .response_message{font-size: 14px;margin: 20px 0; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;display: none;}
.full_image_ration {display: none;direction: ltr;padding: 20px 0; position: fixed;z-index: 99;left: 0;top: 0;width: 100%;height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6);}
.full_image_ration.active{display: block;text-align: center;}
.full_image_ration img{width: auto;max-width: 100%;height: 100%;object-fit: contain;}
.full_image_ration .close{position: absolute;top: 0;right: 10px;font-size: 45px;color: white;cursor: pointer;}



.response-message{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif; color: green; text-align: center; margin-top: 30px;}
.response-message.error{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif;color: red;}
.nasraseef22 .cards .card{box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);padding: 20px;border-radius: 20px;}
.nasraseef22 .cards .card.monthly{background-color: #F0532D;}
.nasraseef22 .cards .card.monthly .flex{display: flex ; align-items: center; justify-content: center; border-bottom: 1px solid white;}
.nasraseef22 .cards .card.monthly .flex p{font-size: 17px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; line-height: 1.1;color: white;}
.nasraseef22 .cards .card.monthly h3{font-size: 50px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;color: white;}
.nasraseef22 .cards .card.monthly .subscriptions{display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}
.nasraseef22 .cards .card.monthly .subscriptions a:nth-child(1){color: white;text-decoration: underline; font-size: 12px;}
.nasraseef22 .cards .card.monthly .subscriptions a:nth-child(2){color: #141414;text-decoration: underline; font-size: 12px;}
.nasraseef22 .cards .card .title{font-size: 22px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.nasraseef22 .cards .card .subtitle{font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif;line-height: 1.5;direction: ltr;text-align: right;}
.nasraseef22 .cards .card .learnmore{font-size: 12px;display: block; margin-top: 15px; font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #F0532D;text-decoration: underline;}
.nasraseef22 .sponsor-card{box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);margin-top: 25px; padding: 20px;border-radius: 20px; width: 100%;}
.nasraseef22 .range_width{width: 100%}
.nasraseef22 .sponsor-card .main-parent{display: flex; align-items: start;margin-top: 30px;}
.nasraseef22 .sponsor-card .main-parent .right-col{width: 50%; padding-left: 20px}
.nasraseef22 .sponsor-card .cards{ width: 100%;display: flex;}
.nasraseef22 .sponsor-card .cards.radiobuttons{margin-top: 10px;}
.nasraseef22 .sponsor-card .cards.radiobuttons .card-child{margin: 0 0 0 10px; width: 18%}
.nasraseef22 .sponsor-card .cards.radiobuttons .card-child:last-child{margin: 0; width: 46%}
.nasraseef22 .sponsor-card .main-parent .left-col{width: 50%; padding-right: 20px;}
.nasraseef22 .sponsor-card .main-parent .left-col .checkmark{background-color: #E6E6E6;color: black;width: 100%; direction: ltr; text-align: center}
.nasraseef22 .sponsor-card .main-parent .left-col input:checked ~ .checkmark{background-color: white;color: #F0532D;}
.nasraseef22 .sponsor-card .main-parent .left-col .submit-donation{margin-top: 0;font-size: 14px;padding: 6px 15px;}

.managesubscription-page .content-col .manage-title{font-size: 30px; margin: 0 0 30px;}
.managesubscription-page .content-col .firstsection{width: 100%; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); border-radius: 10px; height:100%;padding: 40px; position: relative; top: 12px; background-color: white;}
.managesubscription-page .content-col .firstsection .details{display: flex; align-items: center; gap:40px;  border-bottom: 2px solid #cfcccc; padding-bottom: 20px;}
.managesubscription-page .content-col .firstsection .details .member{width: 30%;} 
.managesubscription-page .content-col .firstsection .details .cost{border-left: 1px solid #cfcccc; width: 25%;}
.managesubscription-page .content-col .firstsection .details .subscription{padding-right: 80px;}
.managesubscription-page .content-col .firstsection .buttons{display: flex; gap: 20px; align-items: center; margin-top: 25px; }
.managesubscription-page .content-col .firstsection .buttons .editbtn{font-family:Cairo-bold, Helvetica_new, Arial, sans-serif; font-size: 12px; color: black; text-decoration: underline;}
.managesubscription-page .content-col .firstsection .buttons .editbtn.active{color: #f0532d;}

.managesubscription-page .content-col .firstsection .buttons .cancelbtn{font-family:Cairo-bold, Helvetica_new, Arial, sans-serif; font-size: 12px; color: black; text-decoration: underline;}
.managesubscription-page .content-col .firstsection .buttons .cancelbtn.active{ color: #F0532D; }

.managesubscription-page .content-col .secondsection{width: 100%; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); border-radius: 10px; height:100%; margin-top: 30px; padding: 40px;}
.managesubscription-page .content-col .secondsection .title{font-size: 22px; margin: 0 0 30px;}
.managesubscription-page .content-col .secondsection .card_info{display: flex; align-items: center;}
.managesubscription-page .content-col .secondsection .no-card{font-size: 14px; font-family: Cairo, Helvetica, Arial, sans-serif; display: block; color: #231F20}
.managesubscription-page .content-col .secondsection .add-card{font-size: 16px; font-family: Cairo, Helvetica, Arial, sans-serif; color: #F0532D; text-decoration: underline}
.managesubscription-page .content-col .secondsection .card_info .card_number{width: 35%;}
.managesubscription-page .content-col .secondsection .card_info .card_date{width: 65%;}
.managesubscription-page .content-col .secondsection .card_info .deletebtn{color: black; text-decoration: underline; font-size: 13px; margin-top: 15px; font-family:Cairo, Helvetica_new, Arial, sans-serif;}

.managesubscription-page .content-col .thirdsection{width: 100%; box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); border-radius: 10px; height:100%; margin-top: 30px; padding: 40px; position: relative; top: 7px; background-color: white;}
.managesubscription-page .content-col .thirdsection .title{font-size: 22px; margin: 0 0 10px;}
.managesubscription-page .content-col .thirdsection .details{display: flex; align-items: center; gap:40px;  border-bottom: 2px solid #cfcccc; padding-bottom: 20px; margin-top: 30px;}
.managesubscription-page .content-col .thirdsection .details .member{width: 30%;} 
.managesubscription-page .content-col .thirdsection .details .cost{border-left: 1px solid #cfcccc; width: 25%;}
.managesubscription-page .content-col .thirdsection .details .subscription{padding-right: 80px;}
.managesubscription-page .content-col .thirdsection .newsponsorbtn{text-decoration: underline; color: black; font-size: 20px; display: block; margin-top: 20px;}
.managesubscription-page .content-col .thirdsection .newsponsorbtn.active{color: #F0532D;}


.firstsection_editsubscription{background-color: #fbdbd3; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 40px; display: none;}
.firstsection_editsubscription .title{font-size: 17px; color: black;}
.firstsection_editsubscription .content{display: flex;justify-content: flex-start; margin-top: 35px;}
.firstsection_editsubscription .content .right_col{width: 70%;}
.firstsection_editsubscription .content .right_col p{font-size:12px ;}
.firstsection_editsubscription .content .right_col .donation-parent{direction: ltr;}
.firstsection_editsubscription .content .right_col .donation-parent .right-col{width: 55%;}
.firstsection_editsubscription .content .left_col{width: 30%;}
.firstsection_editsubscription .content .left_col p{font-size: 12px;}
.firstsection_editsubscription .content .left_col .total_donation{right: initial}
.dashboard-page .submitbtn{font-size: 14px; width: 154px; height: 50px; text-align: center; line-height: 50px; color: white; border-radius: 5px; border: 1px solid;display: block; float: left; border: unset; background-color: #f0532d; margin-top: 35px; cursor: pointer; transition: .4s}
.dashboard-page .submitbtn:hover{opacity: .8}
.firstsection_editsubscription .content .left_col .cards.radiobuttons{direction: ltr; display: flex; gap: 15px; margin: 10px 0; min-height: 45px}
.firstsection_editsubscription .content .left_col .cards.radiobuttons .card-child{width: 33%; text-align: center}


.firstsection_cancelsubscription{height: 335px; background-color: #fbdbd3; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 40px; display: none;}
.firstsection_cancelsubscription h2{direction: ltr; text-align: end;}
.firstsection_cancelsubscription p{direction: ltr; text-align: end;}
.firstsection_cancelsubscription .cancelbtn{font-size: 14px; width: 154px; height: 50px; text-align: center; line-height: 50px; color: white; border-radius: 5px; border: 1px solid;display: block; float: left; border: unset; background-color: #f0532d; margin-top: 35px; cursor: pointer;}
.firstsection_cancelsubscription form{margin-top: 15px;}
.firstsection_cancelsubscription form input[type=radio].cancelsubscription-reason {accent-color: #F0532D; position: relative; top: 4px;}
.firstsection_editsubscription .donation-quantity{padding: 4px;}


/* Start of the subscription landing page */
.subscription_landingpage{text-align: center;width: 60%;padding: 40px 70px;background-color: white;margin: 60px auto 0 auto;border-radius: 15px;direction: ltr;}
.subscription_landingpage .hooray{text-align: center;width: 110px;height: 130px;object-fit: contain;}
.subscription_landingpage h2{font-size: 45px;color: #F0532D;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.subscription_landingpage h3{font-size: 24px;color: #231F20;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.subscription_landingpage .benefits_parent{padding: 40px;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);border-radius: 15px; margin: 30px 0;}
.subscription_landingpage .benefits_parent h4{font-size: 18px;text-transform: uppercase; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; color: #F0532D; text-align: center; margin: 0 0 25px 0} 
.subscription_landingpage .benefits_parent .benefits{display: flex; align-items: start;justify-content: space-between;gap: 35px;}
.subscription_landingpage .benefits_parent .benefit{width: 33%;}
.subscription_landingpage .benefits_parent .benefit:nth-of-type(2) {border-left: 1px solid #3D3A3B;border-right: 1px solid #3D3A3B;padding: 0 35px;}
.subscription_landingpage .benefits_parent .benefit img{height: 60px;width: 60px;object-fit: contain;}
.subscription_landingpage .benefits_parent .benefit p{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #231F20;margin-top: 10px;}
.subscription_landingpage h5{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #231F20;text-align: center;}
.subscription_landingpage .actions{display: flex; align-items: center; justify-content: center;gap: 40px;margin-top: 40px;}
.subscription_landingpage .actions a{font-size: 20px;transition: 0.25s ease-in-out; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;text-align: center;border-radius: 10px;width: 250px;height: 50px;display: flex; align-items: center;justify-content: center;}
.subscription_landingpage .actions a.filled{background-color: #F0532D;color: white;border: 2px solid #F0532D;}
.subscription_landingpage .actions a.notfilled{background-color: white;color: #F0532D;border: 2px solid #F0532D;}
.subscription_landingpage .actions a:hover{opacity: 0.7;}

.subscription_landingpage.success h3{font-family: Cairo, Helvetica_new, Arial, sans-serif;font-size: 24px; padding-bottom: 30px; border-bottom: 1px solid #3D3A3B; width: 80%; margin: auto;}
.subscription_landingpage.success .auto-renewal{font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #231F20;font-size: 15px;margin-top: 30px;}
.subscription_landingpage.success .auto-renewal a{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;color: #F0532D;text-decoration: underline;margin-left: 4px;}


.subscription_landingpage.fail h2{font-size: 24px;color: #231F20;}
.subscription_landingpage.fail .fail_icon{object-fit: contain;width: 90px;height: 50px; text-align: center;margin: 20px 0;}
.subscription_landingpage.fail h3{font-size: 45px;color: #F0532D;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.subscription_landingpage.fail p{font-size: 15px;font-family: Cairo, Helvetica_new, Arial, sans-serif; width: 80%;margin: auto;}
.subscription_landingpage.fail p span{font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}

.forward_sponsor_popup h4{font-size: 17px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;color: #231F20;}
.forward_sponsor_popup h4 span{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif !important;color: #231F20;}
.forward_sponsor_popup .buttons{margin: 50px 0 0 0 !important}
.forward_sponsor_popup .buttons a{width: 190px; height: 50px;}
.forward_sponsor_popup > div{text-align: unset;padding: 45px 50px !important;}
.forward_sponsor_popup> div h3{text-align: center;margin: 0 0 30px 0 !important;}
.forward_sponsor_popup h4 , .forward_sponsor_popup label{text-align: left;}
.forward_sponsor_popup label{margin:10px 0 30px 0;display: block;}
.forward_sponsor_popup label span{display: block;font-size: 12px;color: #231F20;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.forward_sponsor_popup label input{width: 100%; border: unset; border-bottom: 1px solid #231F20; padding: 0 0 5px 0;text-align: left;transition: 0.25s ease-in-out;}
.forward_sponsor_popup label input::placeholder{font-size: 12px; color: #AFAEAE;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.forward_sponsor_popup label input:focus-visible{border-bottom: 1px solid #F0532D;outline: none;}
.forward_sponsor_popup textarea::placeholder{font-size: 12px; color: #AFAEAE;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.forward_sponsor_popup textarea{width: 100%; border: 1px solid #231F20; padding: 10px;text-align: left;border-radius: 10px;margin-top: 10px;transition: 0.25s ease-in-out;}
.forward_sponsor_popup textarea:focus-visible{border: 1px solid #F0532D;outline: none; }
.forward_sponsor_popup .buttons{direction: ltr}
.forward_sponsor_popup .buttons input[type="submit"]{border: none; cursor: pointer}
/* end of the subscription landing page */

/* end Dashboard page */

/* Login Register Forget password pages */
.visitor-page {background-color: #EFEEED; padding: 155px 0 60px 0;}
.visitor-page .login-section{width: 60%; padding: 40px 70px; background-color: white;margin: 60px auto 0 auto;border-radius: 15px;}
.visitor-page .login-section h1{font-size: 24px;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; text-align: center;}


.visitor-page .coupon-popup{position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; direction: ltr; transition: .4s}
.visitor-page .coupon-popup.hide{opacity: 0; visibility: hidden}
.visitor-page .coupon-popup:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; backdrop-filter: blur(9px)}
.visitor-page .coupon-popup > div{position: absolute; left: 0; right: 0; margin: auto; background-color: #FFFFFF; max-width: 720px; top: 50%; transform: translateY(-50%); padding: 45px 150px; box-shadow: 0 0 14px #E6E6E6; border-radius: 15px; text-align: center}
.visitor-page .coupon-popup > div h3{font-size: 30px; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; line-height: 40px}
.visitor-page .coupon-popup > div h4{font-size: 24px; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; line-height: 34px}
.visitor-page .coupon-popup > div .details{padding: 0 45px; margin: 20px 0 0 0}
.visitor-page .coupon-popup > div .details > div{padding: 25px 0; border-radius: 10px; background-color: rgba(240, 83, 45, .1)}
.visitor-page .coupon-popup > div .details > div h2{color: #F0532D; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; font-size: 35px; line-height: 44px}
.visitor-page .coupon-popup > div .details > div p{color: #231F20; font-family: Cairo-Regular, Arial, sans-serif, Helvetica; font-size: 20px; line-height: 30px; margin: 10px 0 0 0}
.visitor-page .coupon-popup > div .buttons{margin: 40px auto 0 auto; font-size: 0}
.visitor-page .coupon-popup > div .buttons .btn{width: calc(50% - 10px); margin: 0 20px 0 0; padding: 0; display: inline-block; height: 50px; line-height: 46px}
.visitor-page .coupon-popup > div .buttons .btn.cancel{margin: 0; border: 1px solid #F0532D}


.visitor-page .login-section .sm-parent{display: flex; align-items: center; justify-content: center; gap: 15px;margin-top: 20px;}
.visitor-page .login-section .sm-parent .sm-login{display: flex; align-items: center; justify-content: center; gap: 6px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05);padding: 12px 55px; border-radius: 10px;}
.visitor-page .login-section .sm-parent .sm-login img{height: 21px; width: 21px; object-fit: contain;}
.visitor-page .login-section .sm-parent .sm-login p{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.visitor-page .login-section .alert{margin: 25px 0 0 0;}
.visitor-page .login-section .alert p{font-size: 13px;text-align: center;font-family: Cairo, Helvetica_new, Arial, sans-serif;width: 50%;margin: auto;color: #F0532D;}

.input_label{margin-top: 25px;display: block;}
.input_label p{font-size: 12px;color: #141414;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.input_label input{width: 100%;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;border: unset;transition: 0.3s ease-in-out all; font-size: 14px;border-bottom: 1px solid #555454;padding: 0px 10px 10px 10px;}
.input_label input:focus-visible{outline: unset; border-bottom: 1px solid #F0532D;}
.input_label input::placeholder{font-family: Cairo, Helvetica_new, Arial, sans-serif;color: #AFAEAE;}
.forgot-remember{display: flex; align-items: center; justify-content: space-between;margin-top: 15px;}
.forgot-remember input{accent-color:#F0532D}
.forgot-remember label{display: flex; align-items: center; justify-content: start; gap: 5px;}
.forgot-remember label span{font-size: 13px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.forgot-remember a{font-size: 13px;text-decoration: underline;direction: ltr; color: #F0532D;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;}
.login-section .submit-donation{padding: 8px 70px;border: unset; cursor: pointer; margin: 30px auto 0 auto;display: block;width: fit-content;}
.login-section .form_message{text-align: center; font-size: 14px; margin: 25px 0;font-family: Cairo, Helvetica_new, Arial, sans-serif; }
.login-section .form_message.success{color: green;}
.login-section .form_message.error{color: red;}
.volunteer-page.manageaccount-page .form_message{text-align: left; direction: ltr; margin-top: 20px;font-size: 14px;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.volunteer-page.manageaccount-page .form_message.success{color: green;}
.volunteer-page.manageaccount-page .form_message.error{color: red;}
.switchpage-text{font-size: 12px;font-family: Cairo, Helvetica_new, Arial, sans-serif;margin-top: 10px;text-align: center;}
.switchpage-text a{color: #F0532D;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;text-decoration: underline;}
.visitor-page .login-section h2{font-size: 16px;width: 75%;margin: auto; font-family: Cairo, Helvetica_new, Arial, sans-serif; text-align: center;}
.visitor-page .flex{display: flex;align-items: center; justify-content: space-between; gap: 15px;}
.visitor-page .flex > label{width: 50%;}
.visitor-page .password-eye{border-bottom: 1px solid #555454;transition: 0.25s ease-in-out all; display: flex; align-items: center;}
.visitor-page .password-eye input{border-bottom: unset;}
.visitor-page .form_to_submit{direction: ltr}

.visitor-page p.label-text-gender{font-size: 12px;color: #141414;font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 20px 0 0 0;text-align: start;}
.visitor-page p.label-text-country{font-size: 12px;color: #141414;font-family: Cairo, Helvetica_new, Arial, sans-serif; margin: 0 0 5px 0;text-align: start;}
.visitor-page p.label-text-gender span,.visitor-page p.label-text-country span{font-weight: bold;color: #F0532D;}
.visitor-page .gender-options{display: flex;gap: 5px;align-items: center;margin: 5px 0 20px 0;direction: ltr;border-bottom: 1px solid #555454;padding: 0px 10px 10px 10px;}
.visitor-page .gender-options label{display: flex; align-items: center;cursor: pointer;font-family: Cairo, Helvetica, Arial, sans-serif;font-size: 14px;margin: 0 10px 0 0 !important;}
.visitor-page .subscribe_nasraseef .gender-options label{font-size: 13px;margin: 0 7px 0 0 !important;}
.visitor-page .gender-options input{margin: 0;width: 16px;height: 16px;cursor: pointer;}
.visitor-page .gender-options input:checked{accent-color: #F0532D;}

.visitor-page .subscribe_nasraseef .countries{width: 160px; margin: 0 auto 20px 0;}
.visitor-page .countries{position: relative;width: fit-content;margin: 0 0 20px 0;}
.visitor-page .countries i{position: absolute;font-size: 14px;top: 14px;right: 8px;z-index: 999999;cursor: pointer;}
.visitor-page #country-select{padding: 5px;font-size: 13px;font-family: Cairo, Helvetica, Arial, sans-serif;box-sizing: border-box;outline: none;cursor: pointer;position: relative;border: 1px solid #ccc; border-radius: 4px;direction: ltr;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 160px;}


.dashboard-page .low-opacity{opacity: .3}
.showpass{cursor: pointer;}
.loader {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #555454;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  /*shake comment bubble*/
  @keyframes tilt-n-move-shaking {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(5px, 5px) rotate(5deg); }
    50% { transform: translate(0, 0) rotate(0deg); }
    75% { transform: translate(-5px, 5px) rotate(-5deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
  }
/* end Login Register Forget password pages */


/*Footer*/
footer{height: 270px; background-color: #231F20; padding: 55px 0}
footer .main-container{display: flex;direction: ltr;align-items: start;}
footer .logo-container{width: 19%; display: inline-block; vertical-align: top; margin: 0 3% 0 0}
footer .logo-container .logo{width: 242px; height: 88px; background: url('/assets/images/logo-white.png?1') no-repeat center; background-size: contain; display: inline-block; transition: .25s; -webkit-transition: .25s}
footer .logo-container .logo:hover{opacity: .75}
footer .logo-container .logo.lgbtq{background: url('/assets/images/Raseef-LGBTQ-logo.png') no-repeat center; background-size: contain}
footer .menus-container{width: 51%; display: inline-block; vertical-align: top; margin: 0 4% 0 0}
footer .menus-container ul.main{padding: 0 0 54px 0}
footer .menus-container ul.main li{display: inline-block; margin: 0 20px 0 0}
footer .menus-container ul.main li a{color: #FFFFFF; font-size: 13px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif}
footer .menus-container ul.languages{border-top: 1px solid #FFFFFF; padding: 48px 0 0 0}
footer .menus-container ul.languages li{display: inline-block; vertical-align: top; margin: 0 20px 0 0}
footer .menus-container ul.languages li:last-child{margin: 0}
footer .menus-container ul.languages li a{color: #FFFFFF; font-size: 12px; font-family: Cairo, Helvetica, Arial, sans-serif; text-transform: uppercase}
footer .menus-container ul.languages li a.active{font-family: Cairo-Bold, Helvetica, Arial, sans-serif}
footer .newsletter-container{width: 23%; display: inline-block; vertical-align: top}
footer .newsletter-container form{position: relative}
footer .newsletter-container form .newsletter-link{position: relative;height: 33px; display: block;left: unset;width: fit-content;background:unset; font-size: 17px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #F0532D; display: block; margin: 0 0 10px 0;color: white;transition: 0.25s ease-in-out all;transform: unset;right: unset;bottom: unset;}
footer .newsletter-container form .newsletter-link:hover{color: #F0532D;border-bottom: 1px solid #F0532D;}
footer .newsletter-container form label{font-size: 17px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #F0532D; display: block; margin: 0 0 10px 0}
footer .newsletter-container form input{border: none; border-bottom: 1px solid #FFFFFF; width: 100%; outline: none; background-color: transparent; font-size: 16px; font-family: Cairo, Helvetica, Arial, sans-serif; padding: 0 25px 5px 10px; color: #FFFFFF;text-align: left;}
footer .newsletter-container form input[name=email]::-webkit-input-placeholder{font-size: 12px; color: #FFFFFF}
footer .newsletter-container form input[name=email]:-moz-placeholder{font-size: 12px; color: #FFFFFF}
footer .newsletter-container form input[name=email]::-moz-placeholder{font-size: 12px; color: #FFFFFF}
footer .newsletter-container form input[name=email]:-ms-input-placeholder{font-size: 12px; color: #FFFFFF}
footer .newsletter-container form a{position: absolute; right: 5px; bottom: 12px; width: 7px; height: 12px; background: url('/assets/images/icon-angle-left-white.png') no-repeat center; background-size: contain;transform: rotate(180deg);}
footer .newsletter-container .social{margin: 48px 0 0 0}
footer .newsletter-container .social li{display: inline-block; margin: 9px 0 0 9px}
footer .newsletter-container .social li:first-child{margin: 0}
footer .newsletter-container .social li a{width: 28px; height: 28px; border: 1px solid #FFFFFF; border-radius: 50%; display: flex;align-items: center;justify-content: center; font-size: 14px; color: #FFFFFF; text-align: center; line-height: 30px; position: relative}
footer .newsletter-container .social li a:before{content: ''; width: 100%; height: 100%; position: absolute; opacity: 0; transition: .25s; border-radius: 50%; right: 0}
footer .newsletter-container .social li a:hover:before{opacity: 1}
footer .newsletter-container .social li a.twitter:before{background-color: #01AFFD}
footer .newsletter-container .social li a.instagram:before{background: #f09433; background: -moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: -webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
footer .newsletter-container .social li a.facebook:before{background-color: #3F59A3}
footer .newsletter-container .social li a.whatsapp:before{background-color: #25D366}
footer .newsletter-container .social li a.linkedin:before{background-color: #0077b5}
footer .newsletter-container .social li a.youtube:before{background-color: #FF0000}
footer .newsletter-container .social li a.tiktok:before{background-color: #000000}
footer .newsletter-container .social li a.telegram:before{background-color: #01AFFD}
footer .newsletter-container .social li a i{position: relative}
/*End Footer*/


.notifications-overlay{background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 99; direction: rtl; display: none}
.notifications-overlay .popup{width: 440px; height: 370px; background-color: #FFFFFF; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto; border-top: 10px solid #F0532D; font-size: 0; padding: 0 20px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)}
.notifications-overlay .popup .close{width: 24px; height: 24px; position: absolute; background: url('/assets/images/notifications-popup-close.png') no-repeat center; background-size: contain; right: 15px; top: 15px}
.notifications-overlay .popup figure{width: 65px; height: 70px; background: url('/assets/images/notifications-popup-bell.png') no-repeat center; background-size: contain; margin: 25px auto 20px auto}
.notifications-overlay .popup h3{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 20px; text-align: center; padding: 0 20px}
.notifications-overlay .popup p{font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; padding: 0 20px}
.notifications-overlay .popup a.yes, .notifications-overlay .popup a.later, .notifications-overlay .popup a.no{display: inline-block; width: 30%; margin: 50px 0 0 5%; height: 45px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; border: 1px solid #EBEBEB; line-height: 44px; transition: .5s}
.notifications-overlay .popup a.yes:hover, .notifications-overlay .popup a.later:hover, .notifications-overlay .popup a.no:hover{letter-spacing: 0.25px}
.notifications-overlay .popup a.yes{background-color: #F0532D; color: #FFFFFF}
.notifications-overlay .popup a.no{margin: 50px 0 0 0; color: #EE4E2C}

/* .newsletter-popup-overlay{background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 99999; display: none} */
.newsletter-popup-overlay{position: fixed; bottom: -100%; right: 0; z-index: 99; transition: .5s}
.newsletter-popup-overlay.slide-up{bottom: 0}
.newsletter-popup-overlay .popup-newsletter-subscriptions{width: 482px; height: auto;padding: 30px 30px 60px 30px; overflow: hidden; direction: ltr; text-align: right; background: white; box-shadow: 0 0 2px 2px rgba(0,0,0,.05); border-top-left-radius: 15px; border-top-right-radius: 15px; position: relative;background: #f0532d;}
.newsletter-popup-overlay .popup-newsletter-subscriptions .right-arc{position: absolute;left: 10px;top: 10px;width: 60px;height: 60px;object-fit: contain;margin: 0;transform: rotate(270deg);}
.newsletter-popup-overlay .popup-newsletter-subscriptions .left-arc{position: absolute;right: 10px;bottom: 10px;width: 60px;height: 60px;object-fit: contain;margin: 0;transform: rotate(270deg);}
.newsletter-popup-overlay .popup-newsletter-subscriptions .r22-newsletter-logo{position: absolute;left: 30px;bottom: 0;width: 140px;height: 40px;object-fit: contain;margin: 0;}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.newsletter-title{color: #dfd5c8;position: relative;z-index: 2; font-size: 21px;font-family: Cairo, Helvetica, Arial, sans-serif;text-align: left;}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.newsletter-title span{color: #231f20;font-size: 18px; }
.newsletter-popup-overlay .popup-newsletter-subscriptions div.newsletter-title span.white{color: #dfd5c8 !important;font-size: 22px;}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.newsletter-title span a{color: #231f20 !important;}
.newsletter-popup-overlay .popup-newsletter-subscriptions img{display: block; margin: 20px auto}
.newsletter-popup-overlay .popup-newsletter-subscriptions img.telegram-newsletter{height: 140px;}
.newsletter-popup-overlay .popup-newsletter-subscriptions .closepopup{font-size: 28px; position: absolute; right: 10px; color: white; z-index: 99; cursor: pointer; top: 10px;font-family: Cairo, Helvetica, Arial, sans-serif;}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info{display: inline-block; height: auto; width: 100%; vertical-align: top}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info h2{color: black; font-size: 14px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; max-width: 340px; text-align: center; display: block; margin: auto}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info label{color: black; font-size: 14px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; display: block; text-align: center; padding:30px 0 0 0}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info input{width: 100%;font-size: 17px; display: block; background-color: unset; color: white !important; height: 40px; text-align: center; direction: ltr; border: none; margin: 15px auto; padding: 0 10px; font-family: Cairo, Helvetica, Arial, sans-serif; max-width: 290px; border:1px solid #dfd5c8 ; outline: none}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info input::placeholder{color: white;}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info button{width: 100%;max-width: 290px; display: block; margin: 5px auto 0 auto; background-color: unset; color: white; font-size: 17px; border: 1px solid #dfd5c8; height: 40px; cursor: pointer; font-family: Cairo, Helvetica, Arial, sans-serif; outline: none}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info button i{margin: 0 5px 0 0}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info .ErrorMessage_{font-size: 12px; text-align: center; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: white; display: none}
.newsletter-popup-overlay .popup-newsletter-subscriptions div.info .success{font-size: 12px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: white; text-align: center; padding: 0 10px}


/*Payment Return page*/
.payment-return-page .container{max-width: 800px; width: 100%; margin: auto; text-align: center; padding: 100px 0; direction: ltr}
.payment-return-page .container i{display: block; margin: 0 auto 50px auto; width: 90px; height: 80px}
.payment-return-page.successful .container i{background: url('/assets/images/icon-payment-successful.png') no-repeat center; background-size: contain}
.payment-return-page.failure .container i{background: url('/assets/images/icon-payment-failure.png') no-repeat center; background-size: contain}
.payment-return-page .container h2{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 30px; line-height: 40px}
.payment-return-page.successful .container h2{color: #F0532D}
.payment-return-page.failure .container h2{color: #C60000}
.payment-return-page .container p{font-family: Cairo, Helvetica, Arial, sans-serif; line-height: 20px; margin: 20px 0 0 0}
.payment-return-page .container p a{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; text-decoration: underline}
/*End Payment Return page*/


/* Supporters and partners page */
.partners_supporters{max-width: 1650px; margin: auto}
.partners_supporters h1{font-size: 16px; text-align: center;max-width: 700px; margin: 30px auto 0 auto ; line-height: 1.7;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.partners_supporters .section-title{font-size: 40px; text-align: center;color: #FF500F;font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; margin-top: 40px;}
.partners_supporters .partners{display: grid; grid-template-columns: repeat(8,1fr); gap: 20px;margin-top: 20px; padding-bottom: 60px; border-bottom: 1px solid #555454; width: 100%; align-items: center}
.partners_supporters .partners .partner {text-align: center;}
.partners_supporters .partners .partner img{text-align: center;height: auto; max-height: 90px; width: fit-content; max-width:100%; object-fit: contain;}
.partners_supporters .supporters-first-section{padding: 40px;margin: 0 -10px; background-color: #E6E6E6; margin-top: 20px;}
.partners_supporters .supporters-first-section .parent{display: flex; align-items: center; justify-content: center; gap: 25px;}
.partners_supporters .supporters-first-section .parent p{font-size: 13px;width: 400px; font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.partners_supporters .supporters-first-section .parent img{height: 140px; width: 135px; object-fit: contain;}
.partners_supporters .supporters{display: grid; grid-template-columns: repeat(5,1fr); gap: 10px;margin-top: 30px;}
.partners_supporters .supporters .supporter{text-align: center;width: 160px; margin: auto; position: relative}
.partners_supporters .supporters .supporter img{max-width: 100%;object-fit: contain; height: auto; width: fit-content; max-height: 100%; display: flex; align-items: center; justify-content: center;}
.partners_supporters .supporters .supporter span{position: absolute; top: -2px; right: 0; font-size: 24px; line-height: 10px}
.partners_supporters .eu-notice{margin: 50px 0 0 0; text-align: center; padding: 0 0 50px 0}
.partners_supporters .eu-notice p{font-size: 16px; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; margin: 40px 0 0 0; display: inline-block; vertical-align: top; direction: ltr}
.partners_supporters .eu-notice img{display: inline-block; vertical-align: top; width: 150px; margin: 0 10px 0 0}
/* End Supporters and partners page */


/*NAS Page*/
.nasraseef22 .nas-benefits{border: 1px solid #F0532D; box-shadow: 0 0 15px rgba(240, 83, 45, .25); margin: 25px 0; border-radius: 15px}
.nasraseef22 .nas-benefits .header{padding: 30px 0; background-color: #F0532D; border-radius: 15px}
.nasraseef22 .nas-benefits .header ul{display: flex; align-items: center;direction: ltr;}
.nasraseef22 .nas-benefits .header ul li{padding: 0 35px}
.nasraseef22 .nas-benefits .header ul.subscribed li:first-child{width: 42%; border-left: 1px solid #FFFFFF; display: flex; align-items: center; gap: 15px}
.nasraseef22 .nas-benefits .header ul.subscribed li{width: 29%}
.nasraseef22 .nas-benefits .header ul li:first-child{width: calc(100% - 250px)}
.nasraseef22 .nas-benefits .header ul.subscribed li:last-child{width: 25%}
.nasraseef22 .nas-benefits .header ul li:last-child{text-align: left}
.nasraseef22 .nas-benefits .header ul li h4{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 50px; display: inline-block; vertical-align: middle}
.nasraseef22 .nas-benefits .header ul li h3{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 20px}
.nasraseef22 .nas-benefits .header ul li p{font-family: Cairo, Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 17px; display: inline-block; vertical-align: middle; line-height: 25px}
.nasraseef22 .nas-benefits .header ul li p span{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 20px}
.nasraseef22 .nas-benefits .header ul li a{font-family: Cairo, Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 12px; text-decoration: underline}
.nasraseef22 .nas-benefits .header ul li .btn{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #F0532D; font-size: 14px; text-decoration: none; float: left; padding: 12px 24px}
.nasraseef22 .nas-benefits .content{padding: 20px 25px 0 25px;direction: ltr;}
.nasraseef22 .nas-benefits .content h3{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #231F20; font-size: 17px; direction: ltr; display: inline-block}
.nasraseef22 .nas-benefits .content ul{margin: 20px 0 0 0}
.nasraseef22 .nas-benefits .content ul li{padding: 0 20px 0 0; display: inline-flex; vertical-align: middle; width: 33.33%; margin: 0 0 20px 0}
.nasraseef22 .nas-benefits .content ul li i{display: flex;align-items: center;justify-content: center; vertical-align: middle; width: 37px; height: 37px; background-repeat: no-repeat; background-size: contain; background-position: center;background-color: #FFE5DB;border-radius: 50%;padding: 7px;}
.nasraseef22 .nas-benefits .content ul li i span{display: inline-block; vertical-align: middle; width: 37px; height: 37px; background-repeat: no-repeat; background-size: contain; background-position: center}
.nasraseef22 .nas-benefits .content ul li p{width: calc(100% - 50px); margin: 7px 0 0 12px; font-family: Cairo, Helvetica, Arial, sans-serif; color: #231F20; font-size: 14px; display: inline-block; vertical-align: middle; line-height: 18px; direction: ltr}
.nasraseef22 .nas-benefits .content ul li p span{display: block; line-height: 14px}
.nasraseef22 .nas-benefits .content ul li p span:first-child{margin: 5px 0 0 0}
.nasraseef22 .nas-benefits .content ul li p span:after{content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #F0532D; display: inline-block; margin: 0 0 0 5px; position: relative; top: -2px}
.nasraseef22 .section-title span.orange{color: #F0532D}
.nasraseef22 .sponsor-card{padding: 30px}
.nasraseef22 .sponsor-card form .half{display: inline-block; width: calc(50% - 10px); margin: 0 0 0 20px}
.nasraseef22 .sponsor-card form .half.no-margin{margin: 0}
.nasraseef22 .sponsor-card form label{color: #231F20; font-family: Cairo, Helvetica, Arial, sans-serif; font-size: 12px; display: block; margin: 0 0 5px 0; padding: 0}
.nasraseef22 .sponsor-card form .half input[type="text"], .nasraseef22 .sponsor-card form .half input[type="email"]{width: 100%; transition: .25s ease-in-out all; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif; border: unset; font-size: 14px; border-bottom: 1px solid #555454; padding: 0 10px 10px}
.nasraseef22 .sponsor-card form .half input[type="text"]::placeholder, .nasraseef22 .sponsor-card form .half input[type="email"]::placeholder{color: #AFAEAE;font-family: Cairo, Helvetica_new, Arial, sans-serif;}
.nasraseef22 .sponsor-card form .half input[type="text"]:focus-visible, .nasraseef22 .sponsor-card form .half input[type="email"]:focus-visible{outline: unset; border-bottom: 1px solid #f0532d}
.nasraseef22 .donation-quantity{width: 30%}
.nasraseef22 .donation-quantity input{font-family: Cairo-Bold, Arial, sans-serif, Helvetica}
.nasraseef22 .sponsor-card form .card-title{font-size: 17px; color: #231F20; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; margin: 0 0 20px 0}
.nasraseef22 .sponsor-card form .textarea-container{margin: 40px 0 0 0}
.nasraseef22 .sponsor-card form .textarea-container span, .nasraseef22 .sponsor-card form .textarea-container p{font-size: 12px; font-family: Cairo, Helvetica, Arial, sans-serif; color: #231F20; font-weight: normal; direction: ltr; text-align: right}
.nasraseef22 .sponsor-card form .textarea-container .card-title{margin: 0; direction: ltr; text-align: right}
.nasraseef22 .sponsor-card form .textarea-container textarea{margin: 10px 0 0 0; width: 100%; min-height: 115px; max-height: 115px; border-radius: 10px; border: 1px solid #555454; padding: 20px 25px; outline: none}
.nasraseef22 .sponsor-card form .btn{font-size: 14px; padding: 12px 22px; margin: 15px 0 0 0; float: left; border: none; cursor: pointer}
.nasraseef22 .sponsor-card form .btn.disabled{opacity: .15; cursor: default}

/*nas form component for manage subscription*/
.nasraseef22.component .sponsor-card{margin-top: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: #fbdbd3;display: none;}
.nasraseef22.component .sponsor-card .half input,.nasraseef22.component .sponsor-card textarea{background-color: #fbdbd3;}
.nasraseef22.component .sponsor-card .main-parent .left-col .checkmark{background-color: #FFFFFF;}
.nasraseef22.component .total_donation{background-color: #FFFFFF;}
.nasraseef22.component .sponsor-card form .btn.disabled{background-color: #F0532D;}
/*End NAS Page*/


.add-payment-card-popup{position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; direction: ltr}
.add-payment-card-popup.hide{opacity: 0; visibility: hidden}
.add-payment-card-popup:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; backdrop-filter: blur(9px)}
.add-payment-card-popup > div{position: absolute; left: 0; right: 0; margin: auto; background-color: #FFFFFF; max-width: 720px; top: 50%; transform: translateY(-50%); padding: 45px 150px; box-shadow: 0 0 14px #E6E6E6; border-radius: 15px; text-align: center}
.add-payment-card-popup > div h3{font-size: 24px; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; line-height: 40px; margin: 0 0 100px 0}
.add-payment-card-popup > div .close{width: 22px; height: 22px; position: absolute; top: 30px; left: 30px; background: url('/assets/images/icon-times-black.png') no-repeat center; background-size: contain}
.add-payment-card-popup > div .buttons{margin: 100px 0 0 0}
.add-payment-card-popup > div .buttons .btn.white{border: 1px solid #F0532D; margin: 0 0 0 20px}
.add-payment-card-popup > div .buttons .btn{padding: 4px 50px 8px 50px}
.add-payment-card-popup > div .buttons .btn.disabled{opacity: .5; cursor: default}
.add-payment-card-popup > div #card-element{background-color: #FFFFFF; padding: 15px 10px; border-bottom: 1px solid #555454}
.add-payment-card-popup > div #card-error, .add-payment-card-popup > div .error-message{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; color: #F0532D; margin: 20px 0 0 0}
.add-payment-card-popup > div .error-message{display: none}

/* Earthquake Donation */
.donation-progress-component{height: 340px; background: url('/assets/images/donation-banner-meter-bg.jpg?1') no-repeat center; background-size: contain; padding: 50px;direction: ltr;}
.donation-progress-component .donation-bar{margin: 100px 0 0 0; font-family: Cairo-Bold, Arial, sans-serif, Helvetica; font-size: 20px; height: 38px; border-radius: 20px; background-color: #D3D3D3; padding: 0 10px; position: relative; box-shadow: 0 6px 20px rgba(0, 0, 0, .25)}
.donation-progress-component .donation-bar p{position: absolute}
.donation-progress-component .donation-bar .left{left: 20px; min-width: 65px; max-width: calc(100% - 110px); text-align: left}
.donation-progress-component .donation-bar .left.align-right{text-align: right; color: #FFFFFF; padding: 0 5px 0 0}
.donation-progress-component .donation-bar .right{right: 20px; min-width: 65px}
.donation-progress-component .btn.default{padding: 0; margin: 50px auto 0 auto; display: block; width: 180px; text-align: center; height: 45px; line-height: 45px}
/* End Earthquake Donation */


.join_conversation_popup p , .delete_account_popup p{font-size: 14px;font-family: Cairo, Arial, sans-serif, Helvetica;padding: 20px 0;}
.join_conversation_popup h3 , .delete_account_popup h3{margin: 0 !important;}

@media only screen and (max-width: 1570px) {
    .opinions-component{background-position: 104% center}
    .videos-page .most-watched ul li a figure{height: 240px}

    .article-page .datawall{padding: 45px 110px}
    .sidebar-component-title a{width: 180px; color: #FFFFFF !important; line-height: 50px; font-size: 15px}
}


@media only screen and (max-width: 1440px) {
    .homepage .main-container.videos .related-videos ul li a figure{height: 115px}
    .videos-page .most-watched ul li a figure{height: 220px}
    .authors-page .opinions-component .slick-prev:before, .authors-page .opinions-component .slick-next:before{font-size: 20px; width: 25px; height: 25px; line-height: 25px}
    .aboutus-page .info > div figure{height: 150px}
    .newsletters .newsletter .flex{min-height: 120px}
}

@media only screen and (max-width: 1352px) {
    .homepage .main-container .col-left .featured .article-1 .content h5{display: none !important; }
}

@media only screen and (max-width: 1350px) {
    .donate-banner .close{right: 20px}
    .homepage .main-container .col-left .stories li{height: 220px}
    .homepage .main-container .col-left .featured .article-1{height: 300px}
    .homepage .main-container .col-left .featured .article-1 .content{padding: 48px 0 48px 40px}
    .opinions-component{background-position: 105% center; background-size: 545px}
    .opinions-page .main-container ul.carousel .slick-prev, .opinions-page .main-container ul.carousel .slick-next{width: 40px; height: 40px; line-height: 56px}
    .opinions-page .main-container ul.carousel .slick-prev:before, .opinions-page .main-container ul.carousel .slick-next:before{font-size: 30px}
    .videos-page .most-watched ul li a figure{height: 200px}
    .author-page .author-info figure{width: 120px; height: 120px}
    .author-page .author-info > div{margin: 0 0 0 25px; width: calc(100% - 460px)}
    .author-page .author-info > div h1{font-size: 20px}
    .author-page .author-info > div p{font-size: 16px; line-height: 30px}
    .aboutus-page .info > div figure{height: 120px}
    .aboutus-page .info > div h1{font-size: 36px; line-height: 50px}
    .aboutus-page .info > div h1:before{top: 30px; height: 50px}
    .donate-page .col-right > div{width: 75%}
    .homepage .main-container.english-article article .content .title h3{line-height: 24px}
    .homepage .main-container article .content .title h4{font-size: 15px; line-height: 24px}
    .homepage .main-container article .content .title span{line-height: 24px}

    .article-page .datawall{padding: 45px}
}

@media only screen and (max-width: 1300px) {
    header .desktop-header .bottom-menu .right-container nav ul li, header .desktop-header .bottom-menu .donation-container{margin: 0 15px 0 0}
    header .desktop-header .bottom-menu .right-container form{margin: 0 40px 0 0}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections .main-container{padding: 0 0 0 310px}

    .opinions-component .main-container .col-left article{height: 320px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 175px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 205px}
    .opinions-component{background-size: 524px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 100px}
    .homepage .main-container.videos article figure{height: 400px}
    .homepage .main-container.videos article figure:after{width: 75px; height: 75px}
    .videos-page .most-watched ul li a figure{height: 180px}
    .videos-page .most-watched ul li a figure span{font-size: 18px}
    .videos-page .most-watched ul li a .details h3{font-size: 18px; max-height: 75px; line-height: 34px}
    .videos-page .most-watched ul li a .details span{font-size: 16px}
    article.article-stream-2{height: 400px}
    .category-page .comments-component{height: 400px}
    .category-page .comments-component ul{height: 330px}
    .authors-page .authors ul li a{width: 150px}
    .authors-page .authors ul li a figure{height: 150px}
    .authors-page .authors ul li a h3{font-size: 18px}
    .authors-page .opinions-component .slick-prev:before, .authors-page .opinions-component .slick-next:before{font-size: 18px; width: 20px; height: 20px; line-height: 20px}
    .aboutus-page .our-team ul li{width: 25%}
    .aboutus-page .contributors ul li{width: 20%}
    .donate-page .col-right > div{width: 80%}

    .visitor-page.page .subscribe_nasraseef{width: 50%;}
    .visitor-page.page.donate .main-container .details.third{margin-right: 50px;}
    .visitor-page.page.donate .main-container .details.third p:nth-child(5){font-size: 30px;}

    .firstsection_editsubscription .content .right_col{width: 65%}
    .firstsection_editsubscription .content .left_col{width: 35%}
    .donation-progress-component .btn.default{margin: 20px auto 0 auto}
}

@media only screen and (max-width: 1240px) {
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.engage ul li{width: unset;}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.engage ul li:last-child{margin: 0 0 0 10px;}
    footer .logo-container .logo{width: 202px;}


    .interests{grid-template-columns: repeat(3, 1fr);}

    header .main-container{padding: 0 10px}
    header .desktop-header .bottom-menu .right-container .logo{width: 150px; height: 42px}
    header .desktop-header .bottom-menu .right-container form{margin: 0 10px 0 0}
    header .desktop-header .bottom-menu .right-container form input{width: 150px}
    header form .search-suggestions li{width: 150px}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a .figure-container{height: 160px}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li a, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li a{font-size: 16px}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul li a, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li ul li a{font-size: 14px}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li{margin: 0 0 0 10px; width: calc(10% - 8px)}

    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li{width: calc(10% - 8px);}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:nth-child(2){width: calc(10% - 30px);}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:nth-child(3){width: calc(10% - 8px);}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections.columns ul li:last-child{width: calc(60% - 20px);}



    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections .main-container{padding: 0 0 0 268px}

    .homepage .main-container .col-left .stories li{height: 200px}
    .homepage .main-container .col-left .featured .article-2 figure{height: 160px}
    .opinions-component .main-container .col-left article{height: 290px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 145px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 175px}
    .opinions-component{background-size: 484px; background-position: 107% center}
    .homepage .main-container .article-1{height: 420px}
    .homepage .main-container .article-2{height: 420px}
    .homepage .main-container article .content .title h3{font-size: 16px; line-height: 26px}
    .homepage .main-container article .content .title h4{font-size: 15px}
    .homepage .main-container article .content .title span{font-size: 15px; line-height: 16px}
    .homepage .main-container .article-3{height: 466px}
    .homepage .main-container .article-4{height: 238px}
    .homepage .main-container .article-5{height: 208px}
    .homepage .main-container .article-6{height: 208px}
    .homepage .main-container article.article-5 h3{font-size: 15px; line-height: 22px; margin: 0}
    .homepage .main-container article.article-5 h4{font-size: 15px}
    .homepage .main-container article.article-1.quote h3{font-size: 24px; line-height: 38px}
    .homepage .main-container article.quote h3:after{font-size: 100px; left: -10px}
    .homepage .main-container article.article-2.quote h3{font-size: 22px; line-height: 34px}
    .homepage .main-container article.quote h4{font-size: 15px}
    .homepage .main-container article.article-3.quote h3{font-size: 22px; line-height: 34px}
    .homepage .main-container article.article-4.quote h3{font-size: 20px; line-height: 30px}
    .homepage .main-container article.article-4.quote h3:after{font-size: 100px}
    .homepage .main-container article.article-5.quote h3:after, .homepage .main-container article.article-5.quote h3:after{font-size: 80px}
    .homepage .main-container article.article-6.quote h3{font-size: 16px; line-height: 24px}
    .homepage .main-container article.article-5 .content .title{width: 88%}
    .opinions-page .main-container ul.carousel .slick-prev, .opinions-page .main-container ul.carousel .slick-next{width: 35px; height: 35px; line-height: 48px}
    .opinions-page .main-container ul.carousel .slick-prev:before, .opinions-page .main-container ul.carousel .slick-next:before{font-size: 26px}
    .opinions-page .main-container ul.carousel .slick-next{left: 75px}
    .opinions-page .main-container ul.carousel .slick-prev{right: 75px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 90px}
    .countries-page .countries-list ul li a{font-size: 22px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details{bottom: 7px}
    /*.authors-page .main-container ul.carousel li{height: 450px}*/
    .authors-page .main-container article.article-2{height: 210px}
    .authors-page .main-container article.article-7{height: 315px}
    .authors-page .main-container article.article-7 figure.article-fig{height: 155px}
    article.article-stream-2{height: 350px}
    article.article-stream-2 .content .details h2{font-size: 20px; line-height: 28px}
    article.article-stream-2 .content .details .category{font-size: 15px; top: -38px}
    .category-page .comments-component{height: 350px}
    .category-page .comments-component ul{height: 280px}
    .authors-page .main-container article.article-5 h2{font-size: 28px}
    .author-page .author-info > div p{font-size: 15px}
    .aboutus-page .info > div figure{height: 100px}
    .aboutus-page .info > div h1{font-size: 30px; line-height: 50px}
    .aboutus-page .info > div h1:before{top: 30px}
    .donate-page .col-right > div{width: 100%}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{width:46%;overflow: hidden}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 240px!important;height: 240px!important;margin: auto}
    .homepage .main-container article .content .title h3{font-size: 15px; line-height: 20px; margin: 0 0 5px 0}

    footer .logo-container{width: 25%}
    footer .newsletter-container{width: 25%}
    footer .menus-container{width: 43%; margin: 0 4% 0 0}
    footer .menus-container ul.main li{margin: 0 15px 0 0 !important}
    footer .menus-container ul.main li a{font-size: 12px;}
    footer .newsletter-container form .newsletter-link{font-size: 15px;}
    footer .newsletter-container .social li{margin: 7px 0 0 7px;}
    footer .newsletter-container .social li a{width: 25px;height: 25px;}
    

    .nasraseef22 .total_donation, .nasraseef22 .checkmark{font-size: 11px}
    .nasraseef22 .donation-quantity, .nasraseef22 .donation-quantity input{font-size: 12px}
    .nasraseef22 .range_width{width: 65%}

}

@media only screen and (max-width: 1150px) {
    .newsletters .newsletter .flex{min-height: 200px}
}

@media only screen and (max-width: 1118px) {

    .mostread-component.corona-component h2 a{width: auto;display: inline-block;padding: 0 10px;}
    .mostread-component.corona-component h2 a:after{width: 30%;}
    .dashboard-page .main-container .content-col .first-section .left-col .flex .card .number{font-size: 25px; }
    .dashboard-page .main-container .content-col .first-section .right-col .user-info .profile-img{width: 70px; height: 70px;}
    .dashboard-page .main-container .content-col .first-section .left-col .flex .card a{font-size: 13px;}
    .dashboard-page .main-container .content-col .first-section .right-col .email{font-size: 13px;}
    .dashboard-page .main-container .content-col .first-section .right-col .full-name{font-size: 20px;}
    .dashboard-page .main-container .content-col .first-section .left-col .flex .card .icon{width: 43px; height: 43px;}
    .dashboard-page .main-container .dashboard-col a{font-size: 14px;}
    .dashboard-page .main-container .content-col .saved-articles .article .content{font-size: 15px;}


    header .desktop-header .bottom-menu .right-container form input{width: 70px;padding: 0 0 0 30px;}
    header form .search-suggestions li{width: 70px}
    header .desktop-header .bottom-menu .right-container form{margin: 0;}
    header .desktop-header .bottom-menu .right-container nav ul li, header .desktop-header .bottom-menu .donation-container{margin: 0 10px 0 0}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a .figure-container{height: 140px}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li a, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li a{font-size: 15px}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections ul li ul li a, header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.countries ul li ul li a{font-size: 13px}
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.sections .main-container{padding: 0 0 0 230px}


    .homepage .main-container .col-left .stories li{height: 180px}
    .homepage .main-container .col-left .featured .article-1{height: 250px}
    .homepage .main-container .col-left .featured .article-1 .content{padding: 22px 0 22px 20px}
    .homepage .main-container .col-left .featured .article-1 .content h3{font-size: 24px; line-height: 34px}
    .homepage .main-container .col-left .featured .article-1 .content h4{font-size: 16px}
    .homepage .main-container .col-left .featured .article-1 .content span{font-size: 14px}
    .homepage .main-container .col-left .featured .article-2 figure{height: 130px}
    .opinions-component{background-size: 445px}
    .opinions-component .main-container .col-left article{height: 260px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 115px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 145px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 80px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 200px!important;height: 200px!important}
    .homepage .main-container.videos article figure{height: 360px}
    .homepage .main-container .article-1{height: 380px}
    .homepage .main-container .article-2{height: 380px}
    .homepage .main-container .article-3{height: 426px}
    .homepage .main-container .article-4{height: 218px}
    .homepage .main-container .article-5{height: 188px}
    .homepage .main-container .article-6{height: 188px}
    .homepage .main-container article.article-1.quote h3{font-size: 20px; line-height: 30px}
    .homepage .main-container article.article-2.quote h3, .homepage .main-container article.article-3.quote h3, .homepage .main-container article.article-4.quote h3{font-size: 18px; line-height: 28px}
    .homepage .main-container article.article-6.quote h3{font-size: 14px; line-height: 20px}
    .homepage .main-container article.article-6.quote h3:after{font-size: 80px}
    .videos-page .most-watched ul li a figure{height: 160px}
    .videos-page .most-watched ul li a figure span{font-size: 16px}
    .videos-page .most-watched ul li a .details h3{font-size: 16px; line-height: 24px}
    .videos-page .most-watched ul li a .details span{font-size: 14px}
    .countries-page .countries-list ul li a{font-size: 20px}
    /*.authors-page .main-container ul.carousel li{height: 400px}*/
    /*.authors-page .main-container ul.carousel li article.article-1 .content .details{bottom: 10px}*/
    .authors-page .main-container article.article-2{height: 185px}
    .authors-page .main-container article.article-7{height: 300px}
    .authors-page .main-container article.article-7 figure.article-fig{height: 140px}
    article.article-stream-2{height: 300px}
    article.article-stream-2 .content .details{padding: 30px 20px}
    article.article-stream-2 .content .details h2{font-size: 18px; line-height: 26px}
    article.article-stream-2 .content .details .category{font-size: 14px; top: -35px}
    article.article-stream-2 .content .details h2:after{width: 30px; height: 30px}
    .category-page .comments-component{height: 300px}
    .category-page .comments-component ul{height: 230px}
    .authors-page .authors ul li a{width: 140px}
    .authors-page .authors ul li a figure{height: 140px}
    .aboutus-page .our-team ul li{width: 33.33%}
    .aboutus-page .contributors ul li{width: 25%}
    .donate-page .col-left form .amount li{margin: 0 5%}

    .firstsection_editsubscription .content .right_col{width: 60%}
    .firstsection_editsubscription .content .left_col{width: 40%}
}

@media only screen and (max-width: 1058px) {
    header .desktop-header .bottom-menu .right-container nav ul li .sub-menu.masarat ul li a .figure-container{height: 140px}
    header .desktop-header .bottom-menu .right-container nav ul li{margin: 0 8px 0 0}
    header .desktop-header .bottom-menu .right-container nav ul li a{font-size: 12px;}


    .homepage .main-container .col-left .stories li{height: 170px}
    .opinions-component{background-size: 425px; background-position: 109% center}
    .opinions-component .main-container .col-left article{height: 245px}
    .opinions-component .main-container .col-left article figure.article-fig{height: 100px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 130px}
    .opinions-component .main-container .col-left article .content figure.author{margin: 0 0 0 10px}
    .opinions-component .main-container .col-left article .content h3{font-size: 14px; line-height: 20px}
    .opinions-component .main-container .col-left article .content h4{font-size: 13px}
    .opinions-component .main-container .col-left article .content span{font-size: 12px}
    .homepage .main-container.videos .related-videos ul li a figure{height: 70px}
    .homepage .main-container.videos article figure{height: 320px}
    .videos-page .most-watched ul li a figure{height: 140px}
    .countries-page .countries-list ul li a{font-size: 18px}
    .latest-news .content h2{font-size: 24px !important; margin: 0 !important; padding: 0 !important}
    .latest-news .content ul li h3{font-size: 16px; line-height: 22px; margin: 0 0 5px 0}
    .latest-news .content ul li{padding: 0 0 10px 0; margin: 10px 0 0 0}
    .authors-page .main-container article.article-5 h2{font-size: 24px; line-height: 34px}
    .aboutus-page .info > div figure{height: 90px}
    .aboutus-page .info > div h1{font-size: 28px; line-height: 44px}
    .aboutus-page .info > div h1:before{height: 40px}
}

@media only screen and (max-width: 960px) {
    /* New donation page*/
    .donate .donation-tab{font-size: 13px;padding: 5px 15px;}
    .donate .donation-option{font-size: 14px;padding: 5px 20px;}
    .visitor-page.page.donate .main-container.desktop{display:none !important;}
    .visitor-page.page.donate .main-container.mobile{padding:0}
    /* End New donation page*/
    .article-page article .author.multiple{display: block;}
    .article-page article .author.multiple .multiple-authors{width: 100%;}
    .category_new .listing_articles article.article-stream-3.style-3{width:100%}
    .category-page .mpu{width: 100%;}
    .category-page article.article-stream-2 .content .details div.timing{padding:0 0 0 30px}

    .visitor-page .gender-options label{font-size: 10px;margin: 0 !important;}
    .visitor-page .gender-options input{width: 13px;height: 13px;}
    .visitor-page .subscribe_nasraseef .gender-options label{font-size: 10px;margin: 0 !important;}

    .article-page .podcast-play-popup .podcast_main_container{padding: 15px 25px;}
    .article-page .podcast-play-popup h3{font-size: 10px;padding: 0 10px 0 30px;width: 65%;margin: 0 0 0 auto !important;display: block !important;letter-spacing: 1.2px;line-height: 17px;}
    .article-page .podcast-play-popup.fixed .main-container a.close-popup-article{right: 10px;font-size: 20px;}
    .article-page .podcast-play-popup.fixed .main-container a.next_article_url{font-size: 10px;left: 10px;top: 6px;letter-spacing: 1.2px;}
    .article-page .podcast-play-popup #player{top: 0;margin: 10px 0;}
    .article-page .podcast-play-popup.fixed #player .control-btn i{font-size: 22px;}
    .article-page .podcast-play-popup.fixed .volume-control{display: none !important;}
    .article-page #player .play_audio_button{font-size: 16px;}
    .article-page .podcast-play-popup.fixed #player .playInfo{align-items: center;}
    .article-page .podcast-play-popup.fixed #player .playInfo input{height:2px;position: relative;top: 4px;}
    .article-page .podcast-play-popup #player .playInfo #currentTime, .podcast-play-popup #player .playInfo #totalTime{position: relative;top: 2px;}
    .article-page input[type="range"].progressBar::-webkit-slider-thumb {width: 10px;height: 10px}
    .article-page .podcast-play-popup.fixed #player i.playPausebutton-popup-article{font-size: 19px;position: relative;left: 5px;}
    .article-page .podcast-play-popup.fixed{padding: 8px;border-radius: 0;}

    
    .podcast-play-popup{border-radius:30px;}
    .podcast-play-popup .volume-control{display: none;}
    .podcast-play-popup h3{font-size:12px;padding: 0 15px;letter-spacing: 1.2;}
    .podcast-play-popup #player{margin: 5px 0 0 0;}
    #player .playPausebutton-popup{font-size: 16px;}
    .podcast-play-popup #player .playInfo #currentTime, .podcast-play-popup #player .playInfo #totalTime{font-size: 11px;}
    .podcast-play-popup.active{padding: 0;border-radius: 0;}
    .podcast-play-popup.active .main-container{padding: 15px;}
    .podcast-play-popup.active .main-container a.close-popup{font-size: 20px;right: 5px;top: 0px;}

    .dashboard-page.newsletter_page .col-lg-4{grid-template-columns:100%}
      /* Newsletter overview */
      .newsletter-overlay .content{width: 100%;top: 0;height: 100%;border-radius: 0;}
      .newsletter-overlay .content .container{width: 100%;height: calc(100% - 150px);}
      .newsletter-overlay .content h1{font-size: 22px;}
      .newsletter-overlay table tr td h1{font-size: 17px !important;}
      .newsletter-overlay .content a.close{width: 23px;height: 23px;left: 10px;}
      .newsletter-overlay .content .container div table{width: 100% !important;max-width: 100% !important;padding: 0 10px;margin: auto;}
      .newsletter-overlay .content .container div table tr td img{max-width: 100% !important;}
      .newsletter-overlay .content .container div table td[class="large-mobile-text"]{font-size: 13px !important;}
      .newsletter-overlay .content .container div table td[class="mobile-text"]{font-size: 13px !important;}
      .newsletter-overlay .content .container div table td .large-mobile-title{font-size: 16px !important;}
  
      .newsletter-overlay table p{font-size: 14px;}
      .newsletter-overlay table tr td b{font-size: 14px;}

    body.app-overflow{overflow: hidden;}
    #app-popup{height: 18750px;opacity: 0.65;position: absolute;top: 0px;left: 0px;background-color: black;width: 100%;z-index: 5000;display: none;}
    .app-popup-show{display: block !important;}
    .app_popup_main_image{position: fixed;top: 50%;left: 50%;z-index: 1000000;transform: translate(-50%,-50%);width: 90%;display: none;}
    .app_popup_main_image img{width: 100%;}
    a.close-popup-button{position: absolute;left: 20px;top: 50px;z-index: 99999999;opacity: 0.75;}
    a.close-popup-button img{width: 20px;height: 20px;object-fit: contain;}

    .events-page .events{display: block;}
    .events-page .events a{margin-top: 30px !important;width: 90%;margin: auto;}
    .event_onsite .speakers .speaker h6{height: unset;}
    .event_onsite .agendas{display: block;}
    .event_onsite .agendas .agenda:nth-child(2){margin-top: 30px;}
    .event-page .flex .input_label{width: 100%;}
    .event-page .flex{display: block;}
    .event-page .flex label , .event-page .flex .col.gender{width: 100% !important;}
    .register_event_modal .close_event_modal{left: 4%;top: 0;}
    .event_onsite .header_image {object-fit: contain;}
    .event_onsite .main-container .timer-parent{padding: 0;}
    .event_onsite .event_container{display: block;padding: 0;}
    .event_onsite .event_container .right-col{width: 100%;}
    .event_onsite .event_container .left-col{width: 100%;margin-top: 40px;font-size: 15px;}
    .event_onsite .event_container .left-col i{font-size: 13px;}
    .event_onsite .event_container .right-col h1{margin: 10px 0;}
    .event_onsite .video iframe{width: 270px; height: 200px;}
    .event_onsite .seperator{font-size: 18px;}
    .event_onsite .speakers{gap: 10px;}
    .event_onsite .speakers .speaker{width: calc((100% - 2 * 10px) / 2);margin-top: 20px;}
    .event_onsite .speakers{margin: 0;}
    .event_onsite .speakers .speaker img{width: 90px;height: 90px;}
    .event_onsite .speakers .speaker h4{font-size: 16px;}

    .event_onsite .organizations{justify-content: center;gap: 0;}
    .event_onsite .organizations .organization{width: calc((100% - 2 * 10px) / 2);margin-top: 20px;}
    .event_onsite .seperator{margin: 40px 0 20px 0;}

     /* Event page */
    .event-page .main-container{padding: 0 20px}
    .event-page .flex label{width: 100%;}
    /* End event page */
    
    .dynamic-banner-component{margin-bottom: 30px;}
    .text-center-mobile{text-align: center;}
    .comments-component.mobile{margin-top: 40px;}
    .mostread-component.mobile{margin-top: 40px;}
    #whynasraseef_page .header{height: 110px;}

    #listing_newsletters .input-box{width: 100%;max-width: 350px;font-size: 14px;}
    #whynasraseef_page .info > div h1 span{display: unset;padding-left:7px;}
    #whynasraseef_page .info>div h3{font-size: 18px;margin: 10px 0;}
    #whynasraseef_page .info > div ul li{font-size: 17px;}
    #whynasraseef_page .info .title-image{display: flex;width: fit-content;margin: 0 auto; align-items: center;justify-content: center;gap: 10px;margin-bottom: unset;}
    #whynasraseef_page .info .title-image figure{order: 1;height: 80px;}
    #whynasraseef_page .info .title-image h1{order:2;font-size: 17px;line-height: 26px;}


    .visitor-page.page.donate .main-container .subscribe_nasraseef .felastiniyat_logo{height: 60px;}
    .visitor-page.page.donate .first-details.shuflle.mobile.temporary img{margin-top: 20px;height: 70px;object-fit: contain;width: fit-content;margin-left: unset;margin-right: auto;}
    .visitor-page.page.donate img.temporary{height: 670px;margin-bottom: 50px;}
    .visitor-page.page.donate .first-details.mobile.temporary{position: absolute;padding: 10px;margin: 0 20px;text-align: left; top: 170px;background-color: #f0532d;padding-bottom: 10px;}
    .visitor-page.page.donate .first-details.mobile.temporary p{color: white;text-align: left;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;font-size: 13px;line-height: 23px;}
    .visitor-page.page.donate .first-details.mobile.temporary h2{background-color: white;margin-bottom: 10px; height: 10px;width: 60px;margin-right: auto;}


    .dashboard-page .main-container .content-col .timer-parent .all_events{position: relative;right: unset;bottom: unset;}
    .relatedarticles-component{margin: 0 0 35px 0}
    .relatedarticles-component ul li{margin: 35px 0 0 0; overflow: hidden}
    .relatedarticles-component ul li figure{width: 155px; height: 75px; position: relative; display: inline-block; vertical-align: top}
    .relatedarticles-component ul li.video figure:after{content: ''; position: absolute; width: 35px; height: 35px; background: url('/assets/images/video-icon.png') no-repeat center; background-size: contain; right: 0; left: 0; margin: auto; top: 0; bottom: 0}
    .relatedarticles-component ul li h4{display: inline-block; vertical-align: top; width: calc(100% - 180px) !important; margin: 0 0 0 20px; font-size: 13px; line-height: 22px; text-align: left}
    .relatedarticles-component ul li h4 div{direction: ltr;}

    .article-page .main-container .col-left .trending .trending_articles{display: block;}

    .cta_second_text , .cta_text{font-size: 15px !important;}
    
    footer .newsletter-container .social li:last-child{margin-top: 10px;}

    /*countries page*/
    .countries-page h1.category_name{width: 100% !important;}

    .info.gender label{font-size: 10px;}
    /* start of search page*/
    .search-page .filters{gap: 10px;width: 90%;}
    .search-page .filters input{width: 90px;font-size: 12px;}
    .search-page .filters button{width: 55px;font-size: 12px;}
    /* end of search page*/

    /*article page with option full width*/
    .article-page article .article-container.article-full .col-left .donation-message.contents{width: 85%;}
    .article-page article .article-container.article-full .col-left .comments-section{width: 85%;}
    .article-page article .article-container.article-full .col-left .keywords{width: 85%;}
    .article-page article .article-container.article-full .col-left .trending{width: 85%;}

    /* start of error page*/
    .page.error_page{background-color: #EFEEED; padding:135px 0 0px 0;}
    .page.error_page .main-container{width: 90%; padding: 20px 50px;margin: 60px auto 0 auto;border-radius: 10px;font-size: 17px;}    
    .page.error_page .main-container .button-filled{font-size: 13px;padding: 8px 25px;}
    /* end of error page*/

    /* Start of the subscription landing page */
    .subscription_landingpage{width: 100%;padding: 30px;margin: 40px auto 0 auto;}
    .subscription_landingpage .hooray{width: 75px; height: 88px;}
    .subscription_landingpage h2{font-size: 35px;}
    .subscription_landingpage h3{font-size: 20px;line-height: 1.4;}
    .subscription_landingpage .benefits_parent{padding: 20px;}
    .subscription_landingpage .benefits_parent .benefits{flex-direction: column;width: 70%;margin: auto;gap: 15px;}
    .subscription_landingpage .benefits_parent .benefit{width: 100%;display: flex;align-items: center;gap: 10px;justify-content: right;}
    .subscription_landingpage .benefits_parent .benefit:nth-of-type(2){border-right:unset;border-left:unset}
    .subscription_landingpage .benefits_parent .benefit img{order: 2;}
    .subscription_landingpage .benefits_parent .benefit p{margin-top: unset;}
    .subscription_landingpage .benefits_parent .benefit img{height: 37px;width: 37px;}
    .subscription_landingpage .benefits_parent .benefit p{font-size: 13px;}
    .subscription_landingpage .benefits_parent .benefit:nth-of-type(2){padding: unset;}
    .subscription_landingpage h5{font-size: 13px;}
    .subscription_landingpage .actions{margin-top: 20px;gap: 20px;}
    .subscription_landingpage .actions a{height: 36px;width: 130px;font-size: 12px;border-radius: 5px;}
    .subscription_landingpage .actions a.w-100-mobile{width: 100%;}

    .subscription_landingpage.success h2{font-size: 25px;line-height: 1.4;}
    .subscription_landingpage.success h3{width: 90%;font-size: 20px;line-height: 1.4;padding-bottom: 20px;margin-top: 10px;}
    .subscription_landingpage.success .auto-renewal{margin-top: 20px;font-size: 13px;}
    .subscription_landingpage.success .auto-renewal a{display: block;margin-left: unset;}

    .subscription_landingpage.fail h2{font-size: 20px; line-height: 1.4;}
    .subscription_landingpage.fail h3{font-size: 25px;}
    .subscription_landingpage.fail p{font-size: 13px;width: 100%;line-height: 1.4;margin-top: 20px;}
    .subscription_landingpage.fail .actions{flex-direction: column;gap: 13px;}
    .subscription_landingpage.fail .actions a{width: 100%;}

    .forward_sponsor_popup > div{height: 100%; overflow-y: scroll;margin: 25px auto;padding: 35px 40px !important;}
    .add-payment-card-popup > div h3{line-height: 1.4;}
    .forward_sponsor_popup h4{font-size: 15px;line-height: 1.4;}
    /* end of the subscription landing page */


        /*take-action pages by patrick*/
        .visitor-page.page{padding-bottom: 40px;}
        .visitor-page.page.donate .main-container,.visitor-page.page.join .main-container {padding: 0 20px;display: block;}
        .visitor-page.page.donate .subscribe_nasraseef,.visitor-page.page.join .subscribe_nasraseef{width: 100% !important;}
        .visitor-page.page .main-container .subscribe_nasraseef{padding: 0 0 30px 0;}
        .visitor-page.page .main-container .subscribe_nasraseef .buttons a{width: 100%; height: 65px; line-height: 65px; font-size: 25px;}
        .visitor-page.page .main-container .subscribe_nasraseef form .donation-title{font-size: 12px;}
        .visitor-page.page .main-container .first-details{display: none;}
        .visitor-page.page .main-container .second-details{display: none;}
        .visitor-page.page.donate .main-container .details.shuflle{display: none;}

        .visitor-page.page.donate .main-container .subscribe_nasraseef .info h1{font-size: 16px;}
        .visitor-page.page.donate .main-container .subscribe_nasraseef .info h3{font-size: 14px;}
        .visitor-page.page.donate .main-container .subscribe_nasraseef .info p{font-size: 12px;}
        .visitor-page.page.donate .main-container .subscribe_nasraseef .info a{font-size: 11px;}
        .visitor-page.page.donate .main-container .subscribe_nasraseef form{width: 90%; margin:auto;}
        .visitor-page.page.donate .main-container .subscribe_nasraseef form span.checkmark{font-size: 11px;}
        .visitor-page.page.donate{background-image: none !important;}
        .visitor-page.page.donate img{width: 100%;}
        .visitor-page.page.donate .subscribe_nasraseef{margin-top: 25px;}
        .visitor-page.page.donate .details.second.mobile{direction: ltr; width: 90%; margin: 20px auto;}
        .visitor-page.page.donate .details.second.mobile h2{width: 60px; height: 10px; background-color: #f0532d; margin-bottom: 7px;}
        .visitor-page.page.donate .details.second.mobile iframe{width: 100%;height: 190px;margin: 0 0 10px 0;}
        .visitor-page.page.donate .details.second.mobile p{font-size: 15px; font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif; margin-bottom: 15px; line-height: 1.4;}
        .visitor-page.page.donate .details.second.mobile p:last-child{color: #f0532d;}
        .visitor-page.page.donate .details.second.mobile p.error-message{display:none}
        .visitor-page.page.donate .details.second.mobile .main-container{padding:0}
        .visitor-page.page.donate .details.second.mobile .main-container .subscribe_nasraseef{margin: 25px auto;}
        .visitor-page.page.donate .details.second.mobile .subscribers-info{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;margin: 0 0 20px 0;}
        .visitor-page.page.donate .details.second.mobile .subscribers-count{text-align: center;background: #fff;padding: 15px 10px;border: 1px solid #ccc;}
        .visitor-page.page.donate .details.second.mobile .subscribers-count span{color:#000;font-size: 16px;font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif;}
        .visitor-page.page.donate .details.second.mobile .subscribers-count span.text{display: block;font-family:Cairo, Helvetica_new, Arial, sans-serif;line-height: 20px;font-size: 14px;}
        .visitor-page.page.donate .details.mobile{direction: ltr; width: 90%; margin: 20px auto;}
        .visitor-page.page.donate .details.mobile h2{width: 60px; height: 10px; background-color: #f0532d; margin-bottom: 7px;}
        .visitor-page.page.donate .details.mobile p{font-size: 15px; font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif; margin-bottom: 15px; line-height: 1.4;}
        .visitor-page.page.donate .details.mobile p:nth-child(2){margin-bottom: 0px;}
        .visitor-page.page.donate .details.mobile span{color: #f0532d;}
        .visitor-page.page.donate .details.mobile.third{direction: ltr; width: 90%; margin: 20px auto;}
        .visitor-page.page.donate .details.mobile.third h2{width: 60px; height: 10px; background-color: #f0532d; margin-bottom: 7px;}
        .visitor-page.page.donate .details.mobile.third p{font-size: 15px; font-family:Cairo-Bold, Helvetica_new, Arial, sans-serif; margin-bottom: 15px; line-height: 1.4;}
        .visitor-page.page.donate .details.mobile.third p:nth-child(4){font-style: italic;}
        .visitor-page.page.donate .details.mobile.third p:nth-child(5){color: #f0532d;}

        .visitor-page.page.join{background-image: none !important;}
        .visitor-page.page.join img{width: 100%;height: 225px; object-fit: cover;}
        .visitor-page.page.join .first-details.mobile{position: relative; top: -180px; direction: ltr; margin: 0 25px; background-color: #EFEEED; padding: 7px;}
        /* .visitor-page.page.join .first-details.mobile{position: relative; top: -60px; direction: ltr; margin: 45px 25px; background-color: #EFEEED; padding: 7px;} */
        .visitor-page.page.join .first-details.mobile h2{background-color: #f0532d; width: 60px; height: 10px; margin-bottom: 12px;}
        .visitor-page.page.join .first-details.mobile span{color: #f0532d;}
        .visitor-page.page.join .first-details.mobile p{font-size: 11px; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; margin-bottom: 12px;}
        /* .visitor-page.page.join .second-details.mobile{direction: ltr; margin: 0 25px;position: relative; top: 0;margin-bottom: 100px;} */
        .visitor-page.page.join .second-details.mobile{direction: ltr; margin: 0 25px;position: relative; top: -160px;}
        .visitor-page.page.join .second-details.mobile h2{background-color: #f0532d; width: 60px; height: 10px; margin-bottom: 12px;}
        .visitor-page.page.join .second-details.mobile p{font-size: 16px; color: #231F20;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;}
        .visitor-page.page.join .main-container .subscribe_nasraseef{margin-top: -55px;}
        .visitor-page.page.join .main-container .subscribe_nasraseef h1{margin: 10px 10px 20px 10px; font-size: 15px;}
        .visitor-page.page.join .main-container .subscribe_nasraseef .subscribe-info p{font-size: 14px;}
        .visitor-page.page.join .main-container .subscribe_nasraseef img{width: 75px; height: 75px;}
        .visitor-page.page.join .main-container .subscribe_nasraseef form{width: 90%; margin: auto;}

        .visitor-page.page.join .main-container .personal-spaces.details{display: none;}
        .visitor-page.page.join img.personal-space.mobile{height: 280px; object-fit: cover;}
        .visitor-page.page.join .personal-spaces.details.mobile{position: relative; top: -250px; direction: ltr; width: 63%; margin: 0 15px 0 auto;}
        .visitor-page.page.join .personal-spaces.details.mobile h2{background-color: #000; width: 60px; height: 10px; margin: 0 0 10px 0;}
        .visitor-page.page.join .personal-spaces.details.mobile p{font-size: 10px; font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif; color: #fff; margin: 0 0 7px 0; line-height: 17px;}
        .visitor-page.page.join .personal-spaces.details.mobile p:nth-child(2){color: #000;}
        .visitor-page.page.join .main-container .subscribe_nasraseef.more_margin{margin-top: -155px;}

        .visitor-page.page.donate .main-container .personal-spaces.details{display: none;}
        .visitor-page.page.donate img.personal-space.mobile{height: 280px; object-fit: cover;}
        .visitor-page.page.donate .personal-spaces.details.mobile{position: relative; top: -250px; direction: ltr; width: 63%; margin: 0 15px 0 auto;}
        .visitor-page.page.donate .personal-spaces.details.mobile h2{background-color: #000; width: 60px; height: 10px; margin: 0 0 10px 0;}
        .visitor-page.page.donate .personal-spaces.details.mobile p{font-size: 10px; font-family: Cairo-Bold,Helvetica_new,Arial,sans-serif; color: #fff; margin: 0 0 7px 0; line-height: 17px;}
        .visitor-page.page.donate .personal-spaces.details.mobile p:nth-child(2){color: #000;}
        .visitor-page.page.donate .main-container .subscribe_nasraseef.more_margin{margin-top: -155px;}

        /*end take-action pages*/

     /*cookie notice*/
     .cookie_notice .container{display: block; padding: 0 30px;}
     .cookie_notice .container .text{width: 100%;}
     .cookie_notice .container .text .content{width: 100%; font-size: 14px;}
     .cookie_notice .container .buttons{width: 100%; padding: 20px 0 10px 0;}

    .article-page ul.social .goto-comment img{display: block; margin: auto}
    .article-page ul.social li.comment{border: unset;}
    /* manage subscription dashboardpage*/
    .managesubscription-page .content-col .firstsection .details{display: block; border-bottom: 0px solid; padding-bottom: 0;}
    .managesubscription-page .content-col .firstsection .details .member{width: 100%;} 
    .managesubscription-page .content-col .firstsection .details .cost{border-left: 0; width: 100%; border-bottom: 1px solid; margin-top: 10px; padding: 0 0 20px 0}
    .managesubscription-page .content-col .firstsection .details .subscription{padding-right: 0; margin-top: 15px;}

    .managesubscription-page .content-col .secondsection .title{font-size: 18px}
    .managesubscription-page .content-col .thirdsection .details{display: block;  border-bottom: 1px solid; padding-bottom: 20px; margin-top: 30px;}
    .managesubscription-page .content-col .thirdsection .details .member{width: 100%;} 
    .managesubscription-page .content-col .thirdsection .details .cost{border-left:0px solid; width: 100%;}
    .managesubscription-page .content-col .thirdsection .details .subscription{padding-right: 0px;}

    .managesubscription-page .content-col .manage-title{font-size: 20px}
    .managesubscription-page .content-col .secondsection .card_info{display: none;}
    .managesubscription-page .content-col .secondsection .card_mobile{display: block !important;}
    .managesubscription-page .content-col .secondsection .card_mobile .card_info_mobile{display: flex;}
    .managesubscription-page .content-col .secondsection .card_mobile .card_info_mobile ul{width: 50%;}
    .managesubscription-page .content-col .secondsection .card_mobile  .deletebtn{color: black; text-decoration: underline; font-size: 13px; margin-top: 15px; display: block;}
    .firstsection_editsubscription, .managesubscription-page .content-col .firstsection, .managesubscription-page .content-col .secondsection{padding: 20px}
    .firstsection_editsubscription .content{display: block;margin-top: 35px;}
    .firstsection_editsubscription .content .right_col{width: 100%;}
    .firstsection_editsubscription .content .right_col .donation-parent .right-col{width:55%;}
    .firstsection_editsubscription .content .left_col{width: 100%;}
    .dashboard-page .submitbtn{width: 100%; margin-top: 55px;}
    .firstsection_cancelsubscription{height: auto}
    .firstsection_cancelsubscription .cancelbtn{width: 100%; margin-top: 25px;}
    .firstsection .font17{font-size: 14px}
    .firstsection .font20{font-size: 16px}

    .nasraseef22 .nas-benefits .header {height: auto; padding-top: 15px;}
    .nasraseef22 .nas-benefits .header ul{display: block;}
    .nasraseef22 .nas-benefits .header ul li:first-child{width: 100%;}
    .nasraseef22 .nas-benefits .header ul li:first-child p{text-align: center; font-size: 15px; border-bottom: 1px solid; padding-bottom: 14px;}
    .nasraseef22 .nas-benefits .header ul .second-child p{text-align: center; font-size: 15px;}
    .nasraseef22 .nas-benefits .header ul li h3{text-align: center;font-size: 18px; margin-top: 10px; line-height: 1.4;}
    .nasraseef22 .nas-benefits .header ul li .btn{width: 100%; text-align: center; margin-top: 15px; padding: 7px 15px;}
    .nasraseef22 .nas-benefits .content ul li{width: 100%;}
    .nasraseef22 .nas-benefits .content h3{font-size: 16px; text-align: center;}
    .dashboard-page .main-container .content-col .section-title.mobile{width: 70%;}
    .nasraseef22 .sponsor-card form .half{width: 100%;}
    .nasraseef22 .sponsor-card form .half.no-margin{margin: 20px 0 0 0}
    .nasraseef22 .sponsor-card form .card-title.mobile{font-size: 16px;}
    .nasraseef22 .sponsor-card form .textarea-container p{font-size: 11px;}
    .nasraseef22 .sponsor-card form .textarea-container textarea{min-height: 130px; max-height: 130px;}
    .nasraseef22 .sponsor-card form .btn{width: 100%; padding: 7px 22px; margin-top: 12px;}

    .nasraseef22 .nas-benefits .header ul.subscribed li:first-child{width: 100%; text-align: center; font-size: 15px; display: block; border-left: 0px solid;}
    .nasraseef22 .nas-benefits .header ul.subscribed .second-child{width: 100%; margin-top: 15px;}
    .nasraseef22 .nas-benefits .header ul.subscribed li:last-child{width: 100%; text-align: center; margin-top: 17px;}
    .nasraseef22 .sponsor-card .cards.radiobuttons_mobile{display: flex !important; margin-top: 12px;}
    .nasraseef22 .sponsor-card .cards.radiobuttons_mobile .card-child{width: 33.33%; margin: 0 0 0 10px;}
    .card-child.total_mobile{margin-top: 55px; display: block !important;}
    .nasraseef22 .sponsor-card .cards{display:none}
    .donation-parent.responsive{display: flex; flex-direction: column;}
    .nasraseef22 .donation-parent.responsive .donation-quantity,.nasraseef22 .donation-parent.responsive .range_width{width: 100%;}
    .nasraseef22 .donation-parent.responsive .donation-quantity{height: 40px; order: 2; margin-top: 20px;}
    

    .add-payment-card-popup > div{padding: 40px 20px; width: calc(100% - 40px)}
    .add-payment-card-popup > div h3{font-size: 22px; margin: 0 0 50px 0}
    .add-payment-card-popup > div .close{top: 15px; left: 15px; width: 20px; height: 20px}
    .add-payment-card-popup > div .buttons{font-size: 0; margin: 50px 0 0 0}
    .add-payment-card-popup > div .buttons .btn{padding: 0; width: calc(50% - 5px); height: 36px; line-height: 36px; font-size: 12px; display: inline-block; vertical-align: middle;}
    .add-payment-card-popup > div .buttons .btn.white{margin: 0 0 0 10px}


    .takeaction-page h5{width: 100%; margin-top: 10px;font-size: 16px;}
    .takeaction-page .parent_cards{flex-direction: column;margin-top: 20px;}
    .takeaction-page .parent_cards .left_card , .takeaction-page .parent_cards .right_card{width: 100%;padding: 18px;border-radius: 10px;}
    .takeaction-page .parent_cards .join_text{width: 100%;}
    .takeaction-page .parent_cards .card_title{font-size: 20px;}
    .takeaction-page .parent_cards .under_title{font-size: 18px;text-align: center;}
    .buttons_to_sections{display: flex; align-items: center; justify-content: center; gap: 40px;margin: 20px 0 0 0;}
    .buttons_to_sections a{font-size: 11px; font-family: Cairo-bold, Helvetica_new, Arial, sans-serif;text-decoration: underline;}
    .takeaction-page .parent_cards .left_card .nasraseef_benefits{flex-direction: column;padding: 18px;gap: 0;}
    .takeaction-page .parent_cards .left_card .nasraseef_benefits .right_col , .takeaction-page .parent_cards .left_card .nasraseef_benefits .left_col{width: 100%;}
    .takeaction-page .parent_cards .left_card .nasraseef_benefits .benefit p{font-size: 13px;line-height: 1.5;}
    .takeaction-page .parent_cards .left_card .login_text{margin-top: 20px;}
    .takeaction-page .parent_cards .submit_btn{width: 100%;border-radius: 10px;font-size: 12px;line-height: unset;}
    .takeaction-page .parent_cards .quote{font-size: 12px;}
    .takeaction-page .parent_cards .quote_author{font-size: 11px;}
    .takeaction-page .parent_cards .text_with_card{font-size: 15px;border-radius: 10px;}
    .takeaction-page .parent_cards .support{font-size: 10px;}
    .takeaction-page .parent_cards .right_card{box-shadow: 0 0.015rem 0.15rem #f0532d;border: 1px solid #F0532D;}
    .takeaction-page .parent_cards .left_card{box-shadow: 0 0.015rem 0.15rem #f0532d;}
    .subscribe_nasraseef h1{font-size: 18px;}
    .subscribe_nasraseef{width: 100%;padding: 20px;}
    .subscribe_nasraseef label input{font-size: 12px;}
    .subscribe_nasraseef .more_love{padding-right: unset;text-align: center;}
    .subscribe_nasraseef .donation-parent{flex-direction: column;border-radius: 10px;}
    .subscribe_nasraseef .donation-parent .right-col{width: 100%; order: 1;}
    .subscribe_nasraseef .donation-parent .left-col{width: 100%; order: 2;}
    .subscribe_nasraseef .takeaction-page .parent-radiobutton .checkmark{font-size: 10.5px;}
    .subscribe_nasraseef .total_donation{margin-top: 25px;border-radius: 7px;}
    .nasraseef22 .total_donation{border-radius: 7px;}
    .subscribe_nasraseef .submit-donation{font-size: 12px; width: 80%;border-radius: 7px;line-height: 24px;}
    .subscribe_nasraseef .donation_register{font-size: 12px; width: 80%;border-radius: 7px;line-height: 24px;}
    .subscribe_nasraseef .switchpage-text{font-size: 10px;}
    .subscribe_nasraseef .agree_label{font-size: 10px;}
    .subscribe_nasraseef form{width: 100%; margin: auto;}


    .event_details .left .timer-parent.inside_event_details{width: 230px !important;margin-top: 0 !important;}
    .volunteer-page.manageaccount-page input[type="date"]::-webkit-calendar-picker-indicator{position: unset}
    .interests .interest .title{font-size: 14px; line-height: 1.4;}
    .interests .interest .photo{height: 180px;background-size: cover;background-position: center;border-radius: 12px;}
    .dashboard-page .main-container .content-col .topics{grid-template-columns: repeat(1,1fr);margin-bottom: 40px;}
    .dashboard-page .main-container .content-col .topic{height: 200px;}
    .dashboard-page .main-container .content-col .first-section .left-col .title , .dashboard-page .main-container .content-col .section-title , .dashboard-page .main-container .content-col .section-title , .dashboard-page .main-container .content-col .section-title{font-size: 15px;}
    .dashboard-page .main-container .content-col .timer-parent{padding: 16px;}
    .dashboard-page .main-container .content-col .timer-parent .event{margin-left: 0;}
    .dashboard-page .main-container .content-col .timer-parent .event .author_event_info{margin: 0}
    .dashboard-page .main-container .content-col .timer-parent .event .author_event_info img{order: 2;}
    .dashboard-page .main-container .content-col .timer-parent .event .info{font-size: 15px;flex-direction: column;}
    

    .dashboard-page .main-container .content-col .timer-parent{flex-direction: column;}
    .dashboard-page .main-container .content-col .timer-parent a{order: 3;}
    .dashboard-page .main-container .content-col .timer-parent .timer-card{order: 2;margin: 25px 0;width: 100%;}
    .dashboard-page .main-container .content-col .timer-parent .info{order: 1;}

    /*comments personal spane*/
    .dashboard-page.mycomments ul.my-comments{grid-template-columns: 100%;}


    .article-page .main-container .col-left .comments-section .component-title a{font-size: 14px; line-height: 40px}
    .article-page .main-container .col-left .comments-section .comment .info .component-title{font-size: 14px;}
    .article-page .main-container .col-left .comments-section .comment .info .content{font-size: 11px;}
    .article-page .main-container .col-left .comments-section .comment .info .date{font-size: 10px;}
    .article-page .main-container .col-left .comments-section .comment img , .article-page .main-container .col-left .comments-section .comments .add-comment-section .right img{width: 30px; height: 30px;}
    .article-page .main-container .col-left .comments-section .comment{padding: 15px 0;}
    .article-page .main-container .col-left .comments-section .comment{margin-bottom: 15px;}
    .article-page .main-container .col-left .comments-section .comments .add-comment-section .left button{font-size: 12px;}
    .article-page .main-container .col-left .comments-section .comments .add-comment-section .left .login-required-btn{font-size: 12px;}
    .article-page .main-container .col-left .comments-section .comments .add-comment-section{padding: 7px 14px; display: block}
    .article-page .main-container .col-left .comments-section .comments .add-comment-section .right{width: 100%; align-items: flex-start}
    .article-page .main-container .col-left .comments-section .comments .add-comment-section .right textarea{padding: 3px 0 0 0; height: 70px}
    .article-page .main-container .col-left .comments-section .comments .add-comment-section .left{margin: 10px 0 0 0; float: right; font-size: 10px; width: 56%;}
    .event_details{flex-direction: column;margin-top: 25px;}
    .dashboard-page .main-container .content-col .event_details .flex{flex-direction: row;}
    .dashboard-page .main-container .content-col .flex img{width: 77px !important; height: 77px !important;}
    .event_details .right .flex{justify-content: start; width: unset;} 
    .event_details .right p:nth-child(2){font-size: 17px;}
    .event_details .right p:first-child{font-size: 15px;}
    .event_details .left h3{font-size: 17px;}
    .event_details .left .time{font-size: 13px;}
    .event_details .left .details{font-size: 13px;}
    .event_details .right{padding-right: unset;}
    .event_details .left{padding-left: unset;padding-right: unset; border-left: unset; border-top: 1px solid black; padding-top: 20px;margin-top: 30px; border-right: unset; width: 100%;direction: rtl;}
    .visitor-page .login-section{width: 100%;padding: 20px ;margin: 35px auto 0 auto;}
    .visitor-page .login-section h1{font-size: 20px;}
    .visitor-page .login-section h2{width: 100%; font-size: 14px; line-height: 1.5;}
    .visitor-page .main-container{padding: 0 20px 30px 20px ;}
    .login-section .submit-donation{font-size: 16px;}
    .visitor-page .login-section .sm-parent{flex-direction: column;}
    .visitor-page .login-section .sm-parent .sm-login{width: 100%;}
    .visitor-page .login-section .alert p{font-size: 11px;width: 100%;}
    .forgot-remember a{font-size: 12px;}
    .visitor-page .flex{flex-direction: column;gap: unset;}
    .visitor-page .flex > label{width: 100%;}
    .newsletters .newsletter .flex{min-height: initial}
    




    .volunteer-page.manageaccount-page .field-of-interest{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}
    .volunteer-page.manageaccount-page .field-of-interest label{justify-content: end;border-radius: 10px;}
    .dashboard-page .main-container .content-col .page_title{font-size: 20px; text-align: center;}
    .volunteer-page.manageaccount-page .submit-donation{margin: 50px auto 20px auto;float: unset;display: block; width: fit-content;border-radius: 10px;}
    .first-last-name-mobile{display: block;}
    .first-last-name-mobile p:nth-child(1){font-size: 18px;font-family: Cairo-Bold, Helvetica, Arial, sans-serif;}
    label.first , label.second{display: none;}
    .manageaccount-page .info.mobile-info{justify-content: start;flex-direction: row !important;}
    .manageaccount-page .info .profile_pic > input{width: 80px; height: 80px;}
    .manageaccount-page .info{flex-direction: column;margin-top: 15px;}
    .manageaccount-page .info label{width: 100%;}
    .info.hide-mobile{display: flex;}
    .manageaccount-page .new-password-parent{flex-direction: column;margin-top: 20px;}
    .manageaccount-page .new-password-parent .left{order: 1; width: 100%; padding: 0;}
    .manageaccount-page .new-password-parent .right{order: 2; width: 100%;}
    .manageaccount-page .new-password-parent .left .rules{padding: 20px;}
    .manageaccount-page .new-password-parent .left p:nth-child(1){font-size: 13px;}
    .manageaccount-page .new-password-parent .left .rules ul{margin-top: 10px;}
    .manageaccount-page .new-password-parent .left .rules ul li{font-size: 11px;}
    .manageaccount-page .new-password-parent .right label:nth-child(2) , .manageaccount-page .new-password-parent .right label:nth-child(3){margin-top: 15px;}
    .manageaccount-page .person-summary{font-size: 11px; padding: 10px;}
    .manageaccount-page .personal-summary-title{margin-top: 35px;}
    .manageaccount-page .password-update-title{margin-top: 35px;}
    .manageaccount-page .info.hide-desktop{display: flex;}
    .manageaccount-page .personal-info-title{font-size: 15px;}
    /* takeaction page */
    .takeaction-page .main-container{padding: 20px;width: 90%;margin: 20px auto;}
    .takeaction-page .cards{display: none;}
    .mobile-section{display: block;}
    .cards-mobile{display: grid;grid-template-columns: repeat(3,1fr);gap: 3%;margin-top: 25px;}
    .cards-mobile .card{text-align: center;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);padding: 10px;border-radius: 12px;}
    .cards-mobile .card.active{border: 1px solid #F0532D;}
    .cards-mobile .card img{object-fit: contain;height: 35px; width: 35px;}
    .cards-mobile .card h4{font-size: 10px;font-family: Cairo-Bold, Helvetica, Arial, sans-serif;margin-top: 8px;line-height: 1.2;}
    .takeaction-page h4{width: 100%; font-size: 12px; line-height: 1.5;margin-top: 10px;}
    .takeaction-page h3{font-size: 18px; line-height: 1.2; margin-top: 15px;}
    .mobile-section .card-content .first-part{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);z-index: 3; padding: 20px 20px 40px 20px; text-align: center;margin-top: 15px; border-radius: 20px; border: 1px solid #F0532D;position: relative;background: white;}
    .mobile-section .card-content .title{font-size: 20px;font-family: Cairo-Bold, Helvetica, Arial, sans-serif;line-height: 1.2;text-transform: uppercase; color: #F0532D;}
    .mobile-section .card-content .under_title{font-size: 14px;font-family: Cairo-Bold, Helvetica, Arial, sans-serif;}
    .mobile-section .card-content .third_paragraph{font-size: 11px;font-family: Cairo, Helvetica, Arial, sans-serif;margin-top: 10px; line-height: 1.2;}
    .mobile-section .card-content.become_part .adfree-container{background-color: #F5F5F5; padding: 15px 10px;margin-top: 20px;border-radius: 15px;}
    .mobile-section .card-content.become_part .adfree-container p{font-size: 13px;font-family: Cairo-Bold, Helvetica, Arial, sans-serif;text-transform: uppercase;line-height: 1.2; margin: 0 0 15px 0}
    .mobile-section .card-content.become_part .adfree-container p.small{font-family: Cairo, Helvetica, Arial, sans-serif; text-transform: none}
    /*.mobile-section .card-content.become_part .adfree-container p:nth-child(2){font-size: 11px;font-family: Cairo, Helvetica, Arial, sans-serif;line-height: 1.2;margin-top: 7px;}*/
    .mobile-section .card-content .second-part{box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
        padding: 35px 10px 20px 10px;
        display: inline-block;
        width: 100%;
        border-radius: 20px;
        margin: -20px 0 0 0;
       z-index: 1;
        background-color: #FFEDE7;
        text-align: center;}
.mobile-section .card-content .second-part.active{box-shadow: 0 0.5rem 1rem rgba(240, 83, 45, 55%);}
.mobile-section .card-content .second-part input:nth-child(1){border: unset;
        border-bottom: 1px solid #1B1A1A;
        padding: 0 10px 10px 10px;
        text-align: right;
        width: 100%;
        background: transparent;
        font-family: Cairo, Helvetica, Arial, sans-serif;
        font-size: 11px;}
.mobile-section .card-content .second-part input:nth-child(1):focus-visible{outline: unset;border-bottom: 1px solid #F0532D;}
 .mobile-section .card-content .second-part label{font-size: 10px; text-align: right;margin-top: 15px;display: block;font-family: Cairo, Helvetica, Arial, sans-serif;}
 .mobile-section .card-content .second-part .donation-parent{margin-top: 15px; gap: 20px; justify-content: space-between !important;} 
 .mobile-section .card-content .second-part .donation-parent .right-col{width: 75%;} 
 .mobile-section .card-content .second-part .donation-parent .right-col > div{margin-bottom: 7px;} 
 .mobile-section .card-content .second-part .donation-parent .left-col{width: 25%;} 
 .mobile-section .card-content .second-part .donation-parent .left-col .donation-quantity{width: 65px;border-radius: 10px;} 
 .mobile-section .card-content .second-part .donation-parent{margin-top: 15px; gap: 20px; justify-content: space-between !important;} 
 .takeaction-page .cards.radiobuttons{display: flex;}
 .mobile-section .card-content .second-part .submit-donation{width: 100%;font-size: 12px;text-align: center;}
 .donation-limit{font-size: 12px;}
 .donation-quantity{font-size: 15px;}
    .donation-quantity input{border: none !important; padding: 0 !important; font-size: 16px !important; width: 40px !important}
 .mobile-section .card-content .fourth_paragpraph{font-size: 13px;font-family: Cairo-bold, Helvetica, Arial, sans-serif;margin-top: 10px; line-height: 1.2;}
 .mobile-section .card-content.participate .second-part .title{font-size: 14px;font-family: Cairo-bold, Helvetica, Arial, sans-serif; line-height: 1.2;text-transform: none;}
 .mobile-section .card-content.participate .second-part p{font-size: 11px;font-family: Cairo, Helvetica, Arial, sans-serif;margin-top: 10px; line-height: 1.2;text-transform: none;}
 .mobile-section .card-content.participate .second-part p span{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; text-decoration: underline}
 .mobile-section .card-content.participate .second-part p a:nth-child(1){font-family: Cairo-bold, Helvetica, Arial, sans-serif;text-decoration: underline;}
 .mobile-section .card-content.participate .second-part p a:nth-child(2){font-family: Cairo-bold, Helvetica, Arial, sans-serif;color: #F0532D;text-decoration: underline;}
 .mobile-section .card-content.donate .adfree-container{background-color: #F5F5F5; padding: 25px;margin-top: 20px;border-radius: 15px;}
 .mobile-section .card-content.donate .adfree-container p{font-size: 11px;font-family: Cairo, Helvetica, Arial, sans-serif;line-height: 1.2;}
 .mobile-section .card-content.donate .adfree-container p span{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; text-decoration: underline}
 .mobile-section .card-content.donate .adfree-container a:nth-child(1){font-family: Cairo-bold, Helvetica, Arial, sans-serif;}
 .mobile-section .card-content.donate .adfree-container a:nth-child(2){font-family: Cairo-bold, Helvetica, Arial, sans-serif;color: #F0532D;}
 .dashboard-page .main-container .content-col .flex{flex-direction: column;}
 /* .dashboard-page .main-container .content-col .flex div:nth-child(1){order: 2;}
 .dashboard-page .main-container .content-col .flex img{order: 1;} */
 .dashboard-page .main-container .content-col .page_title{font-size: 20px;}
 .dashboard-page .main-container .content-col .page_subtitle{font-size: 14px;text-align: center;}
    .dashboard-page .main-container .content-col .help{font-size: 12px; text-align: center; line-height: 16px}
 .dashboard-page .main-container .content-col .first-section{flex-direction: column;}
 .dashboard-page .main-container .content-col .first-section .right-col{width: 100%;height: unset;padding: 30px;}
 .dashboard-page .main-container .content-col .first-section .right-col .content{font-size: 11px;}
 .dashboard-page .main-container .content-col .first-section .left-col{width: 100%;}
 .dashboard-page .main-container .content-col .flex.summaryflex{flex-direction: column;gap: 15px;}

 .dashboard-page .main-container .content-col .saved-articles .article{border-radius: 13px;}
 /* .dashboard-page .main-container .content-col .saved-articles .article:nth-child(1){height: 280px;}
 .dashboard-page .main-container .content-col .saved-articles .article:nth-child(2){height: 130px;}
 .dashboard-page .main-container .content-col .saved-articles .article:nth-child(3){grid-row: 2/2;height: 130px;}
 .dashboard-page .main-container .content-col .saved-articles .article:nth-child(4){height: 120px;grid-column: span 2;}
 .dashboard-page.main_dashboard .content-col .saved-articles .article:nth-child(5){display: none;}
 .dashboard-page.main_dashboard .content-col .saved-articles .article:nth-child(6){display: none;}
 .dashboard-page.main_dashboard .content-col .saved-articles .article:nth-child(7){display: none;} */

 /* .dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(4n+1){height: 280px;}
 .dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(4n+2){height: 130px;}
 .dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(4n+3){grid-row: 2/2;height: 130px;}
 .dashboard-page.savedarticles_page .main-container .content-col .saved-articles .article:nth-child(4n+4){height: 120px;grid-column: span 2;} */

 .dashboard-page .main-container .content-col .saved-articles{grid-template-rows: repeat(12,33px);grid-auto-rows: 33px;grid-template-columns: repeat(2,1fr);}
 .dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+1){grid-row: auto/span 8;}
 .dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+2){grid-row: auto/span 4;}
 .dashboard-page .main-container .content-col .saved-articles .article:nth-child(7n+3){grid-row: auto/span 4;}



 .dashboard-page .main-container .content-col .saved-articles .article .content{font-size: 13px; line-height: 1.2;}
 .dashboard-page .main-container .content-col .comments{flex-direction: column;gap: 30px;}
 .dashboard-page .main-container .content-col .comments .comment{width: 100%;}
 .dashboard-page .main-container .content-col .comments .comment .content .title{font-size: 13px; line-height: 1.3;}
 .dashboard-page .main-container .content-col .comments .comment .content .desc{font-size: 12px;}
 .dashboard-page .main-container .dashboard-col.desktop{display: none ;}
 .dashboard-page .main-container .dashboard-col-mobile{display: grid;direction: ltr; grid-template-columns: 1fr 1fr 1fr 1fr;right: 0;text-align: center; grid-gap: 20px; position: fixed; bottom: 0; width: 100%; background: white; padding: 20px 20px 15px 20px; border-top-left-radius: 20px ; border-top-right-radius: 20px;z-index: 13; overflow: hidden;box-shadow: 0 0 20px 2px rgba(0, 0, 0, 15%)}
 .dashboard-page .main-container .content-col{width: 100%;margin: 25px 0;}
 .dashboard-page .main-container{padding: 0 12px;}
 .dashboard-page .main-container .content-col .first-section .left-col .card{direction: ltr;justify-content: start;width: 100%;height: unset;}
 .dashboard-page .main-container .content-col{padding: 20px;}
 .dashboard-page .main-container .content-col .first-section .left-col .flex .card .icon{width: 33px;height: 33px;}
 .dashboard-page .main-container .dashboard-col-mobile img.icon{object-fit: contain; width: 25px; height: 25px;margin-bottom: 5px;}
 .dashboard-page .main-container .dashboard-col-mobile a{font-size: 11px;font-family: Cairo, Helvetica, Arial, sans-serif;display: flex; align-items: center; justify-content: center; flex-direction: column; }
 .dashboard-page .main-container .dashboard-col-mobile a.disabled{opacity: .3; cursor: default}
 .dashboard-page .main-container .dashboard-col-mobile a span{height: 32px;line-height: 1.4;margin-top: 6px;}
 .dashboard-page .main-container .dashboard-col-mobile a.active img{filter: grayscale(0);}
 .dashboard-page .main-container .dashboard-col-mobile a.active span{font-family: Cairo-bold, Helvetica, Arial, sans-serif;}
 .dashboard-page .main-container .dashboard-col-mobile a.active{color: #F0532D;}
 .dashboard-page .main-container .allmenu-mobile-parent{position: fixed;transition: 0.5s ease-in-out all;overflow: hidden; transform: translate(-50%,-50%);left: 50%;top:-100%; display: block;z-index: 13; width: 90%;}
 .dashboard-page .main-container .allmenu-mobile-parent.active{top: 40%;}
 .dashboard-page .main-container .allmenu-mobile-parent .allmenu-mobile{background-color: white; padding: 20px;;border-radius: 15px;}
 .dashboard-page .main-container .allmenu-mobile-parent .allmenu-mobile .links{display: grid;direction: ltr; grid-template-columns: repeat(2,1fr);margin: auto;text-align: center;column-gap: 15px;row-gap: 35px;}
 .dashboard-page .main-container .allmenu-mobile-parent .allmenu-mobile a{font-size: 13px;display: flex; align-items: center; justify-content: start; gap: 5px;font-family: Cairo, Helvetica, Arial, sans-serif;}
 .dashboard-page .main-container .allmenu-mobile-parent .allmenu-mobile a.active{color: #FF500F;font-family: Cairo-bold, Helvetica, Arial, sans-serif;}
 .dashboard-page .main-container .allmenu-mobile-parent .allmenu-mobile a.disabled{opacity: .3; cursor: default}
 .dashboard-page .main-container .allmenu-mobile-parent .allmenu-mobile a img{height: 20px; width: 20px; object-fit: contain;}
 .dashboard-page .main-container .allmenu-mobile-parent .allmenu-mobile a.logout{margin-top: 35px;direction: ltr; border-top: 1px solid black; padding-top: 25px;}
.blur-page{    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    z-index: 12;
    bottom: 0;
    transition: 0.5s ease-in-out all;
    right: 0;
    visibility: hidden;
    opacity: 0;
    left: 0;}
.blur-page.active{opacity: 1;visibility: visible;}
.interests{grid-template-columns: repeat(2, 1fr);gap: 14px;}
.col-lg-4{grid-template-columns: repeat(2, 1fr);gap: 14px;}
.dashboard-page .main-container .content-col .flex{gap: 10px;}
.dashboard-page.newsletter_page .main-container .content-col .flex .switch{order:2}
.dashboard-page.newsletter_page .main-container .content-col .flex .right{order:1;width: 100%;}
.dashboard-page.newsletter_page .main-container .content-col .flex{align-items: end;}
.switch .slider:before{width: 20px; height: 20px;}
.switch{width: 54px;height: 28px;}
.dashboard-page .coming-soon p:first-child{font-size: 30px;}
.dashboard-page .coming-soon p:nth-child(2){font-size: 18px;}
.dashboard-page .coming-soon img{width: 97%;}
.col-lg-4.cards{grid-template-columns: repeat(1,1fr);width: 100%;}
.col-lg-4.cards .flex{flex-direction: row !important;}
.col-lg-4.cards .flex h3{order: 2;}
.col-lg-4.cards .flex p{order: 1;font-size: 15px;}
.nasraseef22 .cards .card .title{font-size: 20px;}
.nasraseef22 .cards .card .subtitle{font-size: 11px;}
.nasraseef22 .sponsor-card input:nth-child(1){width: 100%;}
.nasraseef22 .sponsor-card .main-parent{flex-direction: column;margin-top: 10px;}
.nasraseef22 .sponsor-card .main-parent .right-col , .nasraseef22 .sponsor-card .main-parent .left-col{width: 100%;}
.nasraseef22 .sponsor-card .main-parent .right-col .donation-title{margin-top: 10px; margin-bottom: 5px;}
.nasraseef22 .sponsor-card .donation-parent , .nasraseef22 .sponsor-card .main-parent .right-col{padding-left: 0;border-left: unset;}
.nasraseef22 .sponsor-card .main-parent .left-col .submit-donation:nth-child(1){display: none;}
.nasraseef22 .sponsor-card .main-parent .left-col{padding: 0;}
.nasraseef22 .sponsor-card .main-parent .submit-donation.mobile{text-align: center; margin-top: 60px;}


    .visitor-page .coupon-popup > div{width: calc(100% - 70px); padding: 45px 20px}
    .visitor-page .coupon-popup > div h3{font-size: 24px; line-height: 34px}
    .visitor-page .coupon-popup > div h4{font-size: 18px; line-height: 28px}
    .visitor-page .coupon-popup > div .details{padding: 0}
    .visitor-page .coupon-popup > div .details > div{padding: 20px}
    .visitor-page .coupon-popup > div .details > div h2{font-size: 24px; line-height: 28px}
    .visitor-page .coupon-popup > div .details > div p{font-size: 14px; line-height: 18px; margin: 5px 0 0 0}
    .visitor-page .coupon-popup > div .buttons{margin: 30px 0 0 0}
    .visitor-page .coupon-popup > div .buttons .btn{font-size: 12px; height: 36px; width: calc(50% - 5px); margin: 0 10px 0 0; line-height: 34px; border-radius: 5px}



    .desktop{display: none !important}
    .mobile{display: block !important}
    .page-title{padding: 0 15px 0 125px; font-size: 26px; position: relative; line-height: 34px}
    .files-page .page-title{padding: 0 15px;margin: 75px 0 20px  0;}
    .page-title:after{border-top: 6px solid #F0532D; width: 105px;position: absolute; right: 15px; bottom: 7px}
    .to-top{bottom: 5px; right: 5px; background-color: rgba(240, 83, 45, 0.8)}
    .to-top:hover{background-color: rgba(240, 83, 45, 0.8)}
    .to-top.in-article{bottom: 50px}
    header .desktop-header{display: none}
    header .mobile-header{display: block}
    .page{padding: 125px 0 20px 0}

    /*Header*/
    header .mobile-header{position: fixed; width: 100%; z-index: 9; box-shadow: 0 3px 20px rgba(0, 0, 0, .08)}
    header .mobile-header .main-container{padding: 0 10px;align-items: center;}
    header .mobile-header .top-menu{height: 75px; background-color: #000000; padding: 10px 0}
    header .mobile-header .top-menu .logo{width: 145px; height: 56px; background: url('/assets/images/logo-white.png?1') no-repeat center; background-size: contain; display: inline-block}
    header .mobile-header .top-menu .logo.lgbtq{background: url('/assets/images/Raseef-LGBTQ-logo.png') no-repeat center; background-size: contain}
    header .mobile-header .top-menu .left-container{float: left; padding: 9px 0}
    header .mobile-header .top-menu .left-container a.send-ga-event{height: fit-content;font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;color: #FFFFFF;line-height: 30px;font-size: 11px; background-color: #F0532D;padding: 4px 8px;display: inline-block;vertical-align: middle;margin: 0 5px 0 0;transition: 0.4s;-webkit-transition: .4s;position: relative;}
    header .mobile-header .top-menu .left-container .donate{padding: 4px 10px; background-color: #F0532D; color: #FFFFFF; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 14px; display: inline-block; vertical-align: middle; direction: ltr}
    header .mobile-header .top-menu .left-container .toggle-menu{display: inline-block; vertical-align: middle; width: 26px; margin: 0 0 0 10px; position: relative}
    .toggle-menu.active span, .toggle-menu.active span::before, .toggle-menu.active span::after{background-color: #FFFFFF}
    .toggle-menu span, .toggle-menu span::before, .toggle-menu span::after{width: 100%; height: 2px; background-color: #FFFFFF; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease}
    .toggle-menu span::before, .toggle-menu span::after{content: ""; display: block}
    .toggle-menu span{display: block; top: 50%; margin-top: -2px; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}
    .toggle-menu span::before{transition: top 0.15s 0.12s ease, opacity 0.15s ease; top: -10px}
    .toggle-menu span::after{transition: bottom 0.15s 0.12s ease, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); bottom: -10px}
    .toggle-menu.active span{transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)}
    .toggle-menu.active span::before{top: 0; opacity: 0; transition: top 0.15s ease, opacity 0.15s 0.12s ease}
    .toggle-menu.active span::after{bottom: 0; transform: rotate(-90deg); transition: bottom 0.15s ease, transform 0.15s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)}
    header .mobile-header .bottom-menu{height: 50px; background-color: white; padding: 12px 0}
    header .mobile-header .bottom-menu nav{display: inline-block; vertical-align: middle}
    header .mobile-header .bottom-menu nav ul li{display: inline-block; margin: 0 6px 0 0}
    header .mobile-header .bottom-menu nav ul li:last-child{margin: 0}
    header .mobile-header .bottom-menu nav ul li a{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 11px}
    header .mobile-header .bottom-menu .language-selector{float: left; position: relative; z-index: 10}
    header .mobile-header .bottom-menu .language-selector .toggle-language{padding: 0 8px; display: inline-block; vertical-align: middle; font-size: 24px; color: #555454; line-height: 1; text-transform: uppercase}
    header .mobile-header .bottom-menu .language-selector ul{background-color: #FFFFFF; width: 80px; text-align: center; position: absolute; right: 0; top: 30px; display: none; padding: 0 0 5px 0;box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)}
    header .mobile-header .bottom-menu .language-selector ul li a{font-size: 13px; font-family: Cairo, Helvetica, Arial, sans-serif; display: block; padding: 0 0 5px 0}
    header .mobile-header .bottom-menu .language-selector ul li a.active{font-family: Cairo-Bold, Helvetica, Arial, sans-serif}
    header .mobile-header .bottom-menu .main-menu{position: fixed; width: 100%; background-color: #FFFFFF; top: 125px; display: none;height: calc(100vh - 125px); overflow-y: scroll !important;}
    header .mobile-header .bottom-menu .main-menu .main-container{display: block;}
    header .mobile-header .bottom-menu .main-menu .search{position: relative; margin: 20px 0 25px 0}
    header .mobile-header .bottom-menu .main-menu .search input{border: none; border-bottom: 1px solid #555454; width: 100%; outline: none; font-size: 16px; font-family: Cairo, Helvetica, Arial, sans-serif; padding: 0 10px 0 25px}
    header .mobile-header .bottom-menu .main-menu .search input::-webkit-input-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .search input:-moz-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .search input::-moz-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .search input:-ms-input-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .search input.error::-webkit-input-placeholder{color: #CC0000}
    header .mobile-header .bottom-menu .main-menu .search input.error:-moz-placeholder{color: #CC0000}
    header .mobile-header .bottom-menu .main-menu .search input.error::-moz-placeholder{color: #CC0000}
    header .mobile-header .bottom-menu .main-menu .search input.error:-ms-input-placeholder{color: #CC0000}
    header .mobile-header .bottom-menu .main-menu .search .submit{position: absolute; left: 0; top: 8px; width: 16px; height: 16px; background: url('/assets/images/icon-loop-grey.png') no-repeat center; background-size: contain}
    header .mobile-header .bottom-menu .main-menu .login{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 12px}
    header .mobile-header .bottom-menu .main-menu .login:before{content: ''; width: 18px; height: 21px; display: inline-block; background: url('/assets/images/sprite-login.png') no-repeat -48px -10px; vertical-align: middle; margin: 0 10px 0 0; position: relative; top: -1px}
    header .mobile-header .bottom-menu .main-menu ul.social{display: flex; align-items: center;justify-content: start;gap: 7px;}
    header .mobile-header .bottom-menu .main-menu ul.social li{margin: 0;}
    header .mobile-header .bottom-menu .main-menu ul.social li a{width: 30px;height: 30px; border: 1px solid #141414; border-radius: 50%; display: block;  font-size: 13px;color: #141414;text-align: center;line-height: 30px;position: relative;}
    header .mobile-header .bottom-menu .main-menu ul{margin: 15px 0 0 0}
    header .mobile-header .bottom-menu .main-menu ul li{margin: 0 0 10px 0}
    header .mobile-header .bottom-menu .main-menu ul li:last-child{margin: 0}
    header .mobile-header .bottom-menu .main-menu ul li a{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 17px}
    header .mobile-header .bottom-menu .main-menu .newsletter{margin: 25px 0 20px 0; position: relative}
    header .mobile-header .bottom-menu .main-menu .newsletter label{font-family: Cairo-Bold, Helvetica, Arial, sans-serif; font-size: 17px; color: #F0532D}
    header .mobile-header .bottom-menu .main-menu .newsletter .input-container{position: relative}
    header .mobile-header .bottom-menu .main-menu .newsletter input{margin: 10px 0 0 0; border: none; border-bottom: 1px solid #555454; width: 100%; outline: none; font-size: 16px; font-family: Cairo, Helvetica, Arial, sans-serif; padding: 0 25px 5px 10px;direction: ltr;text-align: left;}
    header .mobile-header .bottom-menu .main-menu .newsletter input::-webkit-input-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .newsletter input:-moz-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .newsletter input::-moz-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .newsletter input:-ms-input-placeholder{font-size: 12px; color: #555454}
    header .mobile-header .bottom-menu .main-menu .newsletter .submit{position: absolute; right: 5px; bottom: 12px; width: 7px; height: 12px; background: url('/assets/images/icon-angle-left-grey.png') no-repeat center; background-size: contain;transform: rotate(180deg);}

    header .mobile-header .bottom-menu nav ul li{position: relative}
    header .mobile-header .bottom-menu nav ul li a:after{content: ''; position: absolute; left: 50%; bottom: -12px; height: 4px; background-color: #F0532D; width: 0; transition: .5s; -webkit-transition: 0.5s}
    header .mobile-header .bottom-menu nav ul li a.active:after{width: 100%; left: 0}
    header .mobile-header .bottom-menu nav ul li a.active a{color: #F0532D}
    header .mobile-header .bottom-menu nav ul li .sub-menu{position: fixed; width: 100%; right: 0; background-color: #FFFFFF; z-index: 9; transition: .6s; -webkit-transition: .6s; height: 0; overflow: hidden; top: 125px}
    header .mobile-header .bottom-menu nav ul li .sub-menu.active{height: calc(100% - 125px)}
    header .mobile-header .bottom-menu nav ul li .sub-menu .main-container{overflow-y: auto; -webkit-overflow-scrolling: touch; bottom: 0; left: 0; position: absolute; z-index: 11; right: 0; top: 0; -ms-overflow-style: none; scrollbar-width: none;display: block;}
    header .mobile-header .bottom-menu nav ul li .sub-menu .main-container::-webkit-scrollbar{display: none}
    header .mobile-header .bottom-menu nav ul li .sub-menu .close{width: 21px; height: 21px; background: url('/assets/images/icon-times-black.png') no-repeat center; background-size: contain; position: absolute; top: 15px; right: 20px}
    header .mobile-header .bottom-menu nav ul li .sub-menu .text{margin: 50px 0 0 0; direction: ltr; text-align: left}
    header .mobile-header .bottom-menu nav ul li .sub-menu .text p{font-size: 12px; font-family: Cairo, Helvetica, Arial, sans-serif; margin: 0 0 15px 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu .text p:last-child{margin: 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.masarat ul{margin: 20px 0 0 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.masarat ul li{width: calc(33.33% - 10px); margin: 0 15px 15px 0; vertical-align: top; direction: ltr; text-align: left}
    header .mobile-header .bottom-menu nav ul li .sub-menu.masarat ul li:nth-child(3n){margin: 0 0 15px 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.masarat ul li .figure-container{height: 90px}
    header .mobile-header .bottom-menu nav ul li .sub-menu.masarat ul li .figure-container figure{height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat}
    header .mobile-header .bottom-menu nav ul li .sub-menu.masarat ul li h3{font-size: 12px; line-height: 18px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif; text-align: center}

    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul, header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul{margin: 50px 0 0 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li, header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li{display: block; width: 100%; margin: 0 0 30px 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections.columns ul li:last-child{margin: 0 0px 30px 10px;}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections.columns ul li:last-child ul li{padding: 0 0 10px 0;}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections.columns ul li:last-child ul li:last-child{margin: 0;}
    header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li{text-align: left; direction: ltr}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li.half{display: inline-block; vertical-align: top; width: calc(50% - 5px); margin: 0 0 10px 10px; direction: ltr; text-align: left}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li.half.no-margin{margin: 0 0 10px 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li a, header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li a{font-size: 16px; font-family: Cairo-Bold, Helvetica, Arial, sans-serif}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li ul, header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li ul{border-top: 1px solid #707070; padding: 5px 0 0 0; margin: 5px 0 0 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li ul li a, header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li ul li a{font-size: 14px; font-family: Cairo, Helvetica, Arial, sans-serif; line-height: 18px}
    header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li ul li{margin: 0 0 10px 0 !important}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li ul li, header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li ul li{display: inline-block; vertical-align: top; width: 50%; margin: 0}
    header .mobile-header .bottom-menu nav ul li .sub-menu.sections ul li.half ul li{display: block; width: 100%}
    header .mobile-header .bottom-menu nav ul li .sub-menu.countries ul li:last-child ul li{width: 25%}



    /*End Header*/

    /*Articles Styles*/
    article.article-stream-1.style-1{width: 100%}
    article.article-stream-1.style-2{width: 100%}
    article.article-stream-1.style-2 .content .details, article.article-stream-1.style-3 .content .details, article.article-stream-1.style-4 .content .details{padding: 60px 20px 20px 20px}
    article.article-stream-1.style-3{width: 100%}
    article.article-stream-1.style-3 .content .details .author figure, article.article-stream-1.style-4 .content .details .author figure{width: 60px; height: 60px}
    article.article-stream-1.style-3 .content .details .author, article.article-stream-1.style-4 .content .details .author{top: -30px}
    article.article-stream-1.style-3 .content .details .author h3, article.article-stream-1.style-4 .content .details .author h3{font-size: 14px}
    article.article-stream-1.style-4{width: 100%}
    article.article-stream-2.style-1, article.article-stream-2.style-2, article.article-stream-2.style-3{width: 100%}
    article.article-stream-3.style-1, article.article-stream-3.style-2, article.article-stream-3.style-3{width: 100%}
    article.article-stream-3.style-1, article.article-stream-3.style-2{height: 220px}
    article.purple .content .category h4:hover{background-color: #833BBA !important}
    article.blue .content .category h4:hover{background-color: #2E69CF !important}
    /*End Articles Styles*/

    .monster-mpu{float: none; width: 100%}

    /*Homepage*/
    .homepage .main-container{padding: 0}
    ul.featured-slider, ul.featured-slider li{height: 210px; margin-bottom: 0 !important}
    ul.featured-slider.category, ul.featured-slider.category li{height: 275px}
    /*.homepage ul.featured-slider .slick-dots{display: none !important}*/
    ul.featured-slider li a h2{font-size: 21px; line-height: 35px; left: initial; padding: 0 20px; max-height: 75px}
    .english-category ul.featured-slider.category li a h2{left: initial}
    .english-category ul.featured-slider.category .slick-dots{left: 20px; right: initial}
    .english-category ul.featured-slider.category .slick-prev{left: 20px}
    .english-category ul.featured-slider.category .slick-next{left: 60px}
    .english-category ul.featured-slider.category .slick-dots li{margin: 0 10px 0 0}
    .english-category ul.featured-slider.category .slick-next:before{content: '\f105'; margin: 0 0 0 2px}
    .english-category ul.featured-slider.category .slick-prev:before{content: '\f104'; margin: 0 0 0 2px}
    .banner{width: 100%; margin: 30px auto}
    .homepage .main-container .col-left{width: 100%; margin: 0;}
    .homepage .main-container .col-left .stories{padding: 0 0 20px 0;margin:0}
    .homepage .main-container .col-left .stories .slick-list{padding: 0 0 0 25px}
    .homepage .main-container .col-left .stories li{float: right; margin: 0 10px 0 0 !important; height: 138px}
    .homepage .main-container .col-left .featured h2{padding: 0 20px; font-size: 31px}
    .homepage .main-container .col-left .featured .article-1{height: auto; border: none; margin: 0 0 10px 0; float: none}
    /*.homepage .main-container .col-left .featured .article-1:after{content: ''; width: 80%; border-bottom: 1px solid rgba(112, 112, 112, .2); display: block; margin: auto}*/
    .homepage .main-container .col-left .featured .article-1 figure{width: 100%; height: 200px}
    .homepage .main-container .col-left .featured .article figure:after{width: 30px; height: 30px; bottom: 10px}
    .homepage .main-container .col-left .featured .article-1 .content{padding: 5px 20px; width: 100%; margin: 0}
    .homepage .main-container .col-left .featured .article-1 .content:before{display: none}
    .homepage .main-container .col-left .featured .article-1 .content h3{font-size: 21px; line-height: 33px; height: auto}
    .homepage .main-container .col-left .featured .article-1 .content h4{font-size: 15px; margin: 0 0 0 5px}
    .homepage .main-container .col-left .featured .article-1 .content span{font-size: 15px}
    .homepage .main-container .col-left .featured .article-2.separate:before{display: none}
    .homepage .main-container .col-left .featured .article-2{width: 90%; margin: auto auto 10px auto !important; float: none}
    .homepage .main-container .col-left .featured .article-2 figure{height: 216px}
    .homepage .main-container .col-left .featured .article-2 .content { padding: 5px 0 15px 0}
    /*.homepage .main-container .col-left .featured .article-2:after{content: ''; width: 100%; border-bottom: 1px solid rgba(112, 112, 112, .2); display: block; margin: auto}*/
    .homepage .main-container .col-left .featured .article-2 .content h3{height: auto; margin: 5px 0 0 0 }
    .homepage .main-container .col-left .featured .article-2.video figure:after{width: 55px; height: 55px}
    .homepage .main-container .col-left .featured .article-2.separate .location{top: 0}
    .homepage .main-container .col-right.desktop{display: none !important}
    .mostread-component ul{padding: 0 20px}
    .mostread-component.corona-component ul{padding: 0 !important;}
    .mostread-component ul li figure{height: 75px; width: 155px}
    .mostread-component ul li h3{font-size: 15px; line-height: initial; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important}
    .mostread-component ul li h4{font-size: 13px; line-height: 22px; color: #000000; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif !important; height: auto; width: calc(100% - 180px) !important;margin: 0 0 0 20px;}
    .article-page article .mostread-component{direction: rtl}
    .opinions-component{margin: 0 0 20px 0; background: #fdf9f6; padding: 0 0 20px 0; position: relative}
    .podcast-component.podeo{padding: 80px 20px 20px 20px}
    .podcast-component h2{font-size: 21px}
    .podcast-component figure{display: none;width: 130px; height: 100px}
    .podcast-component h3{font-size: 14px; line-height: 20px; margin: -5px 110px 25px 0 }
    .homepage .main-container .col-right{width: 100%; position: unset}
    .opinions-component .main-container .col-right {text-align:center}
    .opinions-component .main-container .col-right img {height:100px; width:auto}
    .opinions-component .main-container .col-left article{width: 94%; float: none; margin: auto auto 30px auto; height: auto}
    .opinions-component .main-container .col-left article figure.article-fig{height: 205px}
    .opinions-component .main-container .col-left article:hover figure.article-fig{height: 205px; margin: 0; border: none}
    .opinions-component .main-container .col-left article:hover .location{top: 0}
    .opinions-component .main-container .col-left article .content{padding: 15px 30px}
    .opinions-component .main-container .col-left article .content h3{font-size: 18px; line-height: 28px; height: auto}
    .opinions-component .main-container .col-left article .content h4{font-size: 14px}
    .opinions-component .main-container .col-left article .content span{font-size: 13px}
    .opinions-component .main-container a.more{bottom: 0; right: 0; left: 0; text-align: center; border-top: 1px solid #D6D6D6; padding: 10px 0 0 0; width: 80%; margin: auto}
    .homepage .news ul li{padding: 15px 20px 20px 20px}

    .comments-component ul li{padding: 15px 20px 20px 20px}

    .homepage .main-container h2{padding: 0 20px; font-size: 31px; line-height: initial}
    .homepage .main-container article .content .title{padding: 10px !important; right: 0; left: 0; margin: auto;background: rgba(0, 0, 0, 0.35)}
    .homepage .main-container .article-1{width: 100%; height: 360px; margin: 0 0 10px 0}
    .homepage .main-container .article-1 .content{width: 100%; margin: 0}
    .homepage .main-container .article-1 .content .title, .homepage .main-container .article-2 .content .title, .homepage .main-container article.article-4 .content .title { width: 75% }
    .homepage .main-container article .content .title h3{line-height: 21px}
    .homepage .main-container article .content .title h4{font-size: 13px;display:none}
    .homepage .main-container article .content .title span{font-size: 13px;display:none}
    .homepage .main-container .article-2{width: 100%; height: 260px; margin: 0 0 10px 0}
    .homepage .main-container .article-2 .content{margin: 0; width: 100%}
    .homepage .main-container .article-3{width: 50%; height: 339px; margin: 0 0 10px 0}
    .homepage .main-container .article-3 .content{margin: 0 10px 0 0; width: calc(100% - 10px)}
    .homepage .main-container .article-3 .content .title{width: 150px !important}
    .homepage .main-container .article-4{width: 100%; height: 230px; margin: 0}
    .homepage .main-container .article-5{width: 50%; height: 205px; margin: 0 0 10px 0}
    .homepage .main-container .article-5 .content{width: 100%; margin: 0}
    .homepage .main-container article.article-5 h3{font-size: 15px; line-height: 25px; margin: 0}
    .homepage .main-container article.article-5 h3:after{font-size: 100px}
    .homepage .main-container article.article-5 h4{font-size: 14px}
    .homepage .main-container .article-6{width: 50%; height: 124px; margin: 0 0 10px 0}
    .homepage .main-container .article-6 .content{width: 100%; margin: 0}
    .homepage .main-container .article-6 .content .title{width: 100%}
    .homepage .main-container .article-6 .content h3{margin: 0}
    .homepage .main-container article.article-2.quote .content, .homepage .main-container article.article-6.quote .content{margin: 0}
    .homepage .main-container article.quote h3{overflow: hidden}
    .homepage .main-container article.article-1.quote h3{font-size: 24px; line-height: 36px; max-height: 220px}
    .homepage .main-container article.article-2.quote h3{font-size: 22px; line-height: 32px; max-height: 160px}
    .homepage .main-container article.article-3.quote h3{font-size: 18px; line-height: 26px; max-height: 265px}
    .homepage .main-container article.article-3.quote h3:after{font-size: 90px}
    .homepage .main-container article.quote h3:after{font-size: 100px; left: -10px}
    .homepage .main-container article.article-4.quote h3{font-size: 22px; line-height: 32px; max-height: 160px}
    .homepage .main-container article.article-4.quote h3:after{font-size: 90px; bottom: -30px}
    .homepage .main-container article.article-5.quote h3, .homepage .main-container article.article-6.quote h3{max-height: 125px; height: auto}
    .homepage .main-container article.article-5.quote h3:after, .homepage .main-container article.article-6.quote h3:after{font-size: 90px; bottom: -40px}
    .homepage .main-container article.article-6.quote h3{font-size: 14px; line-height: 20px; margin: 0; max-height: 80px}
    .homepage .main-container article.article-6.quote h3:after{font-size: 70px; bottom: -25px}
    .homepage .main-container article.article-6.quote h4{font-size: 13px}
    .homepage .main-container.videos{margin: 20px auto}
    .homepage .main-container.videos article{margin: 0 0 10px 0}
    .homepage .main-container.videos article .title{padding: 0 20px}
    .homepage .main-container.videos article .title h3{font-size: 23px; line-height: 32px}
    .homepage .main-container.videos article .title h4{font-size: 18px; line-height: 26px}
    .homepage .main-container.videos article figure{height: 200px}
    .homepage .main-container.videos article figure:after{width: 50px; height: 50px}
    .homepage .main-container.videos article .watch{font-size: 12px; width: 140px}
    .homepage .main-container.videos article .watch:after{top: 2px; position: relative}
    .homepage .main-container.videos article .watch:hover{background-color: #000000}
    .homepage .main-container.videos .related-videos ul{width: 100%}
    .homepage .main-container.videos .related-videos ul li{padding: 0 0 0 10px; border-right: none; border-left: 1px solid #D6D6D6; margin: 0 0 0 10px}
    .homepage .main-container.videos .related-videos ul li:last-child{border-left: none}
    .homepage .main-container.videos .related-videos ul li a figure{height: 84px}
    .homepage .main-container.videos .related-videos ul li a figure:after{width: 25px; height: 25px}
    .homepage .main-container.videos .related-videos ul li a h3{font-size: 13px; padding: 5px 10px 0 0}
    .homepage .main-container.videos .related-videos .slick-list{padding: 0 0 0 20px}
    .homepage .main-container.videos .related-videos .slick-next:before{font-size: 30px}
    .homepage .main-container.videos .related-videos .slick-prev:before{font-size: 30px}
    .homepage .main-container.videos .related-videos .slick-prev{bottom: 30px; left: -45px}
    .homepage .main-container.videos .related-videos .slick-next{top: 45px; left: -45px}
    .homepage .main-container.videos .related-videos ul:after{width: 45px; left: -55px}
    .videos-page .mostread-articles{padding: 20px 0 0 0}
    .videos-page .mostread-articles h2{font-size: 25px; padding: 0 15px}
    .videos-page .mostread-articles h2:after{width: 70px; float: left; margin: 32px 0 0 0}
    .videos-page .mostread-articles article{width: 50% !important; display: inline-block}
    .videos-page .mostread-articles article a figure{height: 125px}
    .videos-page .mostread-articles article a h3{font-size: 14px; line-height: 20px; padding: 5px; height: 88px}
    .donate-banner{height: auto; text-align: center; padding: 20px 0 30px 0}
    .donate-banner.hide{bottom: -230px}
    .donate-banner .close{right: 10px; top: -10px; width: 15px; height: 15px}
    .donate-banner .main-container .text-container, .donate-banner .main-container .button-container{display: block; width: 100%}
    .donate-banner .main-container .text-container{padding: 0 40px}
    .donate-banner .main-container .text-container h2{font-size: 22px; line-height: 26px}
    .donate-banner .main-container .text-container p{font-size: 16px; line-height: 20px; margin: 10px 0 0 0}
    .donate-banner .main-container .button-container{margin: 20px 0 0 0}
    .donate-banner .main-container .button-container a{margin: auto}
    .donate-banner .main-container .button-container a:hover{background-color: #000000; color: #FFFFFF}
    /*End Homepage*/

    /*Category Page*/
    ul.featured-slider.category li a h2{max-height: 145px}
    ul.featured-slider.category li a h2 span.category{font-size: 18px; color: #F0532D}
    ul.featured-slider.category li a h2 span.latest{font-size: 18px; margin: 0}
    ul.featured-slider.category .slick-dots{bottom: 10px; top: initial; transform: none; right: 20px; left: initial}
    ul.featured-slider.category .slick-dots li{height: 4px; width: 28px; background-color: rgba(255, 255, 255, .75); border: none; border-radius: initial; display: inline-block; margin: 0 0 0 10px}
    ul.featured-slider.category .slick-dots li.slick-active{background-color: #FFFFFF}
    ul.featured-slider.category .slick-prev, ul.featured-slider.category .slick-next{position: absolute; bottom: 20px; right: 20px; border: 2px solid #FFFFFF; border-radius: 50%; width: 30px; height: 30px; top: initial; z-index: 1; display: block !important}
    ul.featured-slider.category .slick-next{right: 60px}
    ul.featured-slider.category .slick-next:before, ul.featured-slider.category .slick-prev:before{content: '\f104'; font-family: FontAwesome; font-size: 26px; color: #FFFFFF; line-height: 14px; margin: 0 4px 0 0}
    ul.featured-slider.category .slick-prev:before{content: '\f105'; margin: 0 0 0 2px}
    .category-page .main-container{padding: 0}
    article.article-stream-1{width: 100%; height: auto !important; float: none !important}
    article.article-stream-1 .content figure.article-fig{height: 168px}
    article.article-stream-1 .content .category{font-size: 14px}
    article .location{font-size: 12px; padding: 2px 7px 3px 7px}
    article .location:hover{background-color: rgba(0, 0, 0, .75)}
    article.article-stream-1 .content .details{padding: 10px 20px 20px 20px}
    article.article-stream-1.author-display .content .details{padding: 55px 20px 20px 20px}
    article.article-stream-1 .content .details .author{top: -30px; left: 20px}
    .category-page.english-category article.article-stream-1 .content .details .author{left: 20px}
    .mostread-page.english-mostread article.article-stream-1 .content .details .author{left: 20px}
    article.article-stream-1 .content .details .author figure{width: 60px; height: 60px}
    article.article-stream-1 .content .details .author h3{font-size: 14px; height: 28px}
    article.article-stream-1 .content .details h3{font-size: 12px; margin: 10px 0}
    article.article-stream-1 .content .details h2{font-size: 18px !important; line-height: 30px !important; height: auto !important; margin: 10px 0 0 0}
    .mpu-container{width: 100%}
    /*End Category Page*/

    /*unblock_raseef*/
    .category-page.unblock_raseef div.main-container .introduction{width: 100%;padding: 0 0 1px 0}
    .category-page.unblock_raseef div.main-container .wrapper-body{width: 100%}
    .category-page.unblock_raseef div.main-container{display: block;width: 100%;bottom:0;direction: rtl!important;background: black}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left{margin:20px 0 30px 0}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.right{margin:20px 0 0 0}
    .category-page.unblock_raseef div.main-container div.div-wrapper{display: block;margin:auto}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left{margin:auto;width: 100%;height:286px;direction: ltr}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.videoPlay{height:286px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.desktop{display:none!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular.first{border:none!important}
    .category-page.unblock_raseef{height: 100%!important;min-height: 100%;overflow: scroll!important;-webkit-overflow-scrolling: touch;background: url('https://s.raseef22.com/assets/images/unblock_raseef-28_background_mobile2.png')}
    .category-page.unblock_raseef.fixed{overflow: hidden!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right a.unblockraseef_donate{position: fixed;bottom: 0;right: 0;left: 0;display: block;z-index: 999}
    .popup-overlay.unblock_raseef22 .popup .slick-dots{bottom:90px!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular h3{font-size: 14px;line-height: 21px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular p{font-size: 12px;line-height: 16px;max-height: 42px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right{margin:50px auto}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul{width: calc(100% - 30px)}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{width: 100%;display: block}
    .category-page.unblock_raseef h1{font-size: 35px;bottom:0;width: calc(100% - 30px);margin:auto;padding: 8px 0 5px 0px}
    .category-page.unblock_raseef div.main-container div.text{font-size: 16px;line-height: 21px;margin: 0 auto 5px auto;width: calc(100% - 30px)}
    .category-page.unblock_raseef.english div.main-container div.text{font-size: 14px;line-height: 22px}
    .category-page.unblock_raseef a.switchLang{position: absolute;top: 10px;left: 60px;z-index: 2}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left figure{height:188px}
    .popup-overlay.unblock_raseef22 .popup{width: calc(100% - 30px);display: block;margin:auto;right:0;left:0}
    .popup-overlay.unblock_raseef22 .popup figure{height: 320px}
    .popup-overlay.unblock_raseef22 .popup ul.socials li.mobile{display: inline-block!important}
    .category-page.unblock_raseef a.switchLang{max-width: 100%;width: auto;padding:0 10px;font-size: 22px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right{background-color: transparent;width: 100%}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured{margin:0 0 20px 0;padding: 0 5px 20px 5px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular{margin:0 0 20px 0;border-bottom:solid 1px #DE673D;padding: 0 5px 20px 5px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.regular:last-of-type{border:none}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left div.text{display: none}
    .popup-overlay.unblock_raseef22 .popup .carousel_info div.caption h3{font-size: 15px; padding: 5px 10px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right ul li.featured a figure{width: 100%!important;height: 350px!important}
    .category-page.unblock_raseef div.main-container div.div-wrapper.right > div{max-width: 100%}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-prev{top:95%!important;right:90%;z-index:999}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-prev:before{content:'>';font-size: 25px}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-next{top:95%!important;right:5%;z-index:999}
    .category-page.unblock_raseef.english div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-next:before{content:'<';font-size: 25px}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-prev{top:95%!important;left:90%;z-index:999}
    .category-page.unblock_raseef div.main-container div.div-wrapper.left.mobile .carousel_unblockRaseef2 .slick-next{top:95%!important;right:90%;z-index:999}
    /*unblock_raseef*/


    .category-page .countries-filter .category-name, .category-page .countries-filter .filters-container{width: 100%; display: block}
    .category-page .countries-filter .category-name h1{font-size: 22px}
    .category-page .countries-filter .filters-container{padding: 20px 20px 10px 20px}
    .category-page .countries-filter .filters-container ul li{height: 30px; line-height: 26px; border-radius: 15px; width: 75px; margin: 0 0 10px 10px}
    .category-page .countries-filter .filters-container ul li:last-child{margin: 0}
    .category-page .countries-filter .filters-container ul li a{border-radius: 15px; font-size: 11px}
    .category-page .countries-filter .filters-container ul li a:hover{font-family: Cairo, Arial, sans-serif, Helvetica; background-color: #F9F5FB; color: #000000}
    .category-page .countries-filter .filters-container ul li.more > a:hover:after{background: url('/assets/images/icon-angle-down-black.png') no-repeat center; background-size: contain}

    .category-page .comments-component{width: 100%; float: none; margin: 0 0 30px 0; height: auto; max-height: initial; padding: 0}
    .category-page .comments-component ul{height: auto; overflow: hidden}


    /*Videos Page*/
    .videos-page article.featured{height: 340px}
    .videos-page article.featured a > div{padding: 20px}
    .videos-page article.featured a > div h2{font-size: 24px; line-height: 34px; width: 100%}
    .videos-page article.featured a h2 span{font-size: 20px; margin: 10px 0 0 0}
    .videos-page article.featured a > div .icon{position: relative; width: 100%; display: block; text-align: center; font-size: 18px}
    .videos-page article.featured a > div .icon i{width: 50px; height: 50px; top: 20px}
    .videos-page .most-watched h2{font-size: 26px; width: 225px; padding: 0 0 10px 0}
    .videos-page .most-watched ul{margin: 30px 0 0 0}
    .videos-page .most-watched ul .slick-list{padding: 0 0 0 50px}
    .videos-page .most-watched ul li{margin: 0 0 0 20px}
    .videos-page .most-watched ul li a figure{height: 160px}
    .videos-page .most-watched ul li a figure:after{width: 30px; height: 30px}
    .videos-page .most-watched ul li a figure span{font-size: 17px}
    .videos-page .most-watched ul li a .details h3{font-size: 14px; width: 65%; padding: 0 10px 0 0; max-height: initial}
    .videos-page .most-watched ul li a .details span{font-size: 12px; width: 35%}
    .videos-page .main-container{padding: 0}
    .videos-page .main-container .title{border-bottom: none; margin: 0 0 10px 0}
    .videos-page .main-container .title h2{display: block; margin: 0 0 25px 0; border-bottom: 1px solid #5A5A5A; padding: 0 0 10px 20px}
    .videos-page .main-container .title ul.categories{display: block; text-align: center}
    .videos-page .main-container .title ul.categories li{width: 80px; margin: 0 10px 0 0}
    .videos-page .main-container .title ul.categories li:last-child{margin: 0}
    .videos-page .main-container .title ul.categories li a{font-size: 15px}
    .videos-page .main-container .title ul.categories li a:hover{background-color: transparent}
    .videos-page .main-container article{width: 100%; float: none; height: auto}
    .videos-page .main-container article figure{height: 210px}
    .videos-page .main-container article figure:after{width: 40px; height: 40px}
    .videos-page .main-container article .content{width: 100%}
    .videos-page .main-container article .details h3{font-size: 18px; padding: 0 10px; line-height: 32px; height: auto}
    .videos-page .main-container article .details h4{padding: 0 0 0 10px}
    /*End Videos Page*/

    /*Video Page*/
    body.video{overflow: auto; height: auto}
    body.video footer{display: block}
    .video-page .back-to-videos{width: 28px; height: 28px; top: 60px; left: 10px}
    .video-page .inlineVideo{height: 220px}
    .video-page .article-content{position: relative}
    .video-page .article-content.collapsed{height: auto; border-top: 4px solid #FFFFFF; width: 100%; overflow: visible}
    .video-page .article-content a.expand{display: none}
    .video-page .article-content.collapsed .expanded-content{opacity: 1; visibility: visible}
    .video-page .article-content.collapsed .author{width: 100%; height: auto}
    .video-page .article-content.collapsed .author .multiple-authors a{width: 100%; margin: 0 0 10px 0}
    .video-page .article-content.collapsed .author h3{font-size: 14px}
    .video-page .article-content.collapsed .author .multiple-authors figure{width: 35px; height: 35px}
    .video-page .article-content.collapsed .author .multiple-authors h3{padding: 0 40px 0 0; font-size: 14px; line-height: 26px}
    .video-page .article-content.collapsed h1{width: 100%; height: auto; font-size: 24px; line-height: 36px; margin: 10px 0 0 0}
    .video-page .article-content.collapsed h1:before{display: none}
    .video-page .article-content .date{margin: 10px 0 0 0; display: block}
    .video-page .article-content .text p{font-size: 16px; line-height: 28px}
    .video-page .article-content .next-videos a.more:hover{background: rgba(255, 255, 255, .45)}
    /*End Video Page*/

    /*Authors Page*/
    .authors-page .header{height: 230px}
    .authors-page.corona .header{height: 230px; background: url('/assets/images/corona-category-image-mobile.png?3') no-repeat center!important; background-size: cover; position: relative}
    .authors-page .header h1{font-size: 50px}
    .authors-page h2.page-title{font-size: 26px; padding: 0 0 0 125px; width: 100%}
    .authors-page h2.page-title:after{left: 0}
    .authors-page .authors{padding: 0 20px}
    .authors-page .selectize-control{float: none; width: 100%; margin: 0 0 20px 0}
    .authors-page .authors ul{padding: 0 20px; margin: 0 0 20px 0; max-height: 150px}
    .authors-page .authors ul li a{width: 118px}
    .authors-page .authors ul li a figure{height: 118px}
    .authors-page .authors ul li a h3{font-size: 14px; padding: 5px 0 0 0; line-height: 20px}
    .authors-page .authors ul .slick-list{padding: 0 0 0 40px}
    .authors-page .authors ul .slick-prev:before, .authors-page .authors ul .slick-next:before{font-size: 30px}
    .authors-page .authors ul .slick-prev, .authors-page .authors ul .slick-next{top: 55px}
    .authors-page .main-container{padding: 0}
    .authors-page .main-container ul.carousel{width: 100%; float: none !important; margin: 0 0 15px 0}
    /*.authors-page .main-container ul.carousel li{height: 480px}*/
    .authors-page .main-container ul.carousel li article.article-1 .content{width: 100%}
    .authors-page .main-container ul.carousel li article.article-1 .content figure.article-fig{width: 100%; height: 370px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details{width: calc(100% - 30px); height: 385px; top: initial; bottom: 15px; padding: 15px 25px; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)}
    .authors-page .main-container ul.carousel li article.article-1 .content .details .author figure{width: 75px; height: 75px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details .author h3{margin: 25px 95px 0 0}
    .authors-page .main-container ul.carousel li article.article-1 .content .details h2{font-size: 22px; line-height: 36px; height: 110px}
    .authors-page .main-container ul.carousel li article.article-1 .content .details p{margin: 20px 0 0 0}
    .authors-page .main-container ul.carousel li article.article-1 .content .details a.more{margin: 35px 0 0 0}
    .authors-page .main-container article.article-2{width: 100%; float: none; height: 220px}
    .authors-page .main-container article.article-2 a{width: 100%}
    .authors-page .main-container article.article-2 a h2{font-size: 18px; line-height: 26px; height: 65px}
    .authors-page .main-container .col-right{width: 100%; float: none}
    .latest-news{width: 100%; float: none}
    .latest-news .content{width: 100%; padding: 20px 0 0 0}
    .latest-news .content ul{padding: 20px 20px 0 20px}
    .latest-news .content ul li h3{height: auto}
    article.article-stream-2{float: none !important; width: 100%; height: 545px}
    article.article-stream-2.two-thirds{width: 100%}
    article.article-stream-2 .content{width: 100%}
    article.article-stream-2 .content .details{width: calc(100% - 35px); padding: 20px}
    article.article-stream-2 .content .details h2{font-size: 18px; line-height: 26px; padding: 0 0 0 30px; height: 90px}
    article.article-stream-2 .content .details h2:after{width: 25px; height: 25px}
    .authors-page .main-container article.article-5{float: none; width: 100%; height: 325px}
    .authors-page .main-container article.article-6{width: 100%; height: auto; float: none}
    .authors-page .main-container article.article-6 a{padding: 5px 20px}
    .authors-page .main-container article.article-6 a h2{font-size: 17px; height: auto}
    /*End Authors Page*/

    /*Article Page*/
    .article-page article{position: relative; /*top: 10px*/}
    .article-page article figure.main-figure{height: 260px; margin: 0}
    .article-page article figure.main-figure h1{font-size: 20px; line-height: 28px; width: 100%; padding: 0 25px 35px 25px; text-align: center}
    .article-page article figure.main-figure .caption{font-size: 14px; padding: 2px 10px}
    .article-page .main-container.no-mainimage article figure.main-figure h1{padding: 0 25px !important; margin: 20px 0 0 0}
    .article-page article .article-container{padding: 0 20px}
    .article-page article .author{min-height: 50px; margin: 0 0 20px 0}
    .article-page article .author a figure{width: 50px; height: 50px}
    .article-page article .author .multiple-authors a{display: inline-block; margin: 0 15px 15px 0; min-height: 40px}
    .article-page article .author .multiple-authors a figure{width: 40px; height: 40px; float: left}
    .article-page article .author .multiple-authors a > div{padding: 0 0 0 40px; display: block}
    .article-page article .author .multiple-authors a > div h3{font-size: 14px; line-height: 20px}
    .article-page article .author a > div span{margin: 0 5px; line-height: 18px}
    .article-page article .author a > div{padding: 0 0 0 10px; margin: 0; position: relative; top: 10px; vertical-align: top}
    .article-page article .author form{margin: 15px 0 0 0; display: block; float: none !important}
    .article-page article .author form:after{content: ''; clear: both; display: block}
    .article-page .main-container .col-left .comment_button{}
    .article-page .main-container .col-right{width: 100%; margin: 0}
    .article-page .main-container .col-left{width: 100%}
    .article-page .main-container .col-left .date{font-size: 14px}
    .article-page .main-container .col-left .date .category{font-size: 15px}
    .article-page .main-container .col-left .text{font-size: 21px; line-height: 28px}
    .article-page .main-container .col-left .text p{font-size: 20px; line-height: 27px}
    .article-page .main-container .col-left .text p img{margin: 20px 0 0 0}
    .article-page .main-container .col-left .text h2{font-size: 25px}
    .article-page .main-container .col-left .text h3{font-size: 21px;}
    .article-page .main-container .col-left .text .postquotes{margin: 45px 0 20px 0; padding: 0}
    .article-page .main-container .col-left .text .postquotes::before{font-size: 19px; top: -35px}
    .article-page .main-container .col-left .text blockquote{font-size: 18px; line-height: 30px; padding: 0; margin: 20px 0 25px 0 }
    .article-page .main-container .col-left .text blockquote.blockquote{width: 100%; float: none; padding: 40px 0 0 0; margin: 20px 0}
    .article-page .main-container .col-left .text blockquote.blockquote:before{width: 30px; height: 30px}
    .article-page .main-container .article-full .col-left .text blockquote.blockquote {width: 90%; margin: 20px auto}
    .article-page .main-container .article-full .col-left .text > *, .article-page .main-container .article-full .author, .article-page .main-container .article-full .date { width: 85% }
    .article-page .main-container .col-left .switch-lang p {display: block; font-size: 14px}
    .article-page .main-container .col-left .switch-lang span {font-size: 14px}
    /*.article-page .main-container .col-left .text blockquote:last-of-type{margin: 0 0 20px 0}*/
    .article-page .main-container .col-left .text blockquote.postquote:before{font-size: 70px; position: relative; display: block; top: 5px; height: 20px}
    .article-page .main-container .col-left .text blockquote.postquote:nth-of-type(odd) .share a.facebook:hover{color: #F0532D}
    .article-page .main-container .col-left .text blockquote.postquote:nth-of-type(odd) .share a.twitter:hover{color: #F0532D}
    .article-page .main-container .col-left .text blockquote.postquote .share a.facebook:hover{color: #000000}
    .article-page .main-container .col-left .text blockquote.postquote .share a.twitter:hover{color: #000000}
    .article-page .main-container .col-left .text blockquote.postquote{padding: 20px 0 0 20px}
    .article-page .main-container .col-left .text .one-third{float: none; width: 100%}
    .article-page .main-container .col-left .text audio{width: 100%}
    .article-page .main-container .col-left .text .poll h3{font-size: 24px; line-height: 40px; text-align: center; padding: 0 0 10px 0; display: block; width: 90%; margin: auto}
    .article-page .main-container .col-left .text .poll .choice h4{font-size: 18px}
    .article-page .main-container .col-left .text .poll input[type=submit]{display: block; margin: 5px auto 0 auto}
    .article-page .main-container .col-left .text .poll p.error{font-size: 15px; line-height: 22px; margin: 20px 0 0 0}
    .article-page .main-container .col-left .text .relatedArticles{display: block;}
    .article-page .main-container .col-left .text .relatedArticles:before{font-size: 24px}
    .article-page .main-container .col-left .text .relatedArticles .item{width: 100%; margin: 0 0 20px 0}
    .article-page .main-container .col-left .text .relatedArticles .item:nth-child(3n){margin: 0 0 20px 0}
    .article-page .main-container .col-left .text .relatedArticles .item:last-child{margin: 0 0 10px 0}
    .article-page .main-container .col-left .text .relatedArticles .item figure{height: 130px}
    .article-page .main-container .col-left .text .relatedArticles .item figure img{width: 100%;height: 100%;object-fit: cover;}
    .article-page .main-container .col-left .text .relatedArticles .item p{font-size: 14px; line-height: 22px}
    .article-page .main-container .col-left .text .embed .text-container{padding: 200px 20px 300px 100px !important; width: 100% !important; text-align: left}
    .article-page .main-container .col-left .keywords h3{font-size: 24px; position: relative}
    .article-page .main-container .col-left .keywords h3:after{width: 90px; left: 0; position: absolute; bottom: 14px}
    .article-page .main-container.english-article .col-left .keywords h3:after{right: 0; left: initial}
    .article-page .main-container .col-left .keywords a{margin: 0 0 10px 10px}
    .article-page .main-container .col-left .trending h3{font-size: 24px; position: relative}
    .article-page .main-container .col-left .trending h3:after{width: 90px; right: 0; position: absolute; bottom: 14px}
    .article-page .main-container .col-left .trending a{width: 48%; margin: 0 0 4% 0}
    .article-page .main-container .col-left .trending a:nth-of-type(odd){margin: 0 0 4% 4%}
    .article-page .main-container .col-left .trending a figure{height: 130px}
    .article-page .main-container .col-left a.show-comments{font-size: 16px; width: 160px; height: 45px; line-height: 45px}
    .article-page .main-container .col-left a.hover-orange:hover{background-color: #000000; color: #FFFFFF}
    .article-page article .mostread-component{margin: 20px 0; background-color: rgba(232, 232, 232, .26); padding: 20px 0}
    .article-page article .mostread-component ul{padding: 0 10px}
    .article-page ul.social{bottom: 0; top: initial; left: 0; width: 100%; z-index: 9}
    .article-page ul.social li{display: inline-block !important; width: 20%; height: 45px; vertical-align: bottom}
    .article-page ul.social li a{font-size: 22px; line-height: 48px}
    .article-page ul.social li a.facebook:hover{background-color: #3F59A3; color: #FFFFFF}
    .article-page ul.social li a.twitter:hover{background-color: #01AFFD; color: #FFFFFF}
    .article-page ul.social li a.mail:hover{background-color: #CD4331; color: #FFFFFF}
    .article-page ul.social li a.whatsapp:hover{background-color: #25d366}
    .article-page ul.social li a.pinterest:hover{background-color: #D81916; color: #FFFFFF}
    .article-page ul.social li a.google:hover{background-color: #EA4C29; color: #FFFFFF}
    .article-page .main-container.english-article article figure.main-figure h1{padding: 0 25px 25px 25px}
    .article-page .main-container.english-article article .author a figure{width: 50px; height: 50px; float: left}
    .article-page .main-container.english-article article .author a > div{padding: 0 0 0 60px; margin: 0}
    .article-page .main-container.english-article article .col-right{margin: 0}
    .article-page .main-container.english-article .banner{margin: 20px 0}
    .article-page .main-container.english-article .col-left .text .relatedArticles .item{margin: 0 0 20px 0}
    .article-page .main-container.english-article ul.social{right: 0}
    .article-page .main-container.english-article .col-left .trending a{margin: 0 0 4% 0}
    .article-page .main-container.english-article .col-left .trending a:nth-of-type(odd){margin: 0 4% 4% 0}
    .article-page .header.separateimage {display: block; height: auto;}
    .article-page .header.separateimage .separateimage_figure {width: 100%; height: 30vh}
    .article-page .header.separateimage .separateimage_figure video {height: 30vh}
    .article-page .header.separateimage .text {width: 100%; display: block; padding: 25px;}
    .article-page .header.separateimage .text h1 {padding: 0; font-size: 20px; line-height: 28px;}
    .article-page .header.separateimage .text .summary {margin: 20px auto}

    .article-page .main-container .col-left .text div.app-logo .qr_code img{width: 125px;}
    .article-page .main-container .col-left .text div.app-logo .logos img{width: 190px;}

    /*.paywall.datawall{width: 100%}*/
    /*.paywall.datawall form{padding: 25px 20px 0 25px}*/
    /*.paywall.datawall form .form-header h3{font-size: 20px}*/
    /*.paywall.datawall form .form-header h2{font-size: 20px}*/
    /*.paywall.datawall form .form-header p{font-size: 18px !important; line-height: 34px !important}*/
    /*.text .paywall.datawall form .form-header p span{line-height: 34px !important}*/
    /*.paywall.datawall form .social-login > div{margin: 25px 0 35px 0}*/
    /*.paywall.datawall form .container{padding: 0}*/
    /*.paywall.datawall form .container .row label{font-size: 14px; margin: 0 0 5px 0}*/
    /*.paywall.datawall form .container .row input[type="text"], .paywall.datawall form .container .row input[type="email"], .paywall.datawall form .container .row input[type="password"]{height: 48px}*/
    /*.paywall.datawall form .container .row{margin: 0 0 25px 0}*/
    /*.paywall.datawall form .container .subscription-notice .newsletter p{font-size: 14px !important; line-height: 16px !important}*/
    /*.paywall.datawall form .container .subscription-notice .terms p{font-size: 14px; line-height: 16px}*/
    /*.paywall.datawall .subscribed{margin: 20px 0 0 0; padding: 20px 0}*/
    /*.paywall.datawall .subscribed p{font-size: 16px !important; line-height: 20px !important; padding: 0 40px}*/

    /*.paywall.datawall-after{min-height: 115px; padding: 20px}*/
    /*.paywall.datawall-after .message h3{font-size: 16px; line-height: 19px}*/
    /*.paywall.datawall-after .message p{font-size: 15px; line-height: 17px; margin: 10px 0 0 0}*/

    .article-page .donation-message{padding: 20px 25px}
    .article-page .donation-message p{font-size: 16px !important; line-height: 28px !important}
    .article-page .donation-message h3{font-size: 18px !important;}
    .article-page .donation-message .donate{ height: 45px; font-size: 18px; line-height: 38px}
    .article-page .donation-message .donate:hover{background-color: #000000; color: #FFFFFF !important}
    .article-page .donation-message .read-more:hover, .article-page .donation-message .read-less:hover{letter-spacing: initial}
    /*End Article Page*/

    /*Files Page*/
    .files-page .main-container{padding: 0}
    .files-page .article-1{margin: 0; float: none}
    .files-page .article-1 .content{width: 100%}
    .files-page .article-1 .content figure{height: 184px}
    .files-page .article-1 .content .details{height: auto; width: calc(100% - 30px); left: 0; margin: auto; bottom: initial; position: relative; top: -30px}
    .files-page .article-1 .content .details h2{font-size: 22px; line-height: 34px; height: auto; padding: 20px 25px}
    /*End Files Page*/

    /*File Page*/
    .file-page .header h1{font-size: 25px; line-height: 35px; left: 0; padding: 0 20px; max-height: 142px}
    .file-page .main-container{padding: 0}
    .file-page .contents{margin: 75px 0 30px 0;}
    .file-page .contents p{font-size: 17px; line-height: 30px}
    .file-page .contents p img{margin: 20px 0 0 0}
    .file-page .contents h2{font-size: 22px}
    .file-page .contents .postquotes{margin: 70px 0 20px 0; padding: 0 0 20px 0}
    .file-page .contents .postquotes::before{font-size: 24px; top: -60px}
    .file-page .contents blockquote{font-size: 20px; line-height: 32px; padding: 0; margin: 30px 0 0 0}
    .file-page .contents blockquote.blockquote{width: 100%; float: none; padding: 40px 0 0 0; margin: 20px 0}
    .file-page .contents blockquote.blockquote:before{width: 30px; height: 30px}
    .file-page .contents blockquote.postquote:before{font-size: 120px; position: relative; display: block; top: 15px}
    /*End File Page*/

    /*Countries Page*/
    .countries-page .countries-list a.toggle-list{font-size: 20px; color: #F0532D; font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif; display: block; border: 1px solid #F0532D; padding: 5px 10px; margin: 0 auto 30px auto; width: calc(100% - 30px); position: relative}
    .countries-page .countries-list a.toggle-list:after{content: '\f104'; font-family: 'FontAwesome'; font-size: 34px; position: absolute; right: 15px; color: #000000; font-weight: bold; top: 5px; transition: .5s; height: 35px; transform: rotate(180deg)}
    .countries-page .countries-list a.toggle-list.active:after{transform: rotate(90deg)}
    .countries-page .countries-list ul{border-bottom: none; padding: 0; display: none; position: absolute; background-color: #FFFFFF; z-index: 1; width: calc(100% - 30px); border-bottom: 4px solid #F0532D; border-top: 4px solid #F0532D}
    .countries-page .countries-list ul li{display: block; width: 100% !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 10px; position: relative}
    .countries-page .countries-list ul li:last-child{border: none}
    .countries-page .countries-list ul li.active:after{content: '\f058'; font-family: 'FontAwesome'; font-size: 30px; position: absolute; left: 15px; color: #000000; top: 2px}
    .countries-page .countries-list ul li a{color: #F0532D}
    .countries-page .main-container{padding: 0}
    /*End Countries Page*/

    /*Donate Page*/
    .donate-page{padding: 145px 0 20px 0}
    .donate-page .main-container{padding: 0}
    .donate-page .col-right{width: 100%; padding: 0 15px; margin: 0 0 40px 0}
    .donate-page .col-right > div h1{font-size: 24px; line-height: 32px}
    .donate-page .col-right > div p{font-size: 16px; line-height: 24px}
    .donate-page .col-right figure{height: 218px}
    .donate-page .col-left{width: 100%; margin: 0; padding: 0 15px}
    .donate-page .col-left form .items li a{font-size: 22px}
    .donate-page .col-left form .amount li{margin: 0 2%}
    .donate-page .col-left form > div{padding: 0 15px}
    .donate-page .col-left form > div label{font-size: 16px}
    .donate-page .col-left form > div ul.payment-method li a{font-size: 15px}
    .donate-page .col-left form .form-footer{padding: 0 15px}
    .donate-page .col-left form .form-footer a.submit{font-size: 21px; margin: 0}
    .donate-page .col-left form .form-footer a.submit:hover{letter-spacing: initial}
    .donate-page .col-left figure.donate-success{margin: 0; height: 215px}
    .donate-page .col-left form p.required{padding: 0}
    .donate-page .col-right > div p.smaller-font{font-size: 14px}
    /*End Donate Page*/

    /*Keyword Page*/
    .keyword-page .header h1{font-size: 40px}
    .keyword-page .main-container{padding: 0}
    h2.no-results{margin: 0 0 30px 0; font-size: 22px}
    /*End Keyword Page*/

    /*Search Page*/
    .search-page .header h1{font-size: 40px}
    .search-page .main-container{padding: 0}
    /*End Keyword Page*/

    /*Author Page*/
    .author-page .header h3{font-size: 34px}
    .author-page .main-container{padding: 0}
    .author-page .author-info{margin: 0 15px 30px 15px; padding: 20px 0 0 0}
    .author-page .author-info > div{width: 100%; display: block; margin: 0; padding: 0 10px}
    .author-page .author-info > div h1 span.author_name{font-size: 15px;padding: 0 0 0 5px;display: block}
    .author-page .author-info > div h1 a.author_social{padding:0 5px;font-size: 11px}
    .author-page .author-info > div h1 a.author_social:first-of-type{border-right: none}
    .author-page .author-info > div h1{text-align: center; margin: 5px 0 0 0; display: block}
    .author-page .author-info > div form{float: none; margin: 15px 0 20px 0; text-align: center}
    .author-page .author-info figure{width: 115px; height: 115px; display: block; margin: auto}
    .author-page .author-info > div p{max-height: initial; font-size: 16px; line-height: 30px;padding: 0 20px}
    .author-page .author-info .bg{position: relative; background: url('/assets/images/author-info-bg-mobile.png') no-repeat center; background-size: 100%; width: 100%; height: 255px; top: auto; bottom: 0}
    /*End Author Page*/

    /*Mostread Page*/
    .mostread-page .header h1{font-size: 50px}
    .mostread-page .main-container{padding: 0}
    /*End Mostread Page*/

    /*Archives Page*/
    .archives-page .header h1{font-size: 50px}
    .archives-page .main-container{padding: 0}
    article.article-stream-3{width: 100%; float: none; height: 220px}
    article.article-stream-3 .content{width: 100%}
    article.article-stream-3 .content .category{font-size: 14px}
    article.article-stream-3 .content h2{font-size: 18px; padding: 20px; max-height: 140px}
    /*End Archives Page*/

    /*News Page*/
    .news-page .header h1{font-size: 50px}
    .news-page .main-container{padding: 0}
    /*End News Page*/

    /*Latest News Page*/
    .latestnews-page .header h1{font-size: 50px}
    .latestnews-page .main-container{padding: 0}
    /*End Latest News Page*/

    /*Events Page*/
    .events-page .header h1{font-size: 50px}
    .events-page .main-container{padding: 0}
    /*End Events Page*/

    /*Podcasts Page*/
    .podcasts-page .header{height: 150px}
    .podcasts-page .header h1{font-size: 30px}
    .podcasts-page.raseef_aal_samaa .contents p{font-size: 17px; line-height: 30px}
    .podcasts-page .main-container .col-right{width: 100%}
    .podcasts-page .main-container .col-right .featured{margin: 0 0 30px 0}
    .podcasts-page .main-container .col-right .featured .title{width: 100%}
    .podcasts-page .main-container .col-right .featured .title h2{width: 120px; padding: 8px 0; text-align: center; font-size: 17px}
    .podcasts-page .main-container .col-right .featured .title figure{margin: auto}
    .podcasts-page .main-container .col-right .featured .details{width: 100%; padding: 0 20px; margin: 20px 0}
    .podcasts-page .main-container .col-right .featured .details h3{font-size: 18px}
    .podcasts-page .main-container .col-right .featured .details p{font-size: 15px}
    .podcasts-page .main-container .col-right .featured .details h4{font-size: 15px}
    .podcasts-page .main-container .col-right .podcasts h2{font-size: 17px; width: 140px; padding: 8px 0; text-align: center}
    .podcasts-page .main-container .col-right .podcasts .ias-list{margin: 30px 0 0 0}
    .podcasts-page .main-container .col-right .podcasts .ias-list article{margin: 0 0 20px 0; border-bottom: 1px solid rgba(112, 112, 112, .5); padding: 0 0 20px 0; min-height: 115px; width: 100%;}
    .podcasts-page .main-container .col-right .podcasts .ias-list article figure{width: 100px; height: 94px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details{margin: 0 0 0 120px; padding: 0 20px 0 0; min-height: auto;}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details:after{display: none}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details h3{font-size: 15px; line-height: 26px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details p{font-size: 14px; line-height: 20px; margin: 0; height: 42px; overflow: hidden}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details p.article-description{font-size: 13px;margin: 5px 0;}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details h4{font-size: 14px; line-height: 22px; padding: 0 0 0 20px}
    .podcasts-page .main-container .col-right .podcasts .ias-list article .details h4 span{margin: 0 0 0 20px}
    /* .podcasts-page .main-container .col-right .podcasts .ias-list article:after{font-size: 24px; top: initial; transform: none; bottom: 20px; left: 20px} */
    .podcasts-page .main-container .col-right .podcasts .ias-list article .playPausebutton{top: initial; transform: none; bottom: 20px; left: 20px;height: 30px;width: 30px;padding: 15px;font-size: 13px;right: unset;}
    .podcasts-page .main-container .col-left{width: 100%; margin: 0}
    /*End Podcasts Page*/

    /*Static Pages*/
    .static-page .header h1{font-size: 40px}
    .static-page .main-container{padding: 0 15px}
    .static-page .main-container h2{font-size: 22px; line-height: 36px}
    .static-page .main-container h3{font-size: 18px}
    .static-page.write_with_us .header{height: 220px;}
    .static-page.write_with_us .header h1{font-size: 21px;}
    .static-page.about_app .logo{margin: 15px 0 0 0;}
    .static-page.about_app .logo img{width: 180px;height: 60px;}
    .static-page.about_app h1{font-size: 15px;padding: 0 15px;}
    .static-page.about_app hr.title{width: 95% !important; margin: 35px auto 0 auto;}
    .static-page.about_app .main-container .column{display: block;margin: 0 0 35px 0;}
    .static-page.about_app h2{font-size: 20px;}
    .static-page.about_app p{font-size: 17px;margin: 0 0 10px 0;}
    .static-page.about_app .main-container .column.first{margin: 0;}
    .static-page.about_app .main-container .column.first .left_col{text-align: center;margin: 40px 0 0 0;}
    .static-page.about_app .main-container .column.first .left_col img.signature{right: 0;}
    .static-page.about_app .main-container .column.first .app-logo.desktop{display: none !important;}
    .static-page.about_app .main-container .column .app-logo.mobile{justify-content: center;}
    .static-page.about_app .main-container .column .app-logo .qr_code img{width: 95px;}
    .static-page.about_app .main-container .column .app-logo .logos img{width: 145px;}
    .static-page.about_app h2.second-column-title{font-size: 22px; margin: 35px 0;}
    .static-page.about_app .main-container .column.second .left_col{text-align: center;margin: 40px 0 0 0;padding: 0 0 45px 0;}
    .static-page.about_app .main-container .column.third .right_col{top: 0;}
    .static-page.about_app .main-container .column.third .right_col .main_image{width: 230px;margin: auto;}
    .static-page.about_app .main-container .column.third .right_col .details.mobile{text-align: start;margin: 0 0 40px 0;}
    .static-page.about_app .main-container .column.third .right_col img{width: 100%;}
    .static-page.about_app .main-container .column.third .right_col img.bookmark{left: -25px;}
    .static-page.about_app .main-container .column.four{top: 0;margin: 50px 0 0 0;}
    .static-page.about_app .main-container .column.four .left_col{top: 0; text-align: center;margin: 40px 0 0 0}
    .static-page.about_app .main-container .column.five{top: 0;margin: 50px 0 0 0;}
    .static-page.about_app .main-container .column.five .left_col{margin: 35px 0 0 0;}
    .static-page.about_app hr.title.five{display: none;}
    .static-page.about_app .main-container .column.six{top: 0;margin: 70px 0 35px 0;}
    .static-page.about_app .main-container .column.six .app-logo.desktop{display: none !important;}
    .static-page.about_app .main-container .column.six .left_col{margin: 35px 0 0 0;}
    .static-page.about_app .main-container .column .left_col .main_image{width: 230px;margin: auto;}
    .static-page.about_app .main-container .column .left_col img{width: 230px;}
    .static-page.about_app .main-container .column.six .app-logo.mobile{display: flex !important;}
    .static-page.about_app .main-container .column.first .left_col img.signature{right: -30px;top: 12%;width: 60px;height: 60px;}
    /*End Static Pages*/

    /*About Us Page*/
    .aboutus-page .header{height: 230px; background: url('/assets/images/aboutus-header-bg-en-mobile.jpg?1') no-repeat center left; background-size: cover}
    .aboutus-page .main-container{padding: 0 15px}
    .aboutus-page .info > div{width: 100%; margin: 0 0 30px 0}
    .aboutus-page .info > div figure{height: 75px; width: 40%}
    .aboutus-page .info > div h1{font-size: 24px; line-height: 36px; width: 60%}
    .aboutus-page .info > div h1:before{right: 15px; top: 20px}
    .aboutus-page .info > div p{font-size: 17px; line-height: 30px}
    .aboutus-page .our-team h2{font-size: 30px}
    .aboutus-page .our-team ul li{width: 100%}
    .aboutus-page .contributors h2{font-size: 30px}
    .aboutus-page .contributors ul li{outline: none}
    .aboutus-page .contributors ul li .content{width: 100%}
    .aboutus-page .contributors ul li .content figure{width: 100px; height: 100px}
    .aboutus-page .contributors ul .slick-prev{right: 0; top: 92px; z-index: 1}
    .aboutus-page .contributors ul .slick-next{left: 0; right: initial; top: 92px}
    .aboutus-page .contributors ul .slick-prev:before, .aboutus-page .contributors ul .slick-next:before{font-size: 40px; font-family: "FontAwesome"; color: #000000}
    .aboutus-page .contributors ul .slick-prev:before{content: '\f105'}
    .aboutus-page .contributors ul .slick-next:before{content: '\f104'}
    /*End About Us Page*/

    /*Newsletter Preview Page*/
    .newsletter-preview-page .main-container{padding: 0 10px}
    .newsletter-preview-page .main-container .col-right{width: 100%; margin: 0}
    .newsletter-preview-page .main-container .col-left{width: 100%}
    .newsletter-preview-page .main-container .col-left table{width: 100%}
    .newsletter-preview-page .main-container .col-left .main-title{font-size: 18px !important}
    .newsletter-preview-page .main-container .col-left .article-title{font-size: 18px !important}

    /*End Newsletter Preview Page*/


    /*Footer*/
    footer .main-container{display: block;padding: 0 20px;}
    footer .logo-container .logo:hover{opacity: 1}
    .underline-effect:after, footer .newsletter-container .social li a:before{display: none}
    footer{height: auto; padding: 30px 0 50px 0}
    footer .logo-container, footer .menus-container, footer .newsletter-container{display: block; width: 100%; margin: 0}
    footer .logo-container .logo{width: 214px; height: 78px}
    footer .logo-container{margin: 0 0 20px 0}
    footer .menus-container ul.main{padding: 0 0 25px 0}
    footer .menus-container ul.main li{display: block; margin: 0 0 15px 0}
    footer .menus-container ul.languages{padding: 25px 0 0 0}
    footer .newsletter-container{margin: 50px 0 0 0}

    /*End Footer*/

    .notifications-overlay .popup{width: calc(100% - 20px); min-height: 275px; height: auto; padding: 0 10px 20px 10px}
    .notifications-overlay .popup i.fa-bell{font-size: 40px; width: 38px; margin: 15px auto}
    .notifications-overlay .popup h3{font-size: 18px; padding: 0 20px}
    .notifications-overlay .popup p{font-size: 14px; padding: 0}
    .notifications-overlay .popup a.yes, .notifications-overlay .popup a.later, .notifications-overlay .popup a.no{font-size: 13px; margin: 25px 0 0 2%; width: 32%}
    .notifications-overlay .popup a.no{font-size: 14px; margin: 25px 0 0 0}

    .newsletter-popup-overlay{left: 0;}
    .newsletter-popup-overlay.slide-up{height: 100%;top: 0;}
    .newsletter-popup-overlay.slide-up .popup-newsletter-subscriptions{height: 100%;}
    .newsletter-popup-overlay .popup-newsletter-subscriptions{width: 100%; margin: auto;border-radius: 0;}
    .newsletter-popup-overlay .popup-newsletter-subscriptions div.info input{width: calc(100% - 20px);top:240px}


    .article-page .datawall{padding: 55px 20px 35px 20px}
    .article-page .datawall .close{top: 30px; left: 25px}
    .article-page .datawall .container-top{padding: 0 0 25px 0}
    .article-page .datawall .container-top h2{font-size: 30px !important; line-height: 32px}
    .article-page .datawall .container-top .text h3{font-size: 20px !important; line-height: 25px}
    .article-page .datawall .container-top .text p{font-size: 15px !important; line-height: 20px !important}
    .article-page .datawall .container-bottom{padding: 25px 0 0 0}
    .article-page .datawall .container-bottom .btn{padding: 8px 52px}
    .article-page .datawall .container-bottom .skip{margin: 0 40px 0 0}
    .btn.default{font-size: 16px; border-radius: 5px}
    .btn.default:hover{opacity: 1}


    /* partners supporters page */
    .partners_supporters h1{font-size: 11px; line-height: 1.4;}
    .partners_supporters .section-title{font-size: 28px; line-height: 1.4;}
    .partners_supporters .partners{grid-template-columns: repeat(2,1fr);padding-bottom: 45px;}
    .partners_supporters .partners .partner img{max-height: 70px;}
    .partners_supporters .supporters-first-section{padding: 10px;gap: 10px;}
    .partners_supporters .supporters-first-section .parent p{font-size: 11px;}
    .partners_supporters .supporters{grid-template-columns: repeat(2,1fr);gap: 20px;margin-top: 10px;}
    .partners_supporters .supporters .supporter{width: fit-content; margin: auto !important;}
    .partners_supporters .supporters .supporter img{max-width: 130px; height: 100px;}
    .partners_supporters .eu-notice p, .partners_supporters .eu-notice img{display: block}
    .partners_supporters .eu-notice img{margin: 10px auto 0 auto}
    /*end partners supporters page */


    .donation-progress-component{height: 125px; background: url('/assets/images/donation-banner-meter-bg.jpg?1') no-repeat center; background-size: contain; padding: 20px}
    .donation-progress-component .donation-bar{height: 20px; font-size: 12px; margin: 35px 0 0 0; line-height: 20px}
    .donation-progress-component .btn.default{width: 100px; height: 20px; line-height: 20px; font-size: 12px; margin: 3px auto 0 auto}
    .donation-progress-component .donation-bar .right{min-width: 40px}
    .donation-progress-component .donation-bar .left{min-width: 40px; max-width: calc(100% - 80px)}
    .donation-progress-component .donation-bar .left.align-right-tablet{color: #000000; text-align: left}
    .donation-progress-component .donation-bar .left.align-right-mobile{color: #FFFFFF; text-align: right}
}

@media only screen and (max-width: 320px) {
    .authors-page .authors ul li a{width: 85px}
    .authors-page .authors ul li a figure{height: 85px}
    .authors-page .authors ul li a h3{font-size: 13px}
    .authors-page .authors ul .slick-list{padding: 0 0 0 50px}
    .authors-page .authors ul .slick-prev:before, .authors-page .authors ul .slick-next:before{font-size: 24px}
    .authors-page .authors ul .slick-prev, .authors-page .authors ul .slick-next{top: 42px}
    .aboutus-page .header{height: 200px}
}

@media only screen and (min-width : 321px) and (max-width : 375px) {
    .author-page .author-info .bg{height: 310px}
    .donate-page .col-left figure.donate-success{height: 255px}
    .authors-page .authors ul{max-height: 185px}
}

@media only screen and (min-width : 376px) and (max-width : 414px) {
    .author-page .author-info .bg{height: 350px}
    .donate-page .col-left figure.donate-success{height: 285px}
    .authors-page .authors ul{max-height: 165px}
}

@media only screen and (min-width : 415px) and (max-width : 960px) {
    .author-page .author-info .bg{height: 780px}
    .donate-page .col-left figure.donate-success{height: 545px}
    .authors-page .authors ul{max-height: 165px}
    .homepage .main-container .col-left .stories li{height: 420px}
}
@media only screen and (max-width : 370px) {
    .dashboard-page .main-container .content-col .flex.summaryflex{flex-direction: column;gap: 12px;}
}

@media only screen and (max-width : 341px) {
    header .mobile-header .top-menu .logo{width: 125px;}
}

@media only screen and (min-width : 768px) and (max-width : 960px) {
    .article-page .main-container .col-left .comments-section .comments .add-comment-section .left{width: 28%; font-size: 13px;}
    .visitor-page.page.join .main-container .subscribe_nasraseef.more_margin{margin-top: -90px;}
}

@media only screen and (min-width : 425px) and (max-width : 960px) {
    .donation-progress-component{height: 225px}
    .donation-progress-component .donation-bar{margin: 75px 0 0 0}
    .donation-progress-component .btn.default{width: 120px; height: 30px; line-height: 30px; font-size: 14px; margin: 10px auto 0 auto}
    .donation-progress-component .donation-bar .right{min-width: 40px}
    .donation-progress-component .donation-bar .left{min-width: 40px; max-width: calc(100% - 80px)}
    .donation-progress-component .donation-bar .left.align-right-tablet{color: #FFFFFF; text-align: right}
}
@media only screen and (max-width:1360px){
    .article-page .main-podcast{position: unset;margin: 25px 0 15px 0;width: 190px;}
    .article-page .main-podcast #player div.play_button{width: 190px;}
    .article-page .main-podcast #player div.play_button span{padding: 0 70px 0 0;}
    .article-page .main-container .col-left .text.alsamaa{margin: -25px 0 0 0;}
    .article-page .main-podcast .podcast_main_container{padding: 0;}
}