/* Styled with Shop - https://PAK.PROMO/shop */
:root {
  --primary:#012A4A;
  --primary-hover:#013A63;
  --secondary:#CCC;
  --secondary-hover:#e1e1e1;
  --dark:#414141;
  --promo: "Poppins", sans-serif;
  --bs-body-color:#000;
}

@font-face {
	font-family:'Al-Qalam-V';
	src: url(/assets/fonts/arabic/AlQalamQuranMajeedWeb2_D.otf);
}

body{
	font-family:var(--promo);
	line-height:1.7;
	font-weight: normal;
	overflow-x: hidden;
}
a {color:black;-webkit-transition:all linear .3s 0s; transition:all linear .3s 0s;text-decoration:underline;}
a:hover{color:var(--primary_hover);text-decoration:none}
a:focus,button:focus{text-decoration:none;outline:0;}
a.under, span.under a { text-decoration:underline !important;}
h1,h2,h3,h4,h5,h6{font-family: var(--font2); }

.btn { padding:8px 24px;}
.bg-primary {
	background-color: var(--primary) !important;
}



.btn.btn.btn-sm{font-size: 13px; padding: 5px 12px;}


.body_bg {background-position: center top; background-repeat: no-repeat; background-size: cover;}
img {max-width: 100%;}

.clear {clear: both; overflow: hidden;}

h1 {font-size:3rem; line-height: 1.1;}
h2, .h2 {font-size:2.5rem; }
h3, .h3 {font-size:2rem;}
h4 {font-size:1.75rem;}
h5 {font-size:1.5rem;}
h6 {font-size:1rem;}




.heading {margin-bottom: 40px;}
.heading h2, .heading h3, h2.heading, h3.heading {font-weight: 800}
.grey_bg {background: var(--grey);}
.grey_bg2 {background: var(--grey2);}
section{margin-bottom:50px;}
.btn_styled {font-weight: 600;}
.btn_big {font-size: 22px;}

/* .btn-outline-dark:hover, .btn-outline-dark:focus{background-color: #424649; border-color: #373b3e;}

 */

.text-success {color: var(--primary)!important;}

.btn-success{background-color:var(--primary); border-color:var(--primary);}
.btn-success:hover, .btn-success:focus {background-color: var(--primary-hover); border-color: var(--primary-hover);}
.btn-warning{background-color:var(--secondary); border-color:var(--secondary);}
.btn-warning:hover, .btn-warning:focus {background-color: var(--secondary-hover); border-color: var(--secondary-hover);}


.logo {position: relative;}
.logo img {height: 40px; width: auto; object-fit: scale-down;}

#menu{position:relative; text-align: center;  margin-left:20px; margin-top: 2px;}
#menu ul{list-style:none;margin:0;padding:0; display: inline-block;}
#menu ul li{display:inline-block; position:relative;}
#menu ul li a{color:black; padding:7px 15px; display:block; text-decoration:none; position:relative; -webkit-transition:all .3s linear;transition:all .3s linear; font-weight: 500; cursor: pointer;  }
#menu li > a:after { content:"\F282"; font-family:'bootstrap-icons'; margin-left:5px; top: 5px; position: relative; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a{color: black;}
#menu li.active ul li a{color:#000;}
#menu li.active ul li a:hover{color:black;}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:200px;}
#menu ul li.active ul li a {color:#000;}
#menu li>ul li{display:block;position:relative; margin:0; text-align:center;}
#menu li>ul li:hover{color:black;}
#menu li>ul li a{color:black; padding:5px 0;  border-right:0;}
#menu li>ul li a:hover{color:var(--gold) !important;text-decoration:none; background: black;}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a{color:black;}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul {min-width: 200px; width: auto; position: absolute; top: 100%; left: 0; padding: 0; text-align: center; background-color:black; z-index: 100; -webkit-box-shadow: 0 0 5px 0 rgba(66, 71, 76, 0.06); box-shadow: 0 0 5px 0 rgba(66, 71, 76, 0.06); margin-top: 15px; margin-bottom: 0; left: 50%; transform: translateX(-50%); }
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul:before {content:""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom:10px solid black; position: absolute; top:-8px;  left: 50%; transform: translateX(-50%); }
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0;}
#menu li>ul li{ margin:0; position: relative; text-align: center; border-bottom: rgba(0,0,0,.15) 1px solid;}
#menu li>ul li:last-child{border-bottom: 0;}
#menu li>ul li:before {background-color: var(--purple); width: 7px; height: 7px; position: absolute; left:5px; top:15px; content:"";}
#menu li.mega_menu>ul {max-width:1320px; width: 100%; padding:30px; column-gap: 40px; column-count: 3; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: fixed; top: 165px; margin-top:0;}
#menu li.mega_menu>ul:before {display: none;}
#menu li.mega_menu>ul li { margin:0; padding-left:40px; position: relative;}
#menu li.mega_menu>ul li:before {background-color: var(--purple); width: 7px; height: 7px; position: absolute; left:23px; top:13px; content:""; }
#menu li.mega_menu>ul li a {line-height: 22px; width: 100%; overflow: hidden; color: #000!important;}
#menu li.mega_menu>ul li a:hover {color: black!important;}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li>ul li:hover a {color:var(--purple);}
#menu li>ul li:hover ul li a {color:#fff;}
#menu li>ul li ul li a:hover {color:var(--purple);}
@keyframes menu_sticky {
0%   {margin-top:-240px;}
50%  {margin-top: -90px;}
100% {margin-top: 0;}
}
.store-menu {
	display: none;
}
.ps-header-fluid.sticky {
	margin:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9;
	animation-name:menu_sticky;
	animation-duration: 0.60s;
	animation-timing-function:ease-out;
	background: white;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px;
	box-shadow:rgba(0,0,0,0.1) 0 0 10px;
	z-index: 99;
}
.ps-header-fluid.sticky .store-menu {
	display: block;
}


ul.top_link {padding:0; margin:0; list-style: none; }
ul.top_link > li {display:inline-block; margin-right:10px; position:relative; vertical-align: top; font-weight: 500;}
ul.top_link > li:last-child {margin-right:0;}
ul.top_link li a.subsribe_btn {position: relative; font-size: 20px;}
ul.top_link li a.subsribe_btn div{position: absolute;width: 14px; height: 14px; line-height: 14px; border-radius: 100%; background: red; color: white; font-size: 7px; text-align: center; position: absolute; top: -3px; right: -5px;}
ul.top_link li a {text-decoration:none; color:#000; font-size:12px;}

ul.top_link li a.language {padding: 7px 10px; background: white; border-radius: 5px;    box-shadow: rgba(0, 0, 0, .1) 0 0 5px;}

ul.top_link li i {margin:0 0 0 5px; position: relative; top:1px;}
ul.top_link li ul { margin:0; margin-top: 4px; list-style:none; position:absolute; text-align:left; right:0; top:100%; min-width:83px; box-shadow:0 6px 8px rgba(0,0,0,0.175); background:#fff; padding:0; opacity:0; visibility:hidden; z-index:99;}
ul.top_link li ul li a { font-size:12px; display:block; padding:6px 10px; font-weight: 400; color: #000 !important; border-bottom:1px solid #ddd;}
ul.top_link li ul li:last-child a {border-bottom:0;}
ul.top_link li ul li img { margin:0 5px;}
ul.top_link li ul li a:hover {color:var(--info); background: #f4f4f4;}
ul.top_link li:hover ul {opacity:1; visibility:visible;}


ul.top_link li.login ul {min-width:100px}

.ps-wrapper{ /* margin-top: 70px;*/}
.ps-home {padding-top: 30px; min-height: 600px;}

.banner_text h1 {font-weight: 700;}

.home_banner {text-align: center; margin-top: 40px;}

.or_title {margin: 15px auto; text-transform: uppercase;font-weight: 400; font-style: italic; font-size: 27px;}





.ps-inner-page {padding-top:30px;/* min-height:800px; */}
.center_heading {text-align: center; margin-bottom:25px;}
.center_heading h1 {font-weight: bold;}
.ps-product {position: relative; display: block; background-color: #fff; margin-bottom:20px; overflow: hidden;
  -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 10px;  box-shadow:rgba(0,0,0,0.15) 0 0 10px;}
.ps-product .thumb {display: block; height: 220px; overflow: hidden; }
.ps-product .thumb img {width: 100%; height: 220px; object-fit: cover; }
@media (min-width:768px) {
.ps-product .ps-title{min-height: 54px;}
}

.ps-product .ps-title {margin-bottom:10px; font-size:16px;line-height: 20px; }
.ps-product .ps-title a {text-decoration: none;}
.ps-product .ps-price {margin-bottom:10px; font-size:16px; }
.ps-product .ps-detail {font-size:14px; line-height: 18px; padding:25px;;}
.ps-product .ps-detail p {margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; min-height: 56px;}

.ps-product .btn {width: 100%; text-align: center;}
/* .ps-product .btn.btn-success:hover {background-color: var(--secondary-hover); border-color: var(--secondary-hover); color: #000;} */
.detail_padd {padding-left:20px; display: block;}
.detail_padd h3 {font-weight: bold;}
.detail_padd .price_wrapper {font-size:18px; font-weight: bold; margin-bottom:15px;}
.small_contents {font-size:12px; line-height: 18px;}
.form_wrapper {background-color: #fff; padding:50px; display: block; text-align: center; -webkit-border-radius:15px; border-radius:15px;
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1); margin-top: 30px;}
.form_wrapper.form_wrapper_upload{margin-top: 0;}






.paycard_btn {margin: 20px auto;}
.file-browser { border-radius: 15px; border: var(--primary) 1px solid; position: relative; max-width: 500px; margin: 0 auto 40px; padding: 30px;}
.browse_icon {width: 67px; height: 67px; text-align: center; line-height: 67px; background: #E3E3E3; border-radius: 100%; margin: 0 auto;}
.drag-file-area label { display: block;}
.drag-file-area label .browse-files-text {color: var(--primary);font-weight:600; font-size: 21px;	cursor: pointer;}
.drag-file-area label .browse-files-text small{color: #353535; display: block; font-size: 13px;}
.browse-files span {position: relative; display: block;}
.default-file-input {	opacity: 0;}
.cannot-upload-message {background-color: #ffc6c4;font-size: 17px;display: flex;align-items: center;margin: 5px 0;padding: 5px 10px 5px 30px;border-radius: 5px;color: #BB0000;display: none;}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.file-block {color: #f7fff7;background-color:#888; 	transition: all 1s;width: 100%;position: relative;display: none;flex-direction: row;
	justify-content: space-between;align-items: center;margin: 10px 0 15px;padding: 10px 20px;border-radius: 25px;cursor: pointer;}
.file-info {display: flex;align-items: center;font-size: 12px;}
.file-icon {margin-right: 10px;}
.file-name, .file-size {padding: 0 3px;}
.drag-file-area h3 {font-size: 14px;margin: 15px 0 0;}
.remove-file-icon {cursor: pointer;font-size: 13px;}
.upload-button {display: none;}

.form_wrapper .form-group{position: relative;}
.form_wrapper .form-group i.icon{position: absolute; right: 12px; top: 5px; opacity: .5;}
.form_wrapper .form-group textarea.form-control{height: 102px;}


.custom-file-button input[type="file"] { margin-left: -2px !important;padding: 8px 12px;}
.custom-file-button input[type="file"]::-webkit-file-upload-button { display: none;}
.custom-file-button input[type="file"]::file-selector-button { display: none;}
.small_contents2 {font-size:12px;}
.small_contents2 a{color: #D93F21; text-decoration: none;}
.small_contents a{color: var(--primary);}
.form_wrapper_profile {text-align: inherit;}
.profile_image img{border-radius: 100%; width: 45px; height: 45px; object-fit: cover;}


/* admin css start */
.admin_page_wrapper {position: relative; display: block;}
.sidebar {width: 250px; height: 100vh; overflow-y: auto; background-color: #fff; text-align: center; padding-top: 25px;
box-shadow:rgba(0,0,0,0.1) 0 0 20px; z-index: 9; position: fixed; top:0; left:0; bottom:0;}
.sidebar .admin_logo {text-align: center; display: inline-block;}
.sidebar .admin_logo img {width:120px;}
.right_panel {position: fixed; left: 250px; top:0; bottom:120px; right:0; overflow-y:auto; padding:20px;}
.admin_page_wrapper footer {position: fixed; bottom:0; left: 250px; right:0;;}

.dashboard_menu_list {display: block; text-align: left; margin-top:25px;}
.dashboard_menu_list ul {list-style: none; padding:0; margin:0; display: block; text-align: left;}
.dashboard_menu_list ul li {display: block; position: relative;}
.dashboard_menu_list ul li a {display: block; padding:20px 20px 20px 70px; font-size:16px; text-decoration: none; position: relative; color:#D4D5D6;}
.dashboard_menu_list ul li a .qty_count{position: absolute;width: 14px; height: 14px; line-height: 14px; border-radius: 100%; background: red; color: white; font-size: 7px; text-align: center; position: relative; display: inline-block; opacity: .5; vertical-align: middle;  margin-left: 7px;}

.dashboard_menu_list ul li:first-child a:after {content:""; background: linear-gradient(45deg,  rgba(237,253,251,1) 0%,rgba(9,106,97,1) 100%); height: 1px; position: absolute; left:0; top:0; right:0; }
.dashboard_menu_list ul li a:before {content:""; background: linear-gradient(45deg,  rgba(237,253,251,1) 0%,rgba(9,106,97,1) 100%); height: 1px; position: absolute; left:0; bottom:0; right:0; }
.dashboard_menu_list ul li a .boxy_icon { background-color: #D4D5D6; width: 30px; height: 30px; -webkit-border-radius:5px; border-radius:5px; text-align: center; position: absolute; left:25px; top:18px;}
.dashboard_menu_list ul li a .boxy_icon i {color: #fff; text-decoration: none; margin-right:0; position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.dashboard_menu_list ul li a:hover,
.dashboard_menu_list ul li.active a {color: var(--primary); background: linear-gradient(45deg,  rgba(252,255,255,1) 0%,rgba(220,235,233,1) 100%); }
.dashboard_menu_list ul li a:hover .boxy_icon,
.dashboard_menu_list ul li.active a .boxy_icon {background-color: var(--primary); color: #fff;}
.dashboard_menu_list ul li a:hover .boxy_icon i,
.dashboard_menu_list ul li.active a .boxy_icon i {color: #fff; text-decoration: none;}
.dashboard_menu_list ul li a:hover .qty_count, .dashboard_menu_list ul li.active a .qty_count{opacity: 1;}


.table_contents {font-weight: normal; font-size:16px; background-color: #fff; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px; padding:40px; display: block;
margin-top:30px; -webkit-border-radius:15px; border-radius:15px;}
ul.table_contents_list {list-style: none; padding:0; margin:0; display:block;}
ul.table_contents_list li {display: block; margin-bottom:15px; font-size:18px;}
ul.table_contents_list li:last-child {margin-bottom:0;}
.table_contents .thead {font-weight: bold; font-size:18px; padding:15px 20px; background-color: #fff; border: #ddd solid 1px; -webkit-border-radius:7px; border-radius:7px;}
.grey_bar {background-color: #FAFAFA; font-size:18px; -webkit-border-radius:12px; border-radius:12px; display: block; padding:13px 20px;}
.grey_bar .btn {padding:5px 25px;}
.grey_bar:hover .btn {background-color: var(--primary); color: #fff; text-decoration: none;}

.video_page {font-weight: normal; font-size: 16px; background-color: #fff;box-shadow: rgba(0,0,0,0.1) 0 0 10px; padding: 40px; display: block;
  margin-top: 30px; border-radius: 15px;}
.video_box_img {width: 88px; height: 50px; -webkit-border-radius:7px; border-radius:7px; overflow: hidden;}
.video_box_img img {width: 100%; height: 50px; object-fit: cover;}

.video_player video{width: 760px; height: 500px;}
ul.pagination_list {list-style: none; padding:0; margin:0; display: block; text-align: center; margin-top:20px;}
ul.pagination_list li {display: inline-block; padding:2px 5px;}
ul.pagination_list li a {display: block; color: #191919; text-decoration: none; font-size:16px;}
ul.pagination_list li:first-child {padding-right:20px;}
ul.pagination_list li:last-child {padding-left:20px;}
ul.pagination_list li:first-child a,
ul.pagination_list li:last-child a {font-size:30px;}
ul.pagination_list li:first-child a i,
ul.pagination_list li:last-child a i {position: relative; top:5px;}
ul.pagination_list li a:hover {color: var(--primary);}

.right_panel table {border-collapse:collapse;}
.dcf-txt-center {text-align: center!important }
.dcf-txt-left{text-align:left!important}
.dcf-txt-right{text-align:right!important}
.dcf-table caption{color:var(--caption);font-weight:700;padding-bottom:.56rem}
.dcf-table thead{font-size:18px}
.dcf-table tbody{border-bottom:1px solid var(--b-table);border-top:1px solid var(--b-table);font-size:16px}
.dcf-table tfoot{font-size:18px}
.dcf-table td,.dcf-table th{padding-right:1.78em}
.dcf-table-bordered,.dcf-table-bordered td,.dcf-table-bordered th{border:1px solid var(--b-table)}
.dcf-table-bordered td,.dcf-table-bordered th,.dcf-table-striped td,.dcf-table-striped th{padding-left:1em;padding-right:1em;vertical-align:middle;}
.dcf-table-striped td { background-color: #fff;}
.dcf-table-striped tr:nth-child(odd) td { background-color: #f5f5f5;}
.dcf-table-bordered tr:not(:last-child),.dcf-table-striped tr:not(:last-child){border-bottom:1px solid var(--b-table)}
.dcf-table-striped tbody tr:nth-of-type(2n){background-color:var(--bg-table-stripe)}
.dcf-table thead td,.dcf-table thead th{padding-bottom:.75em;vertical-align:bottom}
.dcf-table tbody td,.dcf-table tbody th,.dcf-table tfoot td,.dcf-table tfoot th{padding-top:.75em;vertical-align:middle;}
.dcf-table tbody td,.dcf-table tbody th{padding-bottom:.75em}
.dcf-table-bordered thead th{padding-top:1.33em}
.dcf-wrapper-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;left:50%;margin-left:-50vw;margin-right:-50vw;padding-bottom:1em;position:relative;right:50%;width:100vw}

.tabs_wrapper .table_contents { margin-top: 0;}
.tabs_wrapper .nav{ margin-left: 40px; }

.tabs_wrapper .nav-item{margin-right: 10px; vertical-align: bottom;}
.tabs_wrapper .nav-item button {background: #74767E; border-color: #fff;  color: white; border-radius:7px 7px 0 0;
  -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s; font-weight: 600; padding:10px 20px;  position: relative;  }
.tabs_wrapper .nav-item button.active {background:var(--primary); color: #fff; }
.tabs_wrapper .nav-item button.active:hover,
.tabs_wrapper .nav-item button.active:focus {background: var(--primary); color: #fff;  }
.white_box {background-color: #fff; padding: 30px 20px; text-align: center;  border-radius: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: 30px;}
.white_box h2{font-weight: 700; font-size: 2rem;}
.white_box p{margin-bottom: 0;}
.white_box a{text-decoration: none; color: black;}


@media only screen and (max-width:42.09em) {
.dcf-table-responsive thead{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px;white-space:nowrap}
.dcf-table-responsive tr{display:block}
.dcf-table-responsive td{-webkit-column-gap:3.16vw;-moz-column-gap:3.16vw;column-gap:3.16vw;display:grid;grid-template-columns:1fr 2fr;text-align:left!important}
.dcf-table-responsive.dcf-table-bordered,.dcf-table-responsive.dcf-table-bordered thead th{border-width:0}
.dcf-table-responsive.dcf-table-bordered tbody td{border-top-width:0}
.dcf-table-responsive:not(.dcf-table-bordered) tbody tr{padding-bottom:.75em}
.dcf-table-responsive:not(.dcf-table-bordered) tbody td{padding-bottom:0}
.dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td{padding-right:0}
.dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child{border-bottom-width:0}
.dcf-table-responsive tbody td:before{content:attr(data-label);float:left;font-weight:700;padding-right:1.78em}
}

.dcf-overflow-x-auto {overflow-x: auto!important;   -webkit-overflow-scrolling: touch }
.dcf-w-100\% {width: 100%!important; }

.desktop_show {display: block;}
.mobile_show {display: none;}




@media (min-width:992px) {
  .table_btn .btn+.btn{margin-left: 10px;}
}
.form-label {font-size: 14px;}

.bg-success{background: var(--primary) !important;}
.profile_btn {border: black 1px solid;box-shadow: none;}
.profile_btn:hover, .profile_btn:focus { box-shadow: none; border-color: var(--primary);color: var(--primary);}
.profile_bg {padding: 8px 22px; color: white; display: inline-block; border-radius: 5px;border: var(--primary) 1px solid; }


.chat_title_bar {padding:10px 25px; display: block; background-color: #fff; border: #ddd solid 1px; -webkit-border-radius:15px; border-radius:15px; margin-bottom:10px;}
.chat_title_bar h3 {font-weight: bold; margin:0; font-size:20px;}
.chat_title_bar small {font-size:12px;}
.chat_footer {background-color: #E2E2E2; padding:15px 20px; display: block; -webkit-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px;}
.chat_footer input[type='text'] {padding:8px 0;  border: 0; font-size:15px;}
.chat_footer input[type='text']:focus {box-shadow: none; outline: 0;}
.chat_body {padding:30px 25px 10px; display: block; background-color: #FAFAFA; -webkit-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0; height: 400px; overflow: auto;}
.close_btn {font-size:20px; color: var(--primary);}

.provider_chat {position: relative; padding:8px; color: #fff; background-color: var(--primary); -webkit-border-radius:7px; border-radius:7px; display: inline-block; margin-bottom:25px; text-align: left;}
.provider_chat .pc_name {font-size:13px; font-weight: 600; line-height: 18px;}
.provider_chat .pc_desc {font-size:13px; font-weight: 300;}
.provider_chat .pc_time {text-align: right; font-size:10px; color: #333; position: absolute; right: 10px; top: -15px;}

.customer_chat {position: relative; padding:8px; color: #333; background-color: #F2F2F7; -webkit-border-radius:7px; border-radius:7px; display: inline-block; margin-bottom:25px; text-align: left;}
.customer_chat .cc_name {font-size:13px; font-weight: 600; line-height: 18px;}
.customer_chat .cc_desc {font-size:13px; font-weight: 300;}
.customer_chat .cc_time {text-align: left;font-size: 10px; position: absolute; right: inherit; top: -15px; width: 250px; left: 0;}
.page-link, .page-link:hover{color: var(--primary)}
.active > .page-link, .page-link.active {background-color: var(--primary); border-color: var(--primary);}
.page-link.active:hover {color: white;}
.watch_btn i{color: var(--secondary);}

label.error { color: red; font-style: italic;}
input.error, select.error, textarea.error { border: 1px solid red!important;}
span.required { color: red;}

ul.top_link li.dropdown{position: relative;}


ul.top_link li a.dropdown-toggle:after{display: none;}



ul.top_link li .dropdown-item i { font-size: 20px; line-height: 1; position: relative; top: 2px; margin-right: 5px;}
.max_height {max-height: 250px; overflow: hidden; overflow-y:auto!important;}
.notification_heading_bar {padding:10px; display: block; padding-top: 0;}

.notification_list .notify-item .card-body {padding: 14px; position: relative; padding: 0;}
.simplebar-content-wrapper {direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%;
  width: auto; overflow: hidden; overflow-y: auto; max-width: 100%;
  max-height: 100%; scrollbar-width: none;}
.notification_list .dropdown-toggle::after {display: none!important; }
.notification_list .flex-shrink-0 {margin-right:6px;}
.notification_list .notify-icon {position: relative; display: block; text-align: center; color: #fff; text-decoration: none; background-color: var(--primary); width: 36px; height: 36px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.notification_list .notify-icon i {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size: 16px;}
.noti_close_btn {position: absolute; right: 0; top: 4px;}
.noti_item_title {margin-bottom:1px; font-weight: 600; font-size:14px;}

.notification_list .dropdown-menu {top: 100% ; min-width: 270px; }
@media (min-width:1818px){
  .notification_list .dropdown-menu.show{transform: translate(-243px, 38px) !important;}
}


.choose_language_list {top: 100% !important; margin-top: 2px!important;}
.new_messages{width: 14px; height: 14px; line-height: 14px; border-radius: 100%; background: red; color: white; font-size: 7px; text-align: center; display: inline-block; vertical-align: middle;  margin-left: 7px;}

[x-cloak] { display: none !important; }

.radio-buttons {width: 100%;margin: 0 auto; text-align: center;}
.custom-radio input { display: none;}
.radio-btn {  width: 100%; height: auto; border: 3px solid transparent; display: inline-block; border-radius: 10px; position: relative;  box-shadow: 0 0 20px #c3c3c367;  cursor: pointer; text-align: left; min-height: 100px; padding: 40px; }
.radio-buttons .custom-radio {display: block;}
.radio-buttons .custom-radio+.custom-radio {margin-top: 30px;}
.check_icon {background-color: transparent; border: #888 1px solid; position: absolute; top: 20%;  right: 30px; transform: translateY(-50%) scale(1.5); border-radius: 100%; width: 20px; height: 20px; line-height: 20px; text-align: center;}
.radio-btn > .check_icon i {  font-size: 15px;  transition: 0.5s; pointer-events: none; opacity: 0; }
.radio-btn .hobbies-icon {margin-bottom: 20px;}
.radio-btn .hobbies-icon img {max-width: 30px;  }
.radio-btn .hobbies-icon i { color: var(--primary); line-height: 80px; font-size: 60px;}
.radio-btn .hobbies-icon h3 { color: #555; font-size: 18px; font-weight: 300; text-transform: uppercase; letter-spacing:1px;}
.custom-radio input:checked + .radio-btn { border: 2px solid var(--primary);}

.custom-radio input:checked + .radio-btn > .check_icon{ background-color: var(--primary); border-color: var(--primary);}
.custom-radio input:checked + .radio-btn > .check_icon i { opacity: 1; transform: translateX(-50%) scale(1); color: #ffffff; }






.hero_banner { background: var(--primary); border-radius: 25px; position: relative; overflow: hidden;  border: var(--primary) 10px solid;}
.home-slider { text-align: center;}
.slider_top{ margin-top: -20px;}


.home-slider .banner_slide, .home-slider2 .banner_slide{position: relative; overflow: hidden;border-radius: 12px;}


.banner_slide a{display: block;}

.banner_slide a{text-decoration: none;}
.hero_caption {position: absolute; text-align: center; color: white;  left: 0; right: 0; bottom: 0; padding: 15px;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);  }
.hero_caption p{font-size: 12px;}
.caption_title {font-weight: bold;}
.home-slider2 .banner_slide {position: relative; margin: 10px 0;}

.home-slider .banner_slide img{ height: 207px; object-fit: cover;}
.home-slider2 .banner_slide img{ height: 285px; object-fit: cover;}
.home-slider{height: 207px;}
.home-slider2 {height: 285px; margin-bottom: 20px;}
.slider_bottom{margin-bottom: -30px; height: 178px;}
.currency_denomination {font-size: 60%;font-weight: normal;margin-right: 6px;}
.unread-notification td {font-weight: 600;  background-color:#ecf5f4 !important;}

.thumbs {
max-height: 350px;
  overflow: hidden;
}
.thumbs img {
	min-height: 350px;
}

.ps-title {
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

/* PROMOSHOP FOOTER */
footer {
	background:#123147;
	color:white;
	padding-top:25px;
}
footer .menu {margin-top: 20px;}
footer .menu h6 {text-transform:uppercase;font-weight: bold;margin:0}
footer .menu h6 a {color:#FFF;display: block;text-decoration: none;padding:20px;}
footer .menu-list {
	list-style: none;
	margin-top:20px;
	padding:0;
}
footer .menu-list a {
	color:#FFF;
	text-decoration: none;
}
footer .menu-list a:hover {
	color:#219EBC;
}

footer .promo-social, #footer .promo-social {vertical-align: middle;margin-bottom: 30px;margin-top:20px;}
footer .promo-social a+a, #footer .promo-social a+a {margin-left: 5px;}
footer .promo-social a {color: #EFEFEF; font-size: 18px; border: #EFEFEF 1px solid; border-radius:100%; display: inline-block; text-align: center; width: 50px; height: 50px; line-height: 50px; }
footer .promo-social a svg, #footer .promo-social a svg { height: 20px; fill: white;}
footer .promo-social a:hover, #footer .promo-social a:hover {color: white;  background: #2C7DA0; border-color: #2C7DA0;}
footer .promo-social a:hover svg, #footer .promo-social a:hover svg {fill:white; }

footer .copyrights {padding:15px;padding-top: 20px;text-align:center;font-size:14px;background-color: rgba(0, 0, 0, 0.2);}
footer .credits {margin-top: 5px; font-size: 13px;text-decoration:none;color:#FFF !important;text-decoration:none;transition: 0.3s;}
footer .credits span {color: #206bc4;}
footer .credits:hover span {color:#FFF;}

.sidebar #footer {position: absolute; bottom:0; left:25px; color: var(--primary); font-size:12px; text-decoration: none;}
.sidebar #footer .promo-social {margin-bottom: 0;text-align: left;}
.sidebar #footer .promo-social a {color: #777; font-size: 10px; border: #777 1px solid; border-radius:100%; display: inline-block; text-align: center; width: 25px; height: 25px; line-height: 25px; }
.sidebar #footer .promo-social a:hover {color: #fff; border: var(--primary) 1px solid; border-radius:100%;}
.sidebar #footer .copyrights {padding-top: 5px;text-align:left;font-size:12px;color:#777 !important;}
.sidebar #footer .credits {margin-top: 5px; font-size: 12px;color:#777 !important;text-decoration:none;transition: 0.3s;}
.sidebar #footer .credits:hover {color:var(--primary) !important;}

/*--- SELLER CARD ---*/
.seller-card {
	border-bottom: 1px solid #D4D5D6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.seller-card img {
	width:50px;
	border-radius: 100%;
	margin-right: 5px;
}
#seller-card {
	height:515px;
	/* background:url('images/store-card-placeholder.jpg'); */
	/* position: relative;; */

}
#seller-card.sticky-top {
	top:100px;
	z-index: 0;

}
#seller-card .card {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	background: none;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	color:#FFF;
	border:0;
	border-radius: 0%;
	padding-top:80px;
}
/* PAKPROMOTION.COM */