@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	
}
 @font-face {
 font-family: 'Jameel-Noori-Nastaleeq-Regular';
 src: url('../fonts/Jameel-Noori-Nastaleeq-Regular.ttf') format('truetype');
}



.modal-header h5 {
	font-size: 26px;
  color: #a27632;
  margin-bottom: 15px;
  letter-spacing: .5px;
  font-family: 'Jameel-Noori-Nastaleeq-Regular';
  font-weight: 800;
  text-align: right;
}
.modal-body h3 {
	
  font-family: 'Jameel-Noori-Nastaleeq-Regular';
  text-align: right;
      font-size: 26px;
    color: #a27632;
    font-weight: 800;
}

.modal-body p {
	font-size: 16px;
  line-height: 2;
  color: #333;
  font-family: 'Jameel-Noori-Nastaleeq-Regular';
  /*text-align: right;*/
      text-indent: 28px;
    direction: rtl;
    text-align:justify;
}
.box {
	background:#fff;
	border:1px solid #ddd;
	border-radius:12px;
	padding:10px;
	height:100%;
	box-shadow:0 2px 8px rgba(0, 0, 0, .05);
}
.box h5 {
	font-size:14px;
	font-weight:bold;
	color:#183b36;
}
.box ul {
	margin-top:15px;
	padding-left:20px;
	list-style: disc;
}
.box li {
	margin-bottom:8px;
	color:#555;
}
.number {
	width:30px;
	height:30px;
	border-radius:50%;
	background:#0c6157;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	margin-right:10px;
}
.box-header {
	display:flex;
	align-items:center;
	margin-bottom:15px;
}
.service-box {
	background:#fff;
	border:1px solid #ddd;
	border-radius:10px;
	padding:18px;
	height:100%;
}
.service-box h6 {
	font-weight:bold;
	color:#183b36;
}
.service-box i {
	font-size:34px;
	color:#b17d1b;
	margin-bottom:10px;
}
.service-box ul {
	padding-left:18px;
	margin-top:10px;
}
.service-box li {
	margin-bottom:6px;
}
.main-service {
	border:1px solid #ddd;
	border-radius:12px;
	background:white;
	padding:20px;
}
.right-panel {
	border:1px solid #ddd;
	border-radius:12px;
	background:white;
	padding:20px;
	height:100%;
}
.right-panel ul {
	padding-left:20px;
}
/* Top Bar */
.top-bar {
	background:#00565a;
	color:white;
	font-size:14px;
	padding:8px 0;
}
.top-bar i {
	color:#e8b85c;
	margin-right: 7px;
}
/* Header */
.header {
	background:#fff;
	padding:12px 0;
	box-shadow:0 2px 10px rgba(0, 0, 0, .08);
}
.logo img {
/*width:110px;*/
}
/* Menu */

.navbar-nav .nav-link {
	color:#222;
	font-size:14px;
	font-weight:600;
	margin:0 10px;
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
}
.navbar-nav .nav-link:hover {
	color:#006064;
}
/* Button */

.submit-btn {
	background:#00565a;
	color:white;
	border-radius:5px;
	padding:12px 18px;
	font-size:14px;
	border:none;
}
.submit-btn:hover {
	background:#003d40;
	color:white;
}
/* Login */

.account a {
	color:white;
	text-decoration:none;
	margin-left:15px;
}
/* Hero */

.ornament-divider {
	display:flex;
	align-items:center;
	justify-content:left;
	gap:10px;
	margin:25px 0;
}
.ornament-divider span {
	width:65px;
	height:1px;
	background:#b58a45;
	display:block;
}
.ornament-divider i {
	color:#00565a;
	font-size:12px;
	font-style:normal;
	transform:rotate(45deg);
}
.ornament-divider span {
	width:70px;
	height:1px;
	background:#b58a45;
}
.ornament-divider i {
	color:#b58a45;
	font-size:10px;
	border:1px solid #b58a45;
	padding:2px;
	transform:rotate(45deg);
}
.divider hr {
	width:120px;
	height:1px;
	background:#b58a45;
	border:none;
}
.divider span {
	color:#00565a;
	font-size:22px;
	transform:rotate(45deg);
}
.hero-section {
	background:#faf6ef;
	/*min-height:650px;*/
	display:flex;
	align-items:center;
	position:relative;
	overflow:hidden;
	padding: 60px 0px;
}
.hero-section:before {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:100%;
	background:url('pattern.png');
	opacity:.08;
}
.hero-content h5 {
	color:#a27632;
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	letter-spacing:1px;
	font-size: 18px;
}
.hero-content h1 {
	font-size: 40px;
	color: #004f52;
	font-weight: 700;
	letter-spacing: 3px;
	font-family: 'Libre Baskerville', serif;
}
.hero-content h3 {
	color:#a27632;
	font-size:18px;
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	line-height: 33px;
}
.hero-content p {
	color:#333;
	line-height:1.8;
	font-size:16px;
	/*max-width:450px;*/
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	text-align:justify
}
/* Buttons */

.btn-theme {
	background:#00565a;
	color:white;
	padding:12px 25px;
	border-radius:5px;
	margin-right:10px;
	font-size:14px;
}
.btn-gold {
	background:#b8893d;
	color:white;
	padding:12px 25px;
	border-radius:5px;
	font-size:14px;
}
.btn-theme:hover {
	background:#b8893d;
	color:white;
	transform:translateY(-3px);
}
.btn-gold:hover {
	background:#00565a;
	color:white;
	transform:translateY(-3px);
}
/* Logo */

.hero-image img {
	width:90%;
	max-width:550px;
	animation:float 4s infinite ease-in-out;
}
 @keyframes float {
 0%, 100% {
transform:translateY(0);
}
 50% {
transform:translateY(-15px);
}
}
 @media(max-width:991px) {
 .hero-content h1 {
 font-size:40px;
}
 .hero-image {
 margin-top:40px;
}
}
.journal-features {
	background:#faf7f1;
	padding:40px 0;
}
.feature-box {
	background:#00565a;
	border-radius:15px;
	overflow:hidden;
	padding:20px;
}
.feature-item {
	display:flex;
	align-items:flex-start;
	gap:18px;
	padding:25px 20px;
	height:100%;
	border-right:1px solid rgba(255, 255, 255, .2);
}
.col-lg-3:last-child .feature-item {
	border-right:none;
}
.icon {
	min-width:55px;
	height:55px;
	border-radius:50%;
	background:#073f42;
	display:flex;
	align-items:center;
	justify-content:center;
}
.icon i {
	font-size:28px;
	color:#d7a74b;
}
.feature-item h5 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	color:#d7a74b;
	font-size:12px;
	margin-bottom:10px;
}
.feature-item p {
	color:#fff;
	font-size:13px;
	line-height:1.8;
	margin:0;
}
 @media(max-width:991px) {
 .feature-item {
 border-right:none;
border-bottom:1px solid rgba(255, 255, 255, .2);
}
}
.journal-info {
	background:#faf7f1;
	padding:70px 0;
}
.info-column {
	padding:0 35px;
	border-right:1px solid #ddd;
	height:100%;
}
.col-lg-4:last-child .info-column {
	border-right:none;
}
.info-column h5 {
	font-size:16px;
	color:#a27632;
	margin-bottom:15px;
	letter-spacing:.5px;
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
}
.info-column p {
	font-size:14px;
	line-height:2;
	color:#333;
	text-align: justify;
}
/* Button */


.theme-btn {
	display:inline-block;
	background:#00565a;
	color:white;
	padding:10px 10px;
	border-radius:5px;
	font-size:14px;
	text-decoration:none;
	margin-top:10px;
}
.theme-btn:hover {
	background:#003f42;
	color:white;
}
/* Latest Issue */


.issue-box {
	display:flex;
	gap:25px;
	align-items:center;
}
.issue-box img {
	width:120px;
	height:170px;
	object-fit:cover;
	box-shadow:0 5px 15px #ccc;
}
.issue-content h6 {
	font-family: 'Libre Baskerville', serif;
	font-size:15px;
}
.issue-content span {
	color:#a27632;
	font-size:15px;
}
.issue-content p {
	line-height:1.7;
	margin-top:5px;
	margin-bottom:10px
}
/* Dates */


.date-box {
	border:1px solid #eadfcf;
	border-radius:10px;
	height: 271px;
	overflow-y: auto;
}
.date-item {
	display:flex;
	gap:18px;
	padding:18px;
	border-bottom:1px solid #eadfcf;
	align-items:center;
}
.date-item:last-child {
	border-bottom:none;
}
.date-item i {
	font-size:25px;
	color:#d39b35;
}
.date-item b {
	font-size:14px;
}
.date-item p {
	margin:5px 0 0;
	font-size:13px;
}
 @media(max-width:991px) {
 .info-column {
 border-right:none;
border-bottom:1px solid #ddd;
padding:30px 10px;
}
 .issue-box {
 flex-direction:column;
align-items:flex-start;
}
}
.ticker-wrapper-h {
	display: flex;
	position: relative;
	overflow: hidden;
	border: 1px solid #1c6547;
}
.ticker-wrapper-h .heading {
	background-color: #1c6547;
	color: #fff;
	padding: 5px 10px;
	flex: 0 0 auto;
	z-index: 1000;
}
.ticker-wrapper-h .heading:after {
	content: "";
	position: absolute;
	top: 0;
	border-left: 20px solid #1c6547;
	border-top: 17px solid transparent;
	border-bottom: 15px solid transparent;
}
.news-ticker-h {
	display: flex;
	margin:0;
	padding: 0;
	padding-left: 90%;
	z-index: 999;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: tic-h;
	animation-duration: 30s;
}
.news-ticker-h:hover {
	animation-play-state: paused;
}
.news-ticker-h li {
	display: flex;
	width: 100%;
	align-items: center;
	white-space: nowrap;
	padding-left: 20px;
}
.news-ticker-h li a {
	color: #212529;
	font-weight: bold;
}
 @keyframes tic-h {
 0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 visibility: visible;
}
 100% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
.research-category {
	background:#faf7f1;
	padding:50px 0;
}
.section-title {
	display:flex;
	align-items:center;
	gap:20px;
	margin-bottom:35px;
}
.section-title h5 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	font-size:16px;
	color:#a27632;
	margin:0;
	white-space:nowrap;
}
.section-title .line {
	height:1px;
	background:#ddd;
	width:100%;
}
.category-box {
	border-top:1px solid #eee;
	border-left:1px solid #eee;
}
.category-item {
	height:130px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
transition:.3s;
}
.category-item i {
	font-size:38px;
	color:#b07b25;
	margin-bottom:18px;
}
.category-item h6 {
	font-family: 'Libre Baskerville', serif;
	font-size:14px;
	color:#222;
	text-align:center;
	margin:0;
}
.category-item h6 a {
	font-size:14px;
	color:#222;
	text-decoration:none
}
.category-item:hover {
	background:#00565a;
}
.category-item:hover i, .category-item:hover h6, .category-item:hover h6 a {
	color:white;
}
 @media(max-width:767px) {
 .category-item {
 height:120px;
}
 .category-item i {
 font-size:30px;
}
}
.journal-resources {
	background:#faf7f1;
	padding:70px 0;
}
.resource-card {
	background:#fffdf9;
	padding:30px;
	height:100%;
	border:1px solid #eee2d1;
	height: 470px;
	overflow-y: auto;
}
.resource-card h5 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	font-size:16px;
	color:#222;
	margin-bottom:30px;
}
.author-list {
	padding:0;
	margin:0;
	list-style:none;
}
.author-list li {
	display:flex;
	gap:15px;
	margin-bottom:18px;
}
.author-list i {
	font-size:22px;
	color:#00565a;
	width:25px;
}
.author-list b {
	display:block;
	font-size:14px;
	font-family: 'Libre Baskerville', serif;
}
.author-list span {
	display:block;
	font-size:12px;
	color:#555;
	margin-top:3px;
}
.center-card {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.big-icon {
	width:100px;
	height:100px;
	border-radius:50%;
	background:#fff;
	box-shadow:0 5px 20px rgba(0, 0, 0, .08);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:50px 0;
}
.big-icon i {
	font-size:45px;
	color:#ad7b25;
}
.resource-card p {
	font-family: 'Libre Baskerville', serif;
	font-size:14px;
	line-height:2;
	max-width:300px;
}
.journal-btn {
	background:#00565a;
	color:#fff;
	padding:12px 25px;
	border-radius:4px;
	text-decoration:none;
	font-size:14px;
	margin-top:auto;
}
.journal-btn:hover {
	background:#003f42;
	color:#fff;
}
.archive i {
	color:#006064;
}
 @media(max-width:767px) {
 .resource-card {
 padding:25px;
}
}
.contact-newsletter {
	background:#faf7f1;
	padding:60px 0;
}
.contact-card {
	background:#00565a;
	padding:35px;
	border-radius:8px;
	height:100%;
	color:white;
}
.contact-card h5, .newsletter-card h5 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	font-size:16px;
	margin-bottom:25px;
}
.contact-card h5 {
	color:#d6a447;
}
.contact-item {
	display:flex;
	gap:15px;
	align-items:flex-start;
	margin-bottom:15px;
}
.contact-item i {
	color:#d6a447;
	font-size:18px;
	margin-top:4px;
}
.contact-item p {
	font-size:14px;
	line-height:1.8;
	margin:0;
	color: #3e3a3a;
}
.social-icons {
	margin-top:25px;
}
.social-icons a {
	width:35px;
	height:35px;
	border-radius:50%;
	border:1px solid #d6a447;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#d6a447;
	margin-right:10px;
	text-decoration:none;
}
.social-icons a:hover {
	background:#d6a447;
	color:#00565a;
}
.newsletter-card {
	background:#fffdf9;
	border:1px solid #eee3d4;
	padding:35px;
	height:100%;
	position:relative;
	overflow:hidden;
}
.newsletter-card h5 {
	color:#222;
}
.newsletter-card p {
	font-family: 'Libre Baskerville', serif;
	font-size:14px;
	line-height:2;
}
.subscribe-form {
	display:flex;
	margin-top:30px;
	position:relative;
	z-index:2;
}
.subscribe-form input {
	height:45px;
	flex:1;
	border:1px solid #ddd;
	padding:0 15px;
	font-size:13px;
}
.subscribe-form button {
	background:#b27b25;
	color:white;
	border:none;
	padding:0 25px;
	font-family: 'Libre Baskerville', serif;
}
.subscribe-form button:hover {
	background:#8f611c;
}
.mail-bg {
	position:absolute;
	right:30px;
	bottom:20px;
	opacity:.08;
}
.mail-bg i {
	font-size:130px;
	color:#777;
}
 @media(max-width:767px) {
 .subscribe-form {
 flex-direction:column;
}
 .subscribe-form button {
 height:45px;
margin-top:10px;
}
}
.issue-card {
	background:white;
	border-radius:12px;
	padding:25px;
	box-shadow:0 3px 15px rgba(0, 0, 0, .05);
}
.stats-box {
	border:1px solid #ddd;
	border-radius:10px;
	padding:15px;
	text-align:center;
	background:#fff;
}
.stats-box i {
	color:#003f43;
	font-size:28px;
}
.article-card {
	background:white;
	border:1px solid #e8e8e8;
	border-radius:10px;
	padding:15px;
	margin-bottom:15px;
}
.sidebar-card {
	background:white;
	border-radius:10px;
	padding:20px;
	box-shadow:0 2px 10px rgba(0, 0, 0, .05);
	margin-bottom:20px;
}
.download-btn {
	background:#003f43;
	color:white;
}
.page-title {
	color:#0a4a4d;
	font-size:60px;
	font-weight:700;
}
.lead-text {
	max-width:850px;
	margin:auto;
	color:#444;
}
.section-heading {
	margin-bottom:25px;
}
.section-heading h2 {
	color:#0a4a4d;
	text-transform:uppercase;
	font-weight:700;
}
.chief-editor-card {
	border:none;
	border-radius:15px;
	padding:30px;
	box-shadow:0 5px 20px rgba(0, 0, 0, .08);
}
.editor-img {
	width:170px;
	height:170px;
	object-fit:cover;
}
.editor-card, .advisor-card {
	background:#fff;
	border-radius:12px;
	padding:25px;
	text-align:left;
	height:100%;
	box-shadow:0 3px 12px rgba(0, 0, 0, .08);
}
.editor-card img, .advisor-card img {
	width:120px;
	height:120px;
	object-fit:cover;
	margin-bottom:15px;
	border-radius: 50%;
	border: 5px solid #f1f1f1;
}
.editor-card h4, .advisor-card h5 {
	color:#0a4a4d;
}
.editor-card span, .advisor-card span {
	color:#b7833f;
	font-weight:600;
}
.board-message {
	background:#fff;
	border-radius:15px;
	padding:30px;
	box-shadow:0 3px 12px rgba(0, 0, 0, .08);
	text-align:center;
}
.main-title {
	font-size:64px;
	font-weight:700;
	color:#0a4a4d;
}
.section-title {
	color:#0a4a4d;
	font-weight:700;
}
.hero-text {
	max-width:700px;
	margin:auto;
	font-size:20px;
	line-height:1.8;
}
.divider {
	width:220px;
	height:2px;
	background:#c89c45;
	margin:25px auto;
}
.info-card, .content-card, .cta-box {
	background:#fff;
	border:1px solid #eadbc5;
	border-radius:16px;
	padding:30px;
	height:100%;
}
.icon-circle {
	width:90px;
	height:90px;
	background:#0a4a4d;
	color:#fff;
	border-radius:50%;
	margin:auto auto 20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:34px;
}
.info-card h3 {
	color:#0a4a4d;
	margin-bottom:20px;
}
.values-list li {
	margin-bottom:10px;
}
.feature-item {
	display:flex;
	gap:15px;
	margin:25px 0;
}
.feature-item i {
	width:55px;
	height:55px;
	border-radius:50%;
	background:#0a4a4d;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}
.publish-list {
	list-style:none;
	padding:0;
}
.publish-list li {
	margin-bottom:15px;
	position:relative;
	padding-left:30px;
}
 .publish-list li::before {
 content:"✓";
 color:#c89c45;
 position:absolute;
 left:0;
}
.quote-box {
	background:#0a4a4d;
	color:white;
	border-radius:14px;
	padding:30px;
	margin-top:30px;
}
.btn-contact {
	background:#0a4a4d;
	color:white;
	padding:12px 35px;
}
.btn-contact:hover {
	background:#06373a;
	color:white;
}
.guide-card {
	background:#fff;
	border:1px solid #ead9c1;
	border-radius:14px;
	padding:30px 20px;
	text-align:center;
	height:100%;
}
.guide-card i {
	font-size:48px;
	color:#b98433;
	margin-bottom:15px;
}
.content-card {
	background:#fff;
	border:1px solid #ead9c1;
	border-radius:14px;
	padding:30px;
	height:100%;
}
.timeline {
	position:relative;
}
.timeline-item {
	position:relative;
	padding-left:70px;
	margin-bottom:35px;
}
.step {
	position:absolute;
	left:0;
	top:0;
	width:42px;
	height:42px;
	border-radius:50%;
	border:2px solid #0b4b4f;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
}
.requirements-list {
	list-style:none;
	padding:0;
}
.requirements-list li {
	margin-bottom:15px;
	padding-left:30px;
	position:relative;
}
 .requirements-list li::before {
 content:"✓";
 position:absolute;
 left:0;
 color:#0b4b4f;
 font-weight:bold;
}
.note-box {
	background:#0b4b4f;
	color:#fff;
	border-radius:14px;
	padding:30px;
}
.help-section {
	background:#fff;
	border:1px solid #ead9c1;
	border-radius:14px;
	padding:30px;
}
.contact-box {
	text-align:center;
	padding:20px;
	border-left:1px solid #ddd;
}
.hero-text {
	font-size:20px;
	line-height:1.9;
	max-width:800px;
	margin:auto;
}
.gold-divider {
	width:260px;
	height:2px;
	background:#c99642;
	margin:25px auto;
}
.contact-card {
	background:#fff;
	border:1px solid #e8dccb;
	border-radius:15px;
	padding:35px 25px;
	text-align:center;
	height:100%;
}
.contact-card h4 {
	color:#0a4a4d;
	margin:20px 0;
}
.icon-circle {
	width:90px;
	height:90px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
	color:white;
	font-size:34px;
}
.green {
	background:#0a4a4d;
}
.gold {
	background:#c99642;
}
.content-card {
	background:white;
	border:1px solid #e8dccb;
	border-radius:15px;
	padding:30px;
}
.captcha-box {
	height:80px;
	border:1px solid #ddd;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
}
.btn-send {
	background:#0a4a4d;
	color:white;
	padding:12px 35px;
}
.btn-send:hover {
	background:#06373a;
	color:white;
}
.contact-list {
	list-style:none;
	padding:0;
}
.contact-list li {
	padding-left:28px;
	margin-bottom:15px;
	position:relative;
}
 .contact-list li::before {
 content:"✓";
 color:#0a4a4d;
 position:absolute;
 left:0;
 font-weight:bold;
}
.social-box {
	background:white;
	border:1px solid #e8dccb;
	border-radius:15px;
	padding:30px;
}
.social-icon {
	width:70px;
	height:70px;
	border-radius:50%;
	background:#0a4a4d;
	color:white;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:15px;
}
.social-btn {
	width:55px;
	height:55px;
	border-radius:50%;
	background:#0a4a4d;
	color:white;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:10px;
	text-decoration:none;
}
.custom-card {
	background:#fff;
	border:1px solid #eadbc7;
	border-radius:12px;
	padding:30px;
}
.section-heading {
	color:#0b4c50;
	font-weight:700;
	margin-bottom:30px;
	position:relative;
}
 .section-heading::after {
 content:"";
 width:40px;
 height:3px;
 background:#c89a43;
 display:block;
 margin-top:10px;
}
/* Timeline */

.timeline {
	position:relative;
}
 .timeline::before {
 content:"";
 position:absolute;
 left:15px;
 top:0;
 bottom:0;
 border-left:2px dashed #c8c8c8;
}
.timeline-item {
	position:relative;
	padding-left:70px;
	margin-bottom:35px;
}
.timeline-number {
	position:absolute;
	left:0;
	width:32px;
	height:32px;
	background:#fff;
	border:2px solid #0b4c50;
	border-radius:50%;
	text-align:center;
	line-height:28px;
	font-weight:600;
	color:#0b4c50;
}
.timeline-content h5 {
	color:#0b4c50;
	font-weight:700;
	margin-bottom:5px;
}
.timeline-content p {
	margin-bottom:0;
	color:#444;
}

/* Requirements */

.requirements-list {
	list-style:none;
	padding:0;
	margin:0;
}
.requirements-list li {
	position:relative;
	padding-left:35px;
	margin-bottom:18px;
}
 .requirements-list li::before {
 content:"✓";
 position:absolute;
 left:0;
 width:22px;
 height:22px;
 border-radius:50%;
 background:#0b4c50;
 color:#fff;
 font-size:12px;
 display:flex;
 align-items:center;
 justify-content:center;
}




/* Requirements Popup */

.requirements-list-popup {
	list-style:none;
	padding:0;
	margin:0;
	text-align: right;
    margin-top: 25px;
}
.requirements-list-popup li {
	    position: relative;
    padding-right: 35px;
    margin-bottom: 18px;
	font-family: 'Jameel-Noori-Nastaleeq-Regular';
	margin-right: 26px;
}
 .requirements-list-popup li::before {
 content:"✓";
     position: absolute;
    right: 0px !important;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0b4c50;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modelh{text-align:right; color: #a27632;font-weight: 800;}

/* Note */

.important-note {
	background:#004d4f;
	color:#fff;
	padding:30px;
	border-radius:10px;
}
.note-icon {
	font-size:42px;
	color:#d4a24a;
	margin-right:20px;
}
.important-note h4 {
	margin-bottom:15px;
	color:#fff;
}
.qalam-footer {
	background:#00565a;
	padding:60px 0 25px;
	color:white;
}
.footer-box h5 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	font-size:16px;
	color:#d6a447;
	margin-bottom:25px;
}
.footer-box p {
	font-size:14px;
	line-height:1.9;
	color:#f5f5f5;
	text-align: justify;
}
.footer-box ul {
	padding:0;
	margin:0;
	list-style:none;
}
.footer-box ul li {
	margin-bottom:10px;
}
.footer-box ul li a {
	color:white;
	text-decoration:none;
	font-size:14px;
}
.footer-box ul li a:hover {
	color:#d6a447;
}
.footer-social {
	margin-top:25px;
}
.footer-social a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:35px;
	height:35px;
	border:1px solid #d6a447;
	border-radius:50%;
	color:#d6a447;
	margin-right:8px;
	text-decoration: none;
}
.footer-social a:hover {
	background:#d6a447;
	color:#00565a;
}
.footer-contact i {
	color:#d6a447;
	width:22px;
}
hr {
	border-color:rgba(255, 255, 255, .3);
	margin:35px 0;
}
.footer-bottom {
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:14px;
}
.footer-bottom a {
	color:white;
	text-decoration:none;
	margin:0 10px;
}
.footer-bottom a:hover {
	color:#d6a447;
}
 @media(max-width:768px) {
 .footer-bottom {
 flex-direction:column;
gap:15px;
text-align:center;
}
.logo img {
 width: 130px;
}
.hero-section {
 padding: 20px;
}
 .btn-theme {
 display: block;
 margin-bottom: 10px;
}
.btn-gold {
 display: block;
}
.journal-info {
 padding: 30px 0;
}
.research-category {
 padding: 30px 0;
}
.journal-resources {
 padding: 40px 0;
}
.contact-newsletter {
 padding: 40px 0;
}
.footer-bottom p {
margin-bottom:0px
}
.account {
display:none
}
}