/* @font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/material-icon.woff2) format('woff2');
} */
@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/filled-material.ttf) format('truetype');
}



  .material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.material-symbols-outlined.filled {
	font-variation-settings:
	  'FILL' 1,
	  'wght' 400,
	  'GRAD' 0,
	  'opsz' 24;
  }


  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/Poppins-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/Poppins-Bold.ttf) format('truetype');
}

:root {
  --primary: #000000;
  --secondary: #DB4444;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark-grey: #2E2C5D;
  --link-color: #DB4444;
  --color-blue: rgba(9, 145, 199, 1);
  --color-light-blue: rgba(58, 122, 245, 1);
  --color-dark-blue: rgba(37, 99, 235, 1);
  --color-green: rgba(53, 160, 8, 1);

}

/* Reset CSS */
*{ margin: 0; padding: 0; box-sizing: border-box; }
ul, li, ul[role='list'], ol[role='list']{ list-style: none; padding: 0; margin: 0; }
html:focus-within{ scroll-behavior: smooth; }
a:not([class]){ text-decoration-skip-ink: auto; }
figure { margin: 0; }
img, picture, svg, video, canvas{ max-width: 100%; height: auto; vertical-align: middle; 
	font-style: italic; background-repeat: no-repeat; background-size: cover; }
input, button, textarea, select { font: inherit; }
body, html{ height: 100%; scroll-behavior: smooth; font-family: "Poppins", sans-serif; font-size: 16px; 
	line-height: 20px; }

/* Common Styles */
*:hover { transition: all 0.3s ease; }
.poppins-thin { font-family: "Poppins", sans-serif; font-weight: 100; font-style: normal; }
.poppins-extralight { font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal; }
.poppins-light { font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal; }
.poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; }
.poppins-medium { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; }
.poppins-semibold { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; }
.poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; }
.poppins-extrabold { font-family: "Poppins", sans-serif; font-weight: 800; font-style: normal; }
.poppins-black { font-family: "Poppins", sans-serif; font-weight: 900; font-style: normal; }
.poppins-thin-italic { font-family: "Poppins", sans-serif; font-weight: 100; font-style: italic; }
.poppins-extralight-italic { font-family: "Poppins", sans-serif; font-weight: 200; font-style: italic; }
.poppins-light-italic { font-family: "Poppins", sans-serif; font-weight: 300; font-style: italic; }
.poppins-regular-italic { font-family: "Poppins", sans-serif; font-weight: 400; font-style: italic; }
.poppins-medium-italic { font-family: "Poppins", sans-serif; font-weight: 500; font-style: italic; }
.poppins-semibold-italic { font-family: "Poppins", sans-serif; font-weight: 600; font-style: italic; }
.poppins-bold-italic { font-family: "Poppins", sans-serif; font-weight: 700; font-style: italic; }
.poppins-extrabold-italic { font-family: "Poppins", sans-serif; font-weight: 800; font-style: italic; }
.poppins-black-italic { font-family: "Poppins", sans-serif; font-weight: 900; font-style: italic; }
.btns-group { display: flex; align-items: center; justify-content: center; margin: 40px 0; width: 100%; gap:50px; }
/* .btn { display: inline-flex; align-items: center; } */
a { text-decoration: none; }
.btn:first-child:active, :not(.btn-check)+.btn:active, .btn:hover { border-color: transparent; }
.btn .material-symbols-outlined { margin-right: 5px; }
.btn-link { text-decoration: none; }
.btn-primary { background: var(--primary); color: var(--color-white); border-color: var(--primary); 
	font-size: 16px; line-height: 24px; font-weight: 500; padding: 16px 45px; text-decoration: none; }
.btn-primary:hover{ background: var(--secondary); border-color: var(--secondary); }
.btn-secondary { background: var(--secondary); color: var(--color-white); border-color: var(--secondary);
	font-size: 16px; line-height: 24px; font-weight: 500; padding: 16px 45px; display:flex; 
	align-items: center; gap:5px; text-decoration: none; }
.btn-secondary:hover { background: var(--primary); border-color: var(--primary); }
.container { max-width: 1700px; }
.btn-default { background: rgba(240, 246, 254, 1); font-size: 16px; line-height: 24px; 
	font-weight: 500; padding: 16px 45px;text-decoration: none; }
.btn-default:hover { background-color: var(--primary); color: var(--color-white); }
.btn-blue { background: var(--color-dark-blue); font-size: 16px; line-height: 24px; color: var(--color-white);
	font-weight: 500; padding: 16px 45px; box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.25); border-radius: 12px;
	text-decoration: none; }
.btn-blue:hover { background-color: var(--primary); color: var(--color-white); }

/* Icons */
.app-store-icon { display: inline-block; width: 20px; height: 24px; 
	background: url(../images/app-store-icon.svg) no-repeat; background-size: cover; }
.play-store-icon { display: inline-block; width: 20px; height: 24px; 
	background: url(../images/play-store-icon.svg) no-repeat; background-size: cover; }
.fb-icon { display: inline-block; width: 10px; height: 18px; 
	mask: url(../images/fb-icon.svg) no-repeat center center; mask-size:cover; background-color: #fff; }
.inst-icon { display: inline-block; width: 18px; height: 18px; 
	mask: url(../images/inst-icon.svg) no-repeat center center; mask-size:cover; background-color: #fff; }
.lin-icon { display: inline-block; width: 18px; height: 18px; 
	mask: url(../images/lin-icon.svg) no-repeat center center; mask-size:cover; background-color: #fff; }
.wa-icon { display: inline-block; width: 18px; height: 18px; 
	mask: url(../images/wa-icon.svg) no-repeat center center; mask-size:cover; background-color: #fff; }
.yt-icon { display: inline-block; width: 18px; height: 18px; 
	mask: url(../images/yt-icon.svg) no-repeat center center; mask-size:cover; background-color: #fff; }
.x-icon { display: inline-block; width: 18px; height: 18px; background: url(../images/twitter-x.svg) no-repeat center center;  }


/* Mobile Menu */
.mobile-nav { position: fixed; top: 0; left: -100%; width: 300px; height: 100%; background: #fff; z-index: 1024; 
	padding: 0; transition: all 0.6s ease; }
.mobile-nav.open { left: 0; transition: all 0.6s ease; }
.mobile-nav:before { content: ''; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; 
	background-color: rgba(0,0,0,0.5); transition: all 0.6s ease; opacity: 0; }
.mobile-nav.open:before { left: 0; opacity: 1; }
.mobile-nav .nav { position: relative; z-index: 1; background: #fff; padding: 20px; height: 100%; 
	overflow-y: auto; display: inline-block; width: 100%; }
.mobile-nav .nav { scrollbar-color: var(--secondary); scrollbar-width: thin; }
.mobile-nav .nav::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #eee; }
.mobile-nav .nav::-webkit-scrollbar { width: 5px; background-color: #e5e5e5; }
.mobile-nav .nav::-webkit-scrollbar-thumb { background-color: var(--secondary); border-radius: 0; }

.mobile-sub-nav { display: inline-block; width: 100%; padding: 0 20px; height: 0px; overflow-y: auto; 
	transition: all 0.6s ease; }
.mobile-sub-nav li { display: inline-block; width: 100%; }
#catMenu { background-color: var(--secondary); color: var(--color-white); padding: 10px; }

/* Header styles */
.header { display: inline-block; width: 100%; background-color: var(--color-white); border-bottom: 1px solid rgba(0,0,0,0.1); }
.top-header { display: flex; align-items: center; justify-content: center; width: 100%; text-align: center; 
	background-color: var(--color-dark-grey); padding: 15px; }
.top-header .left-arrow, .top-header .right-arrow { display: inline-block; background: none; border: none; 
	padding: 0; margin: 0; color: #fff; line-height: 10px; }
.top-header .left-arrow { margin-right: 100px; }
.top-header .right-arrow { margin-left: 100px; }
.top-header .left-arrow:hover, .top-header .right-arrow:hover { color: var(--secondary); }
.top-header .material-symbols-outlined { font-size: 20px; line-height: 20px; }
.top-links .slick-list { width: 475px; }
.header .top-links { display: inline-flex !important; align-items: center; overflow: hidden; }
/*.top-links::-webkit-scrollbar { -webkit-appearance: none; display: none; }*/
.header .top-links li { display: inline-block; font-size: 14px; line-height: 20px; font-weight: 500; 
	color: var(--color-white); white-space: nowrap; border-right: solid 1px #fff; }
.header .top-links a { display: inline-block; font-size: 14px; line-height: 20px; font-weight: 500; 
	color: var(--color-white); text-decoration: none; margin: 0 20px; white-space: nowrap; 
	text-transform: uppercase; }
.header .top-links a:hover { color: #aaa; }
.logo { display: inline-block; margin: 15px 0; width: 234px; }
.header-right { display: inline-flex; float: right; align-items: center; padding: 25px 0; }
.header-right .input-group { max-width: 480px; width: 100%; position: relative; margin-right: 30px; }
.header-right .form-control { background-color: #D9D9D933; border: 1px solid #82828280; font-size: 12px; 
	line-height: 18px; padding: 13px 15px 13px 45px; border-radius: 4px 0 0 4px!important; }
.header-right .form-control + .form-control { padding: 13px 45px 13px 15px; border-radius: 0 4px 4px 0!important; }
.header-right .btn-secondary { padding: 11px 45px; margin: 0 15px; }
.header-right .toggle-nav { color: var(--primary); margin-right: 15px; text-decoration: none; }
.search-btn { position: absolute; right: 45px; top: 0px; background: none; border: none; padding: 0; margin: 0; }
.header-right .input-group .material-symbols-outlined { position: absolute; left: 10px; top: 10px; }
.app-download-btn { padding: 0; margin-right: 20px; height: 25px; }
.login-btn { color: var(--primary); white-space: nowrap; text-decoration: none; display: inline-flex; 
	align-items: center; padding: 0; }
.login-btn .material-symbols-outlined { margin-right: 5px; }
.notification_dd { margin-right: 20px; }
.notification_dd .btn-link { padding: 0; height: 25px; color: #0C5FFF; position: relative; }
.notification_dd .btn-link.new:after { content: ''; position: absolute; top: 3px; right: 2px; width: 9px; 
	height: 9px; border-radius: 5px; background-color: var(--secondary); }
.notification_dd .material-symbols-outlined { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; 
	font-size: 25px; }
.notification_dd .dropdown-menu { width: 400px; max-height: 500px; overflow-y: auto;; padding: 15px; 
	border: 1px solid #F1F5F9; border-radius: 16px; box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.25); }
.notification_dd .dropdown-menu li { display: flex; align-items: center; width: 100%; padding-bottom: 10px;
	margin-bottom: 10px; border: 1px solid #F8FAFC; border-radius: 12px; }
.notification_dd .dropdown-menu li:first-child { font-size: 12px; font-weight: 700; color: #94A3B8; }
.notification_dd .dropdown-menu li figure { margin-right: 15px; width: 15%; height: 48px; 
	border-radius: 50%; overflow: hidden; }
.notification_dd .dropdown-menu h5 { font-size: 14px; font-weight: 600; margin-bottom: 5px; }
.notification_dd .dropdown-menu p { font-size: 12px; font-weight: 400; margin-bottom: 0; }
.notification_dd .dropdown-menu .details { width: 85%; }
.notification_dd .dropdown-menu .details span { font-size: 10px; font-weight: 600; color: var(--secondary); }
.notification_dd .dropdown-menu .btns-group { display: flex; margin: 20px 0; justify-content: flex-start; gap: 10px; }
.notification_dd .nav-tabs { display: flex; align-items: center; gap:5px; }
.notification_dd .nav-tabs .nav-link { background: #F1F5F9; border: none; line-height: 14px;
	border-radius: 10px; padding: 6px 10px; color: var(--primary); font-weight: 500; font-size: 14px; }
.notification_dd .nav-tabs .nav-link.active, .notification_dd .nav-tabs .nav-link:hover { 
	background-color: #3B82F6; color: #fff; }
.notification_dd .dropdown-menu .nav-tabs .nav-item { display: inline-flex; width: auto; }

.dropdown-toggle { color: var(--primary); white-space: nowrap; text-decoration: none; display: inline-flex; 
	align-items: center; padding: 0; }
.dropdown-toggle .material-symbols-outlined { margin-right: 5px; }
.user_dd .dropdown-menu { width: 550px; box-shadow: 0px 10px 10px 0px #00000040; padding: 20px 20px 10px; 
	border-radius: 12px; }
.user_dd .dropdown-menu ul { display: flex; align-items: center; flex-wrap: wrap; }
.user_dd .dropdown-menu ul li { min-width: 50%; flex-basis: 50%; margin-bottom: 15px; }
.user_dd .dropdown-menu .material-symbols-outlined { font-size: 20px; background: #3B82F61A; padding: 10px; 
	border-radius: 10px; margin-right: 10px; }
.user_dd .dropdown-menu a { display: flex; align-items: center; color: var(--primary); text-decoration: none; }
.user_dd .dropdown-menu a:hover .material-symbols-outlined { background-color: var(--secondary); color: #fff; }
.user_dd .dropdown-menu a:hover { color: var(--secondary); }
.user_dd figure { display: inline-block; width: 30px; height: 30px; border-radius: 4px; overflow: hidden; 
	margin-right: 10px; }
.user_dd figure img { width: 100%; height: 100%; }
.user_dd .business-social { justify-content: center; margin: 15px 0; gap:35px; }


/* Navigation */
nav { display: inline-block; width: 100%; max-width: 245px; }
.nav .nav-item { position: relative; }
.nav .nav-link { font-size: 16px; line-height: 20px; font-weight: 600; color: var(--primary); padding: 10px 0; }
.nav .nav-link.active { color: var(--secondary); }
.nav .nav-link .material-symbols-outlined { float: right; font-size: 20px; }
.nav .nav-link:hover { color: var(--secondary); }
.nav .sub-nav { position: absolute; top: 0; left: 100%; background: #fff; display: none; width: 700px;
	z-index: 2; padding: 10px; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); 
	margin-left: 0px; }
.nav .nav-item:hover .sub-nav { display: block; }
.nav .sub-nav li { width: 24%; display: inline-block; }
.nav .sub-nav li a { padding: 7px 10px; border-radius: 5px; font-family: "Inter", sans-serif; }
.nav .sub-nav li a:hover { background-color: var(--secondary); color: var(--color-white); }

/* Hero Banner */
.home-slider { height: 417px; overflow: hidden; }
.home-slider .item { position: relative; }
.home-slider .item h5 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: auto;
	background: #00000066; padding: 10px 20px; text-align: left; font-size: 30px; line-height: 48px; font-weight: 700; color: #fff; 
	box-shadow: 0px 4px 4px 0px #00000040; }
.home-slider .slick-prev { left: 20px; bottom: 0; top: inherit; background-color: rgba(0,0,0,0.3); z-index: 1; 
	width: 40px; height: 40px; }
.home-slider .slick-next { right: 20px; bottom: 0; top: inherit; background-color: rgba(0,0,0,0.3); z-index: 1;
	width: 40px; height: 40px; }

/* Products Grid */
.section-block { display: inline-block; width: 100%; margin-top: 50px; margin-bottom: 20px;  }

.section-label { display: block; font-size: 16px; line-height: 40px; font-weight: 600; color: var(--secondary); 
	position: relative; padding-left: 36px; margin-bottom: 20px; }
.section-label:before { content: ''; position: absolute; left: 0; width: 20px; height: 40px; 
	border-radius: 4px; background-color: var(--secondary); }
.section-title { font-weight: 600; font-size: 36px; line-height: 48px; color: var(--primary); margin-bottom: 60px; }
.section-title .btn { float: right; }
.page-title { font-weight: 600; font-size: 24px; line-height: 36px; color: var(--primary); margin-bottom: 40px; 
	position: relative; }
.page-title:after { content:''; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); 
	width: 150px; height: 3px; background-color: var(--secondary); }
.products-grid figure { display: flex; align-items: center; justify-content: center; flex-direction: column; 
	width: 100%;  overflow: hidden; position: relative; transition: all 0.3s ease; }
.products-grid figure a { display: block; height: 100%; width: 100%; }
.products-grid figure img { height: 245px;  max-width: inherit; transition: all 0.3s ease;transform: scale(1); 
	width: 100%; }
/* .products-grid figure:hover { box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.25); } */
.products-grid figure:hover img { transform: scale(1.04); }
.badge.diagonal { white-space: nowrap; position: absolute; padding: 5px 100px; min-width: 260px;
	transform: rotate(-45deg) translate(-84px, -55px); color: white; text-align: center; text-transform: uppercase;
	font-size: 12px; top: 0px; box-sizing: border-box; left: 0; background-color: var(--secondary); }
.products-grid .price { display: flex; align-items: center; justify-content: space-between; width: 100%;
	background: #f8f8f8; padding: 10px; position: relative; z-index: 1; }
.products-grid .price p { color: var(--secondary); font-size: 20px; line-height: 28px; font-weight: 500; margin: 0; }
.products-grid .price .btn { text-decoration: none; padding: 0; color: var(--primary); gap:5px; display: flex; 
	align-items: center; }
.products-grid .price .btn:hover { color: var(--secondary); }
.products-grid .details { display: inline-block; width: 100%; padding: 10px; text-align: center; 
	margin-bottom: 50px;  }
.products-grid .product-name { color: var(--primary); font-weight: 500; font-size: 16px; 
	line-height: 24px; text-decoration: none; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical; overflow: hidden; }
.products-grid .category { color: var(--secondary); margin-bottom: 10px; font-weight: 500; font-size: 16px; 
	line-height: 24px; }
.products-grid .details p { font-size: 14px; line-height: 21px; }
.products-grid .col { flex-basis: 20%; max-width: 20%; flex-grow: inherit; }
.products-grid.inner-page .col { flex-basis: 25%; max-width: 25%; flex-grow: inherit; }
.product_item_container{height:400px; margin-bottom:30px; padding-top: 10px;}
/* Categories Section */
.categories-list { position: relative; }
.categories-list .item { text-align: center; padding: 0 5px; }
.categories-list .item img { height: 140px; margin: auto; }
.categories-list .item p { font-weight: 600; margin-top: 10px; }
.btn-left { position: absolute; top: -104px; right: 50px; }
.btn-right { position: absolute; top: -104px; right: 0; }
/* Why Choose Us */
.why-choose-us { background-color: rgb(244 244 245); padding: 50px 0 100px; }
.why-choose-us .section-title { font-weight: 600; font-size: 36px; line-height: 48px; 
	color: var(--primary); margin-bottom: 60px; text-align: center; font-size: 32px; }
.counters { display: inline-flex; align-items: center; justify-content: center; }
.counters .material-symbols-outlined { font-size: 73px; color: #1C1B1F; margin-right: 20px; }
.counters p { margin: 0 0 10px; font-size: 20px; line-height: 20px; font-weight: 600; }
.counters h3 { margin: 0; font-size: 36px; line-height: 48px; font-weight: 600; color: var(--secondary); }

/* Quick News */
.news-block { display: flex; background-color: #fff; box-shadow: 0px 7px 15px 0px #00000040;
	padding: 40px; border-radius: 10px; margin-bottom: 20px; text-decoration: none; color: var(--primary); }
.news-block:hover { color: var(--secondary); box-shadow: 0px 0px 0px 0px #00000040; }
.news-block figure { min-width: 126px; height: 126px; overflow: hidden; border-radius: 10px; margin-right: 35px; }
.news-block figure img { max-width: 100%; max-height: 100%; }
.news-block h5 { font-weight: 600; font-size: 20px; line-height: 28px; }
.news-block .date { color: #939393 }

/* Table list */
.table-list .table th, .table-list .table td { text-align: center; padding: 15px 10px; font-weight: 500; }
.table-list .table th { background-color: rgb(234 234 239); }
.table-list .form { box-shadow: none; border: none; padding: 0; margin: 0; }
.table-list .form .btn { padding: 10px 30px; min-width: inherit; box-shadow: none; float: right; width: 100%; }
.red-font { color: rgba(255, 0, 0, 1)!important; }
.green-font { color: var(--color-green)!important; }

/* News List */ 
.news-list { display: inline-block; width: 100%; }
.news-list figure { width: 100%; height: 260px; border: solid 1px rgb(234 234 239); }
.news-list .blog_item { text-align: center; padding: 0 10px; }
.news-list .blog_item img { height: 100%; max-width: 100%; margin: auto; object-fit: contain; }
.news-list .blog_item h5 { font-weight: 600; font-size: 24px;  }
.news-list .blog_item a { color: var(--primary); text-decoration: none; }
.news-list .blog_item a:hover { text-decoration: underline; }
.news-list .blog_item .details { display: flex; flex-direction: column; background-color: #F4F4F5; padding: 20px; height: 334px; display: flex; justify-content: center; align-items: center; }
.news-list .blog_item .details a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
	overflow: hidden;  }
.news-list .date { color: var(--secondary); }
.news-list .btn-link { color: var(--primary); justify-content: center; display: inline-flex; align-items: center; }
.news-list .btn-link:hover { color: var(--secondary); }
.news-list .btn-link input[type=checkbox] { display: none; }
.news-list .btn-link input[type=checkbox]:checked + .material-symbols-outlined { color: var(--secondary);
	font-variation-settings: 'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.news-list.blog-list .date { background-color: var(--secondary); color: var(--color-white); 
	padding: 10px; border-radius: 4px; }
.news-list.blog-list p { display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; font-size: 14px; }
.news-list.blog-list .labels { display: flex; align-items: center; justify-content: center; padding: 0px; font-size: 14px; }
.news-list.blog-list .labels label { display: inline-flex; align-items: center; margin: 0 15px; }
.news-list.blog-list .labels .material-symbols-outlined { margin-right: 5px; }
.material-symbols-outlined.fill-red {
    color: var(--secondary);
    margin-right: 10px;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.news-list-page .details .material-symbols-outlined{
	margin-right: 10px;
}
.news-list-page { display: inline-block; width: 100%; }
.news-list-page figure { width: 100%; height: 260px; border: solid 1px rgb(234 234 239); }
.news-list-page .item { text-align: center; padding: 0; margin-bottom: 20px; }
.news-list-page .item:hover {  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);  }
.news-list-page .item img { height: 100%;  object-fit: contain; }
.news-list-page .item h5 { font-weight: 600; font-size: 24px; line-height: 32px; }
.news-list-page .item a { color: var(--primary); text-decoration: none; }
.news-list-page .item a:hover { text-decoration: underline; }
.news-list-page .item .details { display: flex; flex-direction: column;align-items: center; justify-content: center; min-height: 365px; background-color: #F4F4F5; padding: 10px; }
.news-list-page .item .details a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
	overflow: hidden;}
.news-list-page .date { color: var(--secondary); }
.news-list-page .item .details .labels a { min-height: inherit; } 
.news-list-page .item .details h5 + p {     display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 66px; }
.tooltip.show { z-index: 999; }
.modal-footer .btns-group .btn-primary { width: 100% }
label a {
    color: var(--primary);
    text-decoration: none;
}
label span {
    color: var(--primary);
    text-decoration: none;
}
.follow-unfollow-item{
	width:50%;
	margin:0 auto;
}
.news-list-page .labels { display: flex; align-items: center; justify-content: space-between; padding: 15px; }
.news-list-page .labels label { display: inline-flex; align-items: center; margin: 0 15px; }
.news-list-page.blog-list .date { background-color: var(--secondary); color: var(--color-white); 
	padding: 10px; border-radius: 4px; }
.news-list-page.blog-list p { display: inline-flex;  justify-content: center; margin-top: 10px; }

.material-symbols-filled {
    font-variation-settings: 'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;
}
/* Testimonials */
.video-grid a { display: block; position: relative; margin-bottom: 20px; }
.video-grid img { height: 100%; width: 100%; }
.video-grid .material-symbols-outlined { position: absolute; top: 50%; left: 50%; 
	transform: translate(-50%,-50%); color: var(--color-white); font-size: 75px; }
.video-grid .col-lg-4 a { height: 100%; }

/* Contact Form */
.form { display: inline-block; width: 100%; box-shadow: 0px 35px 24px 0px #00000026; 
	border-radius: 16px; padding: 50px; }
.form-group { margin-bottom: 24px; }
.form-group label { font-size: 18px; font-weight: 500; color: #415161; margin-bottom: 5px; }
.form-group .form-control { border: 1px solid #000000; border-radius: 12px; padding: 16px; 
	font-size: 16px; line-height: 22px; background-color: var(--color-white); }
.mandatory { color: rgba(219, 68, 68, 1)!important; }
.form .btn-secondary { min-width: 235px; box-shadow: 0px 14px 24px 0px #00000040; justify-content: center; }
.contact-us { margin-bottom: 150px; }
.contact-us .address { display: flex; justify-content: flex-start; margin-top: 20px; }
.contact-us .address .material-symbols-outlined { margin-right: 25px; }
.contact-us figure { margin-bottom: 20px; display: inline-block; width: 100%; }
.parsley-errors-list { display: block; margin-top: 5px; }

/* Footer */
.footer { background-color: #2E2C5D; color: #FFFFFF; padding: 50px 20px 15px 20px; position: relative; }
.footer-column { margin-bottom: 20px; }
.footer-column h3 { margin-bottom: 15px; font-size: 21px; letter-spacing: 1px; 
    text-transform: uppercase; font-weight: 600; }
.footer-column h4 { margin-bottom: 20px; font-size: 20px; line-height: 28px; text-transform: capitalize;
    font-weight: 500; }
.footer-column p { font-size: 16px; line-height: 1.7; color: #fff; }
.footer-column figure { margin-bottom: 10px; }
.social-icons { display: flex; align-items: center; gap:27px; margin-top: 30px; }
.newsletter { display: flex; flex-direction: column; margin-right: 20px; }
.newsletter p { margin-top: 20px; }
.newsletter h3 { margin-top: 25px; font-size: 20px; letter-spacing: 1px; font-weight: 500; 
    text-transform: none; }
.newsletter .input-container { position: relative; height: 48px; }
.newsletter .input-container input { width: 100%; height: 100%; padding: 12px 45px 12px 16px;
    border: 1.7px solid #FAFAFA; border-radius: 4px; font-weight: 400; color: #fff;
    font-size: 16px; line-height: 24px; outline: none; background-color: #2E2C5D; }
.newsletter .input-container input::placeholder { color: #FAFAFA; opacity: 0.5; }
.newsletter .input-container span { position: absolute; right: 10px; top: 50%; 
    transform: translateY(-50%); cursor: pointer; }
.footer-links { margin-top: 10px; list-style: disc; padding: 0 0 0 25px; }
.footer-links li { margin-bottom: 12px; list-style: disc;  }
.footer a { color: #FFFFFF; font-size: 16px; opacity: 1; text-decoration: none; }
.footer a:hover { text-decoration: underline; opacity: 0.7; }
.footer-download-app { display: none; align-items: center; justify-content: space-between; 
	background-color: white; padding: 15px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; }
.footer-download-app .logo { margin: 0; margin-right: auto; }
.footer-download-app .btn-close { margin-right: 10px; }

/* Modal Form */
.modal-form { display: inline-block; width: 100%; }
.modal-form .input-group { width: 100%; margin-bottom: 25px; }
.modal-form .input-group .form-control { width: 35%; }
.modal-form .input-group .form-control + .form-control { width: 65%; }
.modal-form .input-group .form-control { background-color: #D9D9D933; border: 1px solid #82828280; 
	padding: 10px 15px; }
.modal-form .form-group .form-control { background-color: #D9D9D933; border: 1px solid #82828280; 
	padding: 10px 15px; border-radius: 4px; }
.modal-form .form-group label { font-size: 16px; line-height: 20px; font-weight: 400; }
.modal-footer .btn-secondary { width: 100%; justify-content: center; }
.modal-header { padding: 30px  15px 15px; position: relative; }
.modal-header .modal-title { font-size: 24px; color: var(--primary); font-weight: 500; width: 100%; text-align: center; }
.modal-header .btn-close { position: absolute; top: 20px; right: 20px; color: var(--primary); }
.modal-body { padding: 35px; }
.modal-body small { margin-top: 5px; display: flex; align-items: center; color: #7D8184; }
.modal-body small .material-symbols-outlined { font-size: 12px; }
.modal-footer { padding: 0px 50px 30px; text-align: center; border: none; display: block;}
.modal-footer p { width: 100%; margin-top: 20px; color: var(--secondary); }
.modal-footer img { margin: auto; }
.error-msg .form-control, .modal-form .error-msg .form-control { border-color: var(--secondary); }
.error-msg .error-icon, .modal-form .error-msg .error-icon { color: var(--secondary); 
	position: absolute; right: 8px; top: 11px; cursor: pointer; }

/* Custom Scroll Bar Thin */
.custom-scrollbar-thin { scrollbar-color: var(--secondary); scrollbar-width: thin; }
.custom-scrollbar-thin::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #eee; }
.custom-scrollbar-thin::-webkit-scrollbar { width: 5px; background-color: #e5e5e5; }
.custom-scrollbar-thin::-webkit-scrollbar-thumb { background-color: var(--primary); border-radius: 0; }
.about-us-head{margin-top:30px;}
/* Filters */
.filters { display: inline-block; width: 100%; margin-top: 0px; }
.filter-list { display: inline-block; width: 100%; }
.filter-list li { margin-bottom: 10px; }
.accordion .accordion-body { max-height: 300px; overflow-y: auto; }
.accordion-button:focus { box-shadow: none; }
.accordion-button:not(.collapsed) { background: rgba(219, 68, 68, 0.2); border-color: rgba(219, 68, 68, 0.2);; }
.accordion-button::after { width: 14px; height: 14px; background-size: cover; }

/* Custom Checkbox */
.custom-chxbox { display: inline-flex; align-items: center; width: 100%; }
.custom-chxbox input[type=checkbox] { display: none; }
.custom-chxbox span { display: inline-block; width: 20px; height: 20px; border-radius: 4px; 
	border: 1px solid #000000; margin-right: 10px; position: relative; }
.custom-chxbox input[type=checkbox]:checked + span { background-color: rgba(37, 99, 235, 1); 
	border-color: rgba(37, 99, 235, 1); }
.custom-chxbox input[type=checkbox]:checked + span:after { content: ''; width: 10px; height: 5px; 
	border-left: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(-45deg); position: absolute; 
	top: 5px; left: 4px; }
.mtop50{  margin-top: 50px;}

/* Product Details */
.breadcrumb { margin-bottom: 30px;   }
.breadcrumb li  a { color: var(--primary); }
.product-slider { display: flex; width: 100%; gap: 20px; }
.product-slider .slider-nav { display: inline-block; width: 170px; flex-basis: 170px; }
.product-slider .slider-nav .slick-track .item { overflow: hidden; background: rgba(245, 245, 245, 1); 
	padding: 15px; margin-bottom: 15px; width: 100%; }
.product-details-page .product-slider .slider-nav figure { display: inline-block; height: 140px; }
.product-details-page .product-slider .slider-nav figure img { transform: scale(1); width: 100%; height: 140px; }
.product-slider .slider-for { display: flex; align-items: center; justify-content: center; height: 600px;
	width: 70%; flex-basis: 70%; background: rgba(245, 245, 245, 1); padding: 20px; }
.product-slider .slider-for .slick-list { height: 100%; }
.product-slider .slider-for .slick-track { height: 100%; }
.product-slider .slider-for figure { height: 100%; display: flex; align-items: center; justify-content: center; }
.product-slider .slider-for figure img { max-width: 100%; max-height: 100%; }
.product-slider .slick-initialized .slick-slide { text-align: center; }
.product-slider .slick-slide img { height: 100%;width: 100%; }
.product-details-page h2 { font-size: 24px; line-height: 24px; font-weight: 600; margin-bottom: 30px; }
.product-details-page h5 { font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 15px; 
	color: var(--secondary); }
.product-details-page .details p { font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 15px; }
.product-details-page .details p span { font-weight: 400; }
.product-details-page .color { display: inline-block; width: 20px; height: 20px; vertical-align: middle; 
	margin: 0 5px; }
.product-details-page .color input[type=radio] { display: none; }
.product-details-page .color input[type=radio] + span { display: inline-block; width: 20px; height: 20px; 
	border-radius: 10px; }
.product-details-page .color input[type=radio]:checked + span { border: solid 2px #000; }
.product-details-page hr { color: #000; margin: 30px 0; }
.product-details-page .updates { display: flex; width: 100%; }
.product_detail_keys{min-width: 100px;}
.product-details-page .updates .material-symbols-outlined { font-size: 40px; margin-right: 15px; }
.product-details-page .updates h5 { color: var(--primary); margin-bottom: 0; }
.product-details-page .updates h5 p { font-size: 16px; font-weight: 400; }
.like-share { display: flex; align-items: center; }
.like-share li { display: inline-flex; align-items: center; margin-right: 50px; }
.like-share li a { display: inline-flex; align-items: center; text-decoration: none; color: var(--primary); }
.like-share .material-symbols-outlined { margin-right: 10px; }
.company { display: flex; border-radius: 20px; background-color: #fff; height: 150px; width: 100%; 
	box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.25); padding: 18px; position: relative; margin: 100px 0; }
.company figure { display: flex; align-items: center; justify-content: center; width: 158px; height: 158px; 
	background-color: #fff; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 20px; 
	margin-right: 20px; padding: 20px; }
.company figure img { max-width: 100%; max-height: 100%; }
.company .company-details { display: inline-block; width: 100%; }
.company .company-details h6 { font-weight: 500; margin-top: 20px; }
.company .company-details .material-symbols-outlined { font-size: 16px; }
.company .company-details small { margin-bottom: 10px; display: inline-block; }
.company .social .btn-link { margin: 7px 5px; text-decoration: none; display: inline-flex; border-radius: 5px;
	background: rgba(240, 246, 254, 1); color: var(--primary); }
.company .social .btn-link.wa { background-color: rgba(199, 245, 188, 1); }
.company .social .material-symbols-outlined { margin-right: 5px; }
.company .qr-app-details { display: flex; align-items: center; justify-content: center; gap:20px; }
.company.contact-buyer figure { border: solid 1px var(--secondary); position: relative; }
.company.contact-buyer figure .material-symbols-outlined + span, 
.company.contact-buyer figure img + span { position: absolute; right: 15px; bottom: -20px; 
	background-color: var(--secondary); 
	padding: 10px 20px; border-radius: 10px; color: var(--color-white); }
/*.company.contact-buyer .social { position: static; display: flex; align-items: center; margin-top: 20px; }*/
.company.contact-buyer .btn-primary { background-color: var(--color-blue); padding: 10px 20px; }
.company.contact-buyer .btn-primary .material-symbols-outlined { vertical-align: text-bottom; margin-right: 10px; }
.company-details .btn-link, .contact-buyer-seller-button{display: inline-flex; align-items: center;}
/* Add Post Page */
.form-group.radio-group { display: flex; align-items: center; justify-content: center; gap:15px; margin-bottom: 40px; }
.custom-radio { display: flex; align-items: center; margin: 0 10px; }
.custom-radio input { display: none; }
.custom-radio input + span { display: inline-block; width: 20px; height: 20px; margin-right: 10px;
    border: solid 7px #CBD5E1; border-radius: 50%; background: var(--color-white); }
.custom-radio input:checked + span { border-color: #2563EB; }

.add-form { margin-bottom: 100px; }
.add-form .form-control { border: 1px solid rgba(59, 130, 246, 0.5); }
.add-form .form-group label { margin-bottom: 10px; }
.add-form .input-group { display: flex; gap:20px; margin-bottom: 24px; flex-wrap: nowrap; }
.add-form .input-group .form-control { border: 1px solid rgba(59, 130, 246, 0.5); border-radius: 12px!important; 
	padding: 16px; font-size: 16px; line-height: 22px; }
.add-form .custom-chxbox { width: auto; margin-bottom: 30px!important; margin-right: 20px; }
.add-form .file-group .form-control { width: 40%; }
.add-form .icon-group { gap:0; }
.add-form .icon-group .form-control { border-radius: 0 12px 12px 0!important; }
.add-form .icon-group .input-group-text { width: 5%; border: 1px solid rgba(59, 130, 246, 0.5); 
	background-color: var(--color-white); justify-content: center; }
.add-form .edit-group .btn-link { color: var(--primary); }
.add-form .form-control[readonly] { background: rgba(242, 242, 242, 1); border: 1px solid rgba(59, 130, 246, 0.5); }

.custom-file-upload { display: flex; width: 100%; justify-content: flex-start;
	 padding: 0; }
.custom-file-upload img { width: 30px; height: 30px; margin-right: 5px; display: inline-block; }
.custom-file-upload label { display: flex; align-items: center; width: auto!important; padding: 10px; 
	margin-bottom: 0!important; }
.custom-file-upload label .material-symbols-outlined { margin-right: 10px; }
.custom-file-upload input { display: none; }
.custom-file-upload label.title { margin-bottom: 0; width: 30%!important;
	border: 1px solid rgba(59, 130, 246, 0.5); border-radius: 12px 0 0 12px; }
.custom-file-upload .drop-area { background: rgba(239, 246, 255, 1); border: 1px solid rgba(59, 130, 246, 0.5); 
	padding: 10px; width: 70%; border-radius: 0 12px 12px 0; display: flex; align-items: center; }
.custom-file-upload .drop-area label { font-size: 12px; color: rgba(15, 23, 42, 1); padding: 0 0 0 10px; font-weight: 600; }
.custom-file-upload .drop-area label small { font-size: 10px; color: rgba(100, 116, 139, 1); }

.avatar-upload { position: relative;  margin: 0; border: 1px solid rgba(59, 130, 246, 0.5); 
    border-radius: 12px;  }
.avatar-upload .avatar-edit { position: absolute; right: 12px; z-index: 1; top: 10px; }
.avatar-upload .avatar-edit input { display: none; }
.avatar-upload .avatar-edit input + label { display: flex; align-items: center; justify-content: center; 
    width: 34px; height: 34px; margin-bottom: 0;
    border-radius: 100%; background: var(--secondary); border: 1px solid rgba(59, 130, 246, 0.5); 
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); cursor: pointer; font-weight: normal; 
    transition: all 0.2s ease-in-out; color: #fff; }
.avatar-upload .avatar-edit input + label:hover { background: #000; border-color: #d6d6d6; }
.avatar-upload .avatar-edit .material-symbols-outlined { color: var(--color-white); margin: 0; font-size: 20px; }
.avatar-upload .avatar-preview { width: 192px; height: 192px; position: relative; border-radius: 100%;
    border: 6px solid #F8F8F8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); }
.avatar-upload .avatar-preview > div { width: 100%; height: 100%; border-radius: 100%; background-size: cover;
    background-repeat: no-repeat; background-position: center; }


/* Business Prodile */
.business-profile .btn { padding: 10px 30px; white-space: nowrap; display:flex; min-width: 150px; }
.business-profile .btns-group { gap:20px; margin-top: 0; margin-bottom: 20px;  min-width: 320px;}
.profile { text-align: center; }
.profile figure { margin-bottom: 20px; }
.profile figure img { height: 170px; }
.business-social { display: flex; align-items: center; margin: 15px 0; gap:20px;  }
.white-block { display: inline-block; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.05); 
	padding: 25px 80px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); }
.white-block p { display: flex; align-items: center; }
.white-block a { text-decoration: none; color: #000; }
.white-block p .material-symbols-outlined { margin-right: 10px; font-size: 20px; }
.white-block h5 { margin-bottom: 15px; }
.profile-name { display: flex; align-items: center; margin-bottom: 15px; font-size: 20px; font-weight: 500; }
.profile-name img { width: 30px; height: 30px; margin-right: 10px; display: inline-block; }
.business-profile .like-share li { margin-right: 15px; white-space: nowrap; }
.business-profile .like-share li a { text-decoration: none; color: #000; display: flex; align-items: center; }
.page-tabs .nav-tabs { justify-content: center; border:none; }
.page-tabs .nav-tabs .nav-link { font-weight: 500; font-size: 16px; line-height: 30px; padding: 20px; 
	border: none; border-bottom:solid 3px #fff; }
.page-tabs .nav .nav-link.active { color: var(--primary); border-bottom:solid 3px rgba(37, 99, 235, 1); }
.page-tabs .nav-tabs .nav-link span { width: 30px; height: 30px; background: var(--secondary); 
	color: var(--color-white); line-height: 30px; text-align: center; display: inline-block; margin-left: 5px; }
.page-tabs .tab-content>.tab-pane { padding: 75px 20px; }
.tab-content > .tab-pane .btn-blue { width: 100%; justify-content: center; }
.business-details { display: inline-block; width: 100%; padding-left: 30px; }
.business-details li { list-style: disc; margin-bottom: 15px; padding-bottom: 15px; 
	border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.business-details li::marker { color: var(--secondary); }
.business-details p { margin-bottom: 5px; color: var(--secondary); }
#profile .business-img, #profile .business-img img { width: auto; height: auto; max-width: 100%; }
#profile figure { box-shadow: none; }
#profile figure img, #profile figure:hover img { transform: scale(1);  }

.content-page { padding-bottom: 100px; }
.content-page h5 { font-size: 24px; color: var(--secondary); margin-bottom: 20px; margin-top: 50px; }

.notif-item { display: flex; align-items: center; padding: 30px 15px; position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
.notif-item.following-item { padding: 30px 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
.notif-item a { text-decoration: none; color: #ED1C24;}
.notif-item figure { width: 80px; height: 80px; border-radius: 50%; background-color: var(--color-white); 
	margin-right: 25px; }
.notif-item figure img{ width: 80px; height: 80px; border-radius: 50%; }
.notif-item .details { padding-right: 55px; }
.notif-item.following-item .details { padding-left: 30px; }
.notif-item span { color: var(--secondary); margin-bottom: 10px; display: inline-block; }
.notif-item h4 { color: var(--color-light-blue); font-size: 20px; }
.notif-item p { color: rgba(102, 102, 102, 1); }
/* .notif-item .btn-link { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } */
.notif-item.following-item .btn-link { transform: translateY(-50%); color: var(--primary);  }
.notif-item .btn-link:hover { color: var(--secondary); }
.turnover-title { background: rgba(229, 246, 255, 1); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
	font-size: 32px; font-weight: 500; line-height: 40px; padding: 15px; text-align: center; margin-bottom: 30px; }
.turnover-group label { font-weight: 600; font-size: 20px; width:20%; text-align: right; padding: 16px 30px 16px 16px; }

/* Busniess Plans */ 
.business-plans { margin: 50px 0 100px; }
.business-plans .plans { display: inline-block; width: 100%; padding: 20px; border-radius: 20px 0 20px 0; 
	margin-top: 30px;  }
.business-plans .plans h4 {    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin: 35px 0;
    background: #ebe8e8;
    width: 100%;
    padding: 17px;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.25);
	}
.business-plans .price-circle { display: flex; align-items: center; justify-content: center; 
	width: 160px; height: 160px; margin: 30px auto; border-radius: 50%; background-color: var(--color-white); 
	flex-direction: column; }
.business-plans .price-circle p:first-child { color: rgba(59, 130, 246, 1); }
.business-plans .price-circle p:last-child { color: rgba(219, 68, 68, 1); }
.business-plans .check .material-symbols-outlined { color: rgba(9, 183, 29, 1); margin-right: 10px; }
.business-plans .uncheck .material-symbols-outlined { color: rgba(219, 68, 68, 1); margin-right: 10px; }
.business-plans ul { min-height: 480px; }
.business-plans ul li { display: flex; align-items: center; margin-bottom: 10px; }
.business-plans ul li .material-symbols-outlined { margin-right: 10px; }
.business-plans .plan1 {background: #fff; border: rgba(37, 99, 235, 1) solid; }
.business-plans .plan2 { background: rgba(59, 130, 246, 0.2); }
.business-plans .plan3 { background: rgba(59, 130, 246, 0.1); }
.business-plans .plan4 { background: rgba(59, 130, 246, 0.2); }
.business-plans .plan5 { background: rgba(59, 130, 246, 0.1); }
.business-plans .cost-ddetails { display: flex; background-color: var(--color-dark-grey); padding: 15px; 
	text-align: center; flex-direction: column; justify-content: center; border-radius: 20px 0 20px 0; margin: 30px 0; min-height: 100px; }
.business-plans .cost-ddetails p:first-child { color: #fff; }
.business-plans .cost-ddetails p:last-child { color: #fff; font-weight: 600; }

.add-post-btn { position: fixed; width: 90px; top: 70%; right: 0; transform: translateY(-50%); 
	padding: 20px 30px; transition: all 0.5s ease; z-index: 99; display: flex; white-space: nowrap; }
.add-post-btn .text { white-space: nowrap; opacity: 0; }
.add-post-btn:hover { width: 165px; }
.add-post-btn:hover .text { white-space: nowrap; opacity: 1; }

.scroll-top-btn { display: none; position: fixed; bottom: 50px; right: 50px; padding: 10px 10px 5px; 
	transition: all 0.3s ease; z-index: 99; opacity: 0.5; }
.scroll-top-btn:hover { opacity: 1; background-color: var(--secondary); }
.scroll-top-btn .material-symbols-outlined { margin: 0; }

.video-gallery .white-block { padding: 20px; }
.video-gallery .white-block h4 { font-size: 18px; margin: 20px 0; }
.sitemap-links { display: inline-block; width: 100%; }
.sitemap-links a { color: var(--primary); display: flex; align-items: center; margin-bottom: 20px; 
	text-decoration: none; transition: all 0.3s ease; }
.sitemap-links a .material-symbols-outlined { font-size: 18px; margin-right: 10px; }
.sitemap-links a:hover { color: var(--secondary); text-decoration: underline; }
.sitemap-links a:hover .material-symbols-outlined { margin-right: 15px; }


/* Grid Details Page */
.grid-details figure { width: 100%; height: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 30px; }
.grid-details figure img { width: 100%; height: auto; object-fit: contain; }
.grid-details h5 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.grid-details .labels { justify-content: flex-start; gap:20px; padding: 20px 0; background-color: #efefef; }
.grid-details .labels .date { margin-left: auto; margin-right: 20px; }
.grid-details .btns-group { justify-content: flex-end; }
.grid-details .btns-group .material-symbols-outlined { color: var(--color-white); margin: 0; }
.grid-details strong { font-size: 20px; margin-bottom: 10px; display: block; }
.grid-details .details { line-height: 20px; }
.more-stories { display: inline-block; width: 100%; margin-top: 20px; }
.more-stories li { display: block; margin-bottom: 20px; }
.more-stories li a { display: flex; text-decoration: none; color: var(--primary); }
.more-stories li a .material-symbols-outlined { margin-right: 10px; font-size: 20px; }
.more-stories li a:hover { color: var(--secondary); }

.event-dates { display: flex; align-items: center;justify-content: center; padding: 20px; margin: 20px 0;
	background-color: var(--secondary); color: var(--color-white); font-size: 24px; font-weight: 600; gap:20px; }
.event-dates + p { font-size: 20px; display: flex; align-items: center; justify-content: center; }


/* INterested Users Modal */
.view_box { display: inline-block; width: 100%; margin-bottom: 0px; border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); 
	padding: 15px 0px;  text-align: left;position: relative; }
.view_box a { display: flex; align-items: center; text-decoration: none; color: #000; }
.view_box p { word-break: break-word;}
.view_box .subscription-frame { margin-right: 15px; text-align: center;width: 70px;
    min-width: 70px; }
.view_box .frame-border { width: 50px; height: 50px; border-radius: 50%; 
	border: solid 2px #fff; overflow: hidden; margin: auto; }
.view_box .frame-border.image-border { width: 100px; height: 100px; }
.view_box .subscription-label { text-align: center; border-radius: 12px; color: #fff; position: relative;
	top: -15px; font-size: 12px; } 
.view_box h5 { font-size:18px; }
p.logout-text{ margin-bottom: 0px !important; text-align: center; }
.follow-button { padding: 6px 10px; border-radius: 10px; box-shadow: none; border: none; }
.business-review-modal { padding-bottom: 30px; }
.toast-success { background-color: #fff !important; }
.toast-message{ color:#000; }
body #toast-container>.toast-success { background-image: url('https://cdn2.iconfinder.com/data/icons/greenline/512/check-512.png')!important; background-size: 25px 25px; }
#toast-container>.toast-success { background-color: #51A351; border-radius: 10px; }
.toast-close-button { right: -0.3em !important; font-size: 24px !important; font-weight: 400 !important;
	color: #000 !important; }
#toast-container.toast-bottom-right > .toast-error{
	background-image: url('https://static-00.iconduck.com/assets.00/tab-close-icon-512x512-6iqljpbc.png')!important; 
	background-size: 20px 20px; }
.toast-error { background-color: #fff !important; border-radius: 10px 10px !important; }
#toast-container button.toast-close-button { top:0!important; }
#suspendedModal .modal-body ul li { margin:20px 10px 30px 30px; }

.modal .close { position: absolute; top: 10px; right: 10px; background:none; border: none; font-size: 30px; 
	color: rgba(0, 0, 0, 0.5); }
.section-block.following .notif-item a { display: inline-block; color: var(--primary); }
.section-block.following .view_box { box-shadow: none; border: none; padding: 0; margin-right: 0px; width: auto; }
.section-block.following .notif-item .btn-link:hover { color: #fff; }

#productList ul { background-color: #fff; border-radius: 12px; border: 1px solid rgba(59, 130, 246, 0.5); }
#productList li { padding: 0!important; }
#productList a { display: block; padding: 10px; text-decoration: none; color: var(--primary); }
#productList a:hover { background-color: var(--secondary); color: var(--color-white)!important; }
.news-box1-title a {color:#000; font-size:24px;}
.news-box1-title a h6{color:#000; font-size:24px;}
.item h5 a { color: #000; font-size:24px; }

#viewedUserList .view_box {text-align: LEFT;}
#viewedUserList .view_box P {margin-bottom: 0PX;}
.news-box1-title{display: flex; flex-direction: column;  background-color: #F4F4F5; padding: 20px; min-height: 110px;}
/*.item{display: flex; flex-direction: column;  background-color: #F4F4F5; padding: 20px;}*/

.select2-container { width: 100%!important; }
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { 
	border: 1px solid rgba(59, 130, 246, 0.5)!important; height: auto!important; border-radius: 12px!important;
	padding: 16px; font-size: 16px; line-height: 22px; background-color: var(--color-white)!important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%!important; 
	transform: translateY(-50%); right: 10px!important; }
.cropper-bg { width: 100%!important; height: 400px!important; }
.img-container .preview { width: 100%!important; height: 240px!important; }
.img-container .preview img { width: 100%!important; height: 100%!important; }

.swal-footer { display: flex; align-items: center; justify-content: center; padding: 20px 20px 50px; }
.swal-button.swal-button--cancel { background-color: var(--primary); color: var(--color-white); 
	font-size: 16px; line-height: 24px; font-weight: 500; padding: 16px 45px; }
.swal-button.swal-button--cancel:hover { background-color: var(--secondary); color: var(--color-white); }
.swal-button.swal-button--confirm { background-color: var(--secondary); color: var(--color-white);
	font-size: 16px; line-height: 24px; font-weight: 500; padding: 16px 45px; }
.swal-button.swal-button--confirm:hover { background-color: var(--primary); color: var(--color-white); }

.swal2-show { display: flex!important; align-items: center; width: 450px!important; padding: 0!important; }
.swal2-show .swal2-success-circular-line-right { display: none!important; }
.swal2-show .swal2-success-fix { display: none!important; }
.swal2-show .swal2-success-circular-line-left { display: none!important; }
div:where(.swal2-icon).swal2-success { float: left; margin: 25px!important; padding: 0; }
.swal2-show .swal2-title { padding: 0!important; }
.tokenfield .token-input { width: auto!important; }
.media {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 70px !important;
    position: relative;
}
.media:last-child{border:none !important;}
.user-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    position: absolute;
    left: 0;
}
.rating {
    display: block !important;
}
.view_box .info_box { width: 100% }

.footerqrcode{
	display: flex;
    align-items: center;
}
.footerqrcode figure{
	
    margin-right: 15px;
}
.quick-news-detail a.news-block .details p{
	margin-bottom:10px;
}
.intrested-button{width: 100%; display: block;}
.material-symbols-outlined.intrested-filled {
    color: #ffffff;
    margin-right: 10px;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
/* -------------------------------------------------------
				RESPONSIVE CSS
--------------------------------------------------------*/

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1599.98px) { 
	.home-slider { height: 350px; }
	.business-profile .like-share li { margin: 0 0 10px; }
	.products-grid .col { max-width: 25%; flex-basis: 25%; }
	.products-grid.inner-page .col { max-width: 33%; flex-basis: 33%; }


 }

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	.login-btn { width: 45px; overflow: hidden; }
	.home-slider { height: 250px; }
	.why-choose-us .section-title, .section-title { margin-bottom: 20px; }
	.counters { margin-bottom: 20px; width: 100%; }
	.counters .material-symbols-outlined { font-size: 40px; }
	.counters p { font-size: 16px; margin-bottom: 0; }
	.counters h3 { font-size: 30px; }
	.why-choose-us { padding: 30px 0; margin-bottom: 0; }
	.why-choose-us .col { max-width: 20%; flex-basis: 20%; flex-grow: 1; }
	.page-tabs .nav-tabs { overflow: hidden; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; }
	.page-tabs .nav-tabs .nav-link { white-space: nowrap; }
	.add-form .icon-group .input-group-text { width: 10%; }
	.add-form .icon-group .input-group-text + .form-control { width: 90%; }
	.product-slider .slider-nav { width: 120px; }
	.like-share { width: 100%; gap:15px; }
	.like-share li { width: 50%; flex-basis: 50%; margin: 0 0 10px; white-space: nowrap; }
	.like-share li:last-child { width: 100%; flex-basis: 100%; justify-content: center; }
	
	.product-details-page .like-share li { width: 50%; flex-basis: 50%; justify-content: flex-start; }
	
 }

 @media only screen and (max-width:667px){
	.like-share .material-symbols-outlined{
		margin-right: 1px;
	}
 }

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	.logo { margin-bottom: 0 }	
	.hero-banner nav { display: none; }
	.product-slider .slider-for figure{height: 300px;}
	.login-btn { width: 25px; overflow: hidden; }
	.header-right { width: 100%; justify-content: center; }
	/* .user_dd { position: absolute; top: 20px; right: 15px; } */
	.user_dd .dropdown-toggle span { display: none; }
	.user_dd figure { margin-right: 0; }
	.user_dd .dropdown-menu { width: 350px; }
	.user_dd .dropdown-menu ul li { margin-bottom: 10px; }
	.user_dd .dropdown-menu a { font-size: 12px; }
	.user_dd .dropdown-menu .material-symbols-outlined { padding: 8px; }
	
	.products-grid .col { max-width: 50%; flex-basis: 50%; }
	.products-grid .details { margin-bottom: 20px; }
	.why-choose-us .section-title, .section-title { font-size: 30px; line-height: 40px; margin-bottom: 30px; }
	.btns-group { margin: 15px 0; gap: 30px; }
	.section-block { margin-top: 30px; margin-bottom: 10px; padding-bottom: 40px; }
	body .add-post-btn { padding: 10px; width: 50px; }
	body .add-post-btn:hover { width: 130px; }
	.why-choose-us { padding: 30px 0; margin-bottom: 0; }
	.why-choose-us .col { max-width: 33%; flex-basis: 33%; flex-grow: 1; }
	.why-choose-us .col:nth-child(4), .why-choose-us .col:nth-child(5) { max-width: 50%; flex-basis: 50%; }
	body, html { font-size: 14px; }
	table, thead, tbody, th, td, tr { display: block; }
	thead tr { position: absolute; top: -9999px; left: -9999px; }
	tr { margin-bottom: 20px; border: 1px solid #ddd; }
	td { border: none; position: relative; padding-left: 50%; }
	td:before { position: absolute; left: 6px; content: attr(data-label); font-weight: bold; 
		background-color: rgb(234 234 239); width: 45%; padding: 0px 10px; height: auto; }
	.table-list .table th, .table-list .table td { padding: 5px 10px 5px 50%; text-align: left; }
	.video-grid a { height: 270px; margin-bottom: 15px; }
	.video-grid .col-lg-4 { display: none; }
	.form { padding: 15px; margin-bottom: 60px; }
	.form-group { margin-bottom: 15px; }
	.form-group label { font-size: 14px; }
	.form-group .form-control { font-size: 14px; padding: 12px 15px; }
	.contact-us figure { width: 75%; text-align: center; margin: auto; display: block; }
	.contact-us .address .material-symbols-outlined { margin-right: 15px; }
	.contact-us .address p { margin-bottom: 0; }
	.footer { padding: 20px 5px 85px; }
	.footer-column { max-width: 50%; flex-basis: 50%; }
	.accordion { margin-bottom: 30px; display: flex; flex-wrap: wrap;  }
	.accordion .accordion-item { width: 25%; margin-bottom: 20px; }
	.products-grid.inner-page .col { max-width: 33%; flex-basis: 33%; }
	.product-details-page .details { margin-top: 30px; }
	.product-details-page .company .social { position:static; margin:25px auto 10px; }
	.product-details-page .company .qr-app-details { flex-wrap: wrap; }
	.product-details-page .company .qr-app-details h4 { width: 100%; text-align: center; margin-bottom: 0; }
	.product-details-page .like-share li { width: 50%; flex-basis: 50%; justify-content: flex-start; }
	.product-slider .slider-for {height: 300px;}
	.company {margin: 30px 0;}
	.company .social .btn-link {margin: 5px 5px;}
	.company {height: auto;flex-direction: column;justify-content: center;align-items: center;}
	.company.contact-buyer .btn-primary {padding: 10px 4px; width:100%;position:static;}
	.btn-primary {font-size: 13px;}
	.grid-details figure {height: 270px; display: flex; align-items: center;}
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	.home-slider .item h5 { font-size: 12px; line-height: 18px; top: 45%; }
	.home-slider .slick-prev { width: 28px; height: 22px; left: 10px; padding-bottom: 10px; }
	.home-slider .slick-next { width: 28px; height: 22px; right: 10px; padding-bottom: 10px; }
	.app-download-btn { display: block; }
	.logo { margin-bottom: 0;width: 50%; }
	header .container { position: relative; }
	.login-btn { width: 25px; overflow: hidden; position: absolute; top: 25px; right: 15px; }
	.header-right .toggle-nav { position: absolute; top: 20px; right: 10px; }
	.header-right { padding: 15px 0; }
	.header-right .input-group { margin-right: 0; }
	.top-links .slick-list { width: 300px; }
	.top-header .left-arrow { margin-right: 20px; }
	.top-header .right-arrow { margin-left: 20px; }
	.section-label { font-size: 14px; line-height: 30px; padding-left: 25px; margin-bottom: 10px; }
	.section-label:before { width: 10px; height: 30px; }
	.why-choose-us .section-title, .section-title { font-size: 24px; line-height: 30px; margin-bottom: 25px; }
	.why-choose-us .row { flex-direction: column; }
	.why-choose-us .col { max-width: 50%; flex-basis: 50%; flex-grow: 1; margin: auto; }
	.counters { justify-content: flex-start; }
	.products-grid .col { max-width: 100%; flex-basis: 100%; }
	.btn-secondary { padding: 10px 20px; }
	.btn-primary { padding: 10px 20px; }
	.news-block { padding: 20px; }
	.news-block figure { margin-right: 15px; min-width: 70px; height: 80px; }
	.news-block h5 { font-size: 16px; line-height: 20px; }
	.news-list .item .details { padding: 15px; }
	.news-list .item h5 { font-size: 18px; }
	.footer-column { max-width: 100%; flex-basis: 100%; }
	
	.modal-body { padding: 10px; }
	.modal-body iframe { height: 300px; }
	.scroll-top-btn { padding: 10px 10px 5px; bottom: 20px; right: 20px; }
	.form-group.radio-group { flex-wrap: wrap; }
	.form-group.radio-group .d-flex { width: 100%; }
	.form-group.radio-group label { width: 100%; text-align: center; }
	.form-group.radio-group label.custom-radio { width: auto; }
	.custom-file-upload { flex-direction: column; }
	.custom-file-upload label.title { width: 100%!important; border-radius: 12px 12px 0 0; }
	.custom-file-upload .drop-area { width: 100%; border-radius: 0 0 12px 12px; }
	.add-form .input-group { flex-wrap: wrap; }
	.add-form .input-group .form-control { width: 100%; }
	.add-form .row.form-group .col-lg-6:first-child { margin-bottom: 15px; }
	.turnover-group label { width: 100%; padding: 0; }
	.accordion .accordion-item { width: 50%; margin-bottom: 20px; }
	.products-grid.inner-page .col { max-width: 50%; flex-basis: 50%; }
	.add-form .icon-group .input-group-text { width: 15%; }
	.add-form .icon-group .input-group-text + .form-control { width: 85%; }
	.avatar-upload { max-width: 100px; }
	.avatar-upload .avatar-preview > div { background-size: 70%; }
	.avatar-upload .avatar-preview { width: 100px; height: 100px; }
	.avatar-upload .avatar-edit .material-symbols-outlined { font-size: 14px; }
	.avatar-upload .avatar-edit input + label { width: 25px; height: 25px; }
	.white-block { padding: 20px; }
	.add-form h4 { font-size: 16px; }
	.footer-download-app { display: flex; }
	.notif-item.following-item { display: flex; }
	.page-tabs .tab-content>.tab-pane { padding: 0px 20px; }
	.news-list figure { height: 260px; }
	.news-list img { object-fit: contain;}
	.product-slider { flex-direction: column; }
	.product-slider .slider-nav { order: 2; width: 100%; height:190px; }
	.product-slider .slider-for { order: 1; width: 100%; }
	.business-plans .row .col { max-width: 100%; flex-basis: 100%; }
	.notif-item.following-item .btn-link { position: static; transform: none; }
	.invoice-box { margin: 10px auto!important; }
	
.like-share li:last-child {
               justify-content: left;
    }
.business-profile .btn {
    padding: 10px;
}
.view_box p {
    word-break: inherit;
}
.company figure {
       margin-bottom: 40px;
}
.view_box .frame-border.image-border {
    width: 50px;
    height: 50px;
}
#businessTabs{       
        margin-bottom: 30px;
    }
#loginDetails .add-form {
    width: 95%;
}
.input-group .btn {
    position: absolute;
    right: -45px;
}
.add-form {
    margin-bottom: 40px;
}
.business-plans .row .col {
        margin-bottom: 40px;
    }
.small, small {
    font-size: 16px !important;
}
.contact-buyer-seller-button{
	width: 90%;
    position: absolute;
    bottom: 20px;
    left: 18px;
}
.notif-item.following-item .details {
        word-break: break-word;
}
.notif-item .details{
	    padding-right: 0px;
}
.business_type{
	padding-bottom:20px;
	max-width: 74%;
}
.follow-unfollow-item {
    width: 100%;    
}

.notif-item.following-item {
    padding: 10px 0px;
}
.notif-item.following-item .details {
    padding-left: 10px;
}
.notif-item h4 {
    color: var(--color-light-blue);
    font-size: 16px;
}
}

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.accordion .accordion-item { width: 100%; margin-bottom: 20px; }
	.products-grid.inner-page .col { max-width: 100%; flex-basis: 100%; }
	.home-slider { height: auto; }
 }

 @media only screen and (max-width:998px){
	.follow-unfollow-item{
		width:100%;
	}
 }

@media only screen and (min-width:768px) and (max-width:1280px){
	.news-list-page .item .details{
		min-height: 420px;
	}
} 
 /* IPHONE USERS  */
 @media only screen and (max-width:576px){
	.business_type{
		font-size: 12px;
	}
	.business_name{
		font-size: 12px;
	}
	.notification_message_text{
		font-size: 10px;
	}
	.notif-item figure img{
		max-width: 65px;
		height: 72px;
	}
	/* .unfollow_button{
		width:40%;
	} */
 }
 @media only screen and (max-width:360){
	.business_type{
		font-size: 10px;
	}
	.notification_message_text{
		font-size: 10px;
	}
	.business_name{
		font-size: 10px;
	}
 }
 .parsley-custom-error-message{
	color: #B94A48;
 }


 input.parsley-error, select.parsley-error, textarea.parsley-error{
	border: 1px solid rgb(220, 53, 69) !important;
	background-color: unset !important;
	box-shadow: 0 2px 6px 0 rgb(240 103 122 / 30%);
 }
 input.parsley-success, select.parsley-success, textarea.parsley-success{
	background-color: unset !important;
	border: 1px solid #136224 !important;
	box-shadow: 0 2px 6px 0 rgba(118, 230, 127, 0.3) !important;
 }

 #subscribeForm .border-success {
	box-shadow: 0 2px 6px 0 rgba(118, 230, 127, 0.3) !important;
 }

.select2-container--default.parsley-error .select2-selection--single {
	border: 1px solid rgb(220, 53, 69) !important;
	box-shadow: 0 2px 6px 0 rgb(240 103 122 / 30%);
}

.select2-container--default.parsley-error .select2-selection--multiple {
	border: 1px solid rgb(220, 53, 69) !important;
	box-shadow: 0 2px 6px 0 rgb(240 103 122 / 30%);
}

.select2-container--default.parsley-success .select2-selection--single {
	border: 1px solid #136224 !important;
	box-shadow: 0 2px 6px 0 rgba(118, 230, 127, 0.3) !important;
}

.select2-container--default.parsley-success .select2-selection--multiple {
	border: 1px solid #136224 !important;
	box-shadow: 0 2px 6px 0 rgba(118, 230, 127, 0.3) !important;
}

 .select2-container--default .select2-selection--multiple.parsley-error,
.select2-container--default .select2-selection--single.parsley-error {
	border: 1px solid rgb(220, 53, 69) !important;
	box-shadow: 0 2px 6px 0 rgb(240 103 122 / 30%);
}
 /*  */
 .edit_profile_nav .nav-tabs::-webkit-scrollbar {
	display: none;
  }

  .social_icons_bg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 35px;
  height: 35px;
	border-radius: 50%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	text-decoration: none;
}
@media only screen and (min-width:320px) and (max-width:998px){
	.user_dd .business-social{
		gap: 10px;
	}
	.social_icons_bg img{
		height:20px !important;
		width:20px !important;
	}
	.social_icons_bg{
		height:36px;
	}
}
.social_icons_bg:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.social_icons_bg img {
	width: 21px;
  height: 21px;
	filter: brightness(0) invert(1); /* Makes icons white */
}
.social_icons_bg.whatsapp {
	background-color: #25D366;
}

.social_icons_bg.facebook {
	background-color: #1877F2;
}
.social_icons_bg.instagram {
	background: linear-gradient(45deg, #F56040, #E1306C, #C13584, #833AB4);
}

.social_icons_bg.linkedin {
	background-color: #0A66C2;
}
.social_icons_bg.youtube {
	background-color: #FF0000;
}

.social_icons_bg.telegram {
	background-color: #0088CC;
}
.social_icons_bg.twitter {
	background-color: #000;
}

.premium_plan_tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.premium_plan_tooltip .tooltip-icon {
    width: 20px;
    height: 20px;
	border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.3s ease;
}
.premium_plan_tooltip .tooltip-text {
    visibility: hidden;
    width: 220px;
	background-color: #fffffff5;
	color: #000000;
    text-align: left;
    border-radius: 8px;
    padding: 12px 15px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 130%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.premium_plan_tooltip .tooltip-text::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
	border-color: transparent #ffffff transparent transparent;
}

.premium_plan_tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.owl-carousel{
	overflow: hidden;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	background-color: #00000082 !important;
}

.carousel-control-next, .carousel-control-prev{
	top: unset !important;
	bottom: 15px !important;
}


.buy-post-box img {
	border-radius: 4px;
	max-width: 100%;
	height: 156px;
  }


.category-carousel-wrapper {
	background: #2e2b5f;
	padding: 10px 0;
	overflow: hidden;
  }
  
  .category-link {
	display: inline-block;
	padding: 6px 10px;
	color: #fff;
	font-weight: 500;
	white-space: nowrap;
	transition: 0.3s ease;
	text-transform: uppercase;
  }
  
  .category-link:hover {
	color: #ffc107;
	text-decoration: none;
  }
  
  /* .custom-prev,
  .custom-next {
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	padding: 0 15px;
	user-select: none;
	z-index: 1000;
  } */

  .category-grid .custom-arrow {
	font-size: 22px;
	position: absolute;
	top: 66px;
	right: 0;
	cursor: pointer;
	padding: 0 10px;
	user-select: none;
	color: #333;
  }
  .category-grid .custom-arrow.left{
	right: 5%;
  }
  
  .category-grid .custom-arrow:hover {
	color: #007bff;
  }

  .exhibition-carousel-wrapper, .video-carousel-wrapper, .blog-carousel-wrapper, .custom-arrow {
	font-size: 22px;
	cursor: pointer;
	padding: 0 10px;
	user-select: none;
	color: #333;
  }
  .exhibition-prev, .video-prev, .news-prev, .blog-prev{
	position: absolute;
	top: 36px;
	right: 5%;
  }
  .exhibition-next, .video-next, .news-next, .blog-next{
	position: absolute;
	top: 36px;
	right: 0;
  }

  .shadow_video_card{
	  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	  transition: 0.6s all ease;
  }
  .shadow_video_card:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
  }

  @media only screen and (max-width:768px){
	.premium_plan_tooltip .tooltip-text{
		right: 155%;
		left: unset;
	}
	.premium_plan_tooltip .tooltip-text::before{
		top: 50%;
        left: 100%;
        transform: rotate(180deg);
	}
	.category-grid .custom-arrow{
		top: 35px;
	}
	.news-list .blog_item h5{
		font-size: 16px;
	}
	.exhibition-prev, .video-prev, .news-prev, .blog-prev, .category-grid .custom-arrow.left{
		right: 10%;
	}
	.product_item_container{
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}
}

@media (min-width:320px){
	.plans_container {
		width: 100% ;
	}
}
@media (min-width:568px){
	.plans_container {
		width: 100% ;
	}
}
@media (min-width:768px){
	.plans_container {
		width: 49%;
	}
	.premium_plans_box{
		overflow: hidden;
	}
}
@media (min-width:998px){
	.plans_container {
		width: 315px ;
	}
}	
@media only screen and (min-width:1200px){
	#notifications-container{
		width: 70%;
		margin: 0 auto;
	}
	.plans_container {
		width: 319px ;
	}
}

.redesign_viewed_user .modal-dialog {
	max-width: 480px;
	margin: 2rem auto;
}

.redesign_viewed_user .modal-content {
	border: none;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	/* background: linear-gradient(135deg, #1C185B 0%, #151e33 100%); */
	background: #575757;
	overflow: hidden;
	position: relative;
	will-change: transform;
}

.redesign_viewed_user .modal-content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.1);
	z-index: 1;
}

.redesign_viewed_user .modal-header {
	border: none;
	padding: 1.5rem 2rem 1rem;
	background: transparent;
	position: relative;
	z-index: 2;
}

.redesign_viewed_user .modal-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: #ffffff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.redesign_viewed_user .modal-title::before {
	content: 'visibility';
	font-family: 'Material Symbols Outlined';
	font-weight: 900;
	font-size: 1.25rem;
	color: #ffffff;
	opacity: 0.9;
}

.redesign_viewed_user .btn-close {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	width: 20px;
    height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	transition: background 0.2s ease;
	position: relative;
	z-index: 2;
	top: 2px;
	right: 0px;
}

.redesign_viewed_user .btn-close:hover {
	background: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.5);
}

.redesign_viewed_user .btn-close::before {
	content: 'close';
	font-family: 'Material Symbols Outlined';
	font-weight: 900;
	color: white;
	font-size: 1rem;
}

.redesign_viewed_user .modal-body {
	padding: 1rem 1rem 2rem;
	background: rgba(255, 255, 255, 0.95);
	margin: 0 1rem 1rem;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
	z-index: 2;
	max-height: 600px;
	overflow-y: auto;
}

.redesign_viewed_user .modal-body::-webkit-scrollbar {
	width: 6px;
}

.redesign_viewed_user .modal-body::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

.redesign_viewed_user .modal-body::-webkit-scrollbar-thumb {
	background: linear-gradient(135deg, #0b0c0c 0%, #151e33 100%);
	border-radius: 3px;
}

.redesign_viewed_user .modal-body::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(135deg, #0b0c0c 0%, #151e33 100%);
}

.redesign_viewed_user.modal.fade .modal-dialog {
	transform: scale(0.95);
	transition: transform 0.2s ease-out;
}

.redesign_viewed_user.modal.show .modal-dialog {
	transform: scale(1);
}

.redesign_viewed_user .loading-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 2rem;
	text-align: center;
}

.redesign_viewed_user .loading-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid rgba(0, 0, 0, 0.034);
	border-top: 4px solid #000;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-bottom: 1rem;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.redesign_viewed_user .loading-text {
	color: #666;
	font-weight: 500;
	margin-bottom: 0;
}

.redesign_viewed_user .next-page-loader {
	display: none;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	margin-top: 1rem;
}

.redesign_viewed_user .next-page-loader .spinner {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(17, 18, 20, 0.068);
	border-top: 2px solid #000;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-right: 0.5rem;
}

.redesign_viewed_user .next-page-loader .text {
	color: #000;
	font-size: 0.9rem;
	font-weight: 500;
}

@media (max-width: 576px) {
	.redesign_viewed_user .modal-dialog {
		margin: 1rem;
		max-width: none;
	}
	
	.redesign_viewed_user .modal-header,
	.redesign_viewed_user .modal-body {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.redesign_viewed_user .modal-title {
		font-size: 1.25rem;
	}
}

.redesign_viewed_user #viewedUserList {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s ease;
}

.redesign_viewed_user #viewedUserList.loaded {
	opacity: 1;
	transform: translateY(0);
}

.redesign_user_frame {
	position: relative;
	display: inline-block;
	margin-right: 1rem;
}

.redesign_user_frame .frame-border {
	position: relative;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	padding: 4px;
	background: linear-gradient(135deg, var(--crown-color, #667eea), var(--crown-color, #764ba2));
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.redesign_user_frame .frame-border:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.redesign_user_frame .frame-image {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	background: white;
	border: 2px solid white;
}

.redesign_user_frame .subscription-label {
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--crown-color, #667eea);
	color: white;
	top: unset;
	font-size: 0.7rem;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	border: 2px solid white;
	min-width: 50px;
	text-align: center;
	line-height: 1;
}

.redesign_user_frame.clean-style .frame-border {
	background: white;
	border: 3px solid;
	border-color: var(--crown-color, #667eea);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 4px 15px rgba(0, 0, 0, 0.1);
}

.redesign_user_frame.clean-style .frame-image {
	border: none;
}

.redesign_user_frame.clean-style .subscription-label {
	background: white;
	color: var(--crown-color, #667eea);
	border: 2px solid;
	border-color: var(--crown-color, #667eea);
	font-weight: 700;
}

.redesign_user_frame.glass-style .frame-border {
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(10px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.redesign_user_frame.glass-style .subscription-label {
	background: rgba(255, 255, 255, 0.9);
	color: var(--crown-color, #667eea);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: rgba(47, 43, 61, 0.08) !important;
	border: none !important;
    font-size: 0.8125rem;
    color: #6d6b77 !important;
    padding: 0.2rem 0.5rem !important;
}

.tokenfield .token{
    border: none !important;
    background-color: #ededed !important;
    padding: 0.2rem 0.5rem !important;
    color: #6d6b77;
    background-color: rgba(47, 43, 61, 0.08);
    font-size: 0.9125rem;
    height: auto !important;
}

.embla-category-carousel {
	overflow: hidden;
	width: 100%;
}

.embla__viewport_category_header {
	overflow: hidden;
	width: 100%;
}

.embla__viewport_category_header .embla__container {
	display: flex;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.embla__viewport_category_header .embla__container .embla__slide {
	flex: 0 0 auto;
	padding: 5px 10px;
}


.custom-prev,
.custom-next {
	background: none;
	border: none;
	font-size: 24px;
	color: white;
	cursor: pointer;
	padding: 0 10px;
	user-select: none;
}


.embla__viewport_cat_slider {
	overflow: hidden;
	width: 100%;
}

.embla__container_cat {
	display: flex;
	gap: 10px;
	padding: 10px 0;
}

.embla__slide_cat {
	flex: 0 0 auto !important;
	max-width: 100%;
	box-sizing: border-box;
}

.cat-carousel-wrapper  .custom-arrow {
	background: transparent;
	border: none;
	font-size: 24px;
	color: #000;
	cursor: pointer;
	user-select: none;
}

.exhibition-carousel-wrapper  .custom-arrow {
	background: transparent;
	border: none;
	font-size: 24px;
	color: #000;
	cursor: pointer;
	user-select: none;
}


[class^="embla__viewport_"] {
overflow: hidden;
width: 100%;
}

[class^="embla__container_"] {
display: flex;
gap: 20px;
padding: 10px 0;
}

[class^="embla__slide_"] {
flex: 0 0 100%;
max-width: 100%;
box-sizing: border-box;
}

.embla-wrapper-blog .custom-arrow, .embla-wrapper-video .custom-arrow, .embla-wrapper-association .custom-arrow, .embla-wrapper-news .custom-arrow {
background: transparent;
border: none;
font-size: 24px;
color: #000;
cursor: pointer;
user-select: none;
}

@media (min-width: 768px) {
[class^="embla__slide_"] {
	flex: 0 0 50%;
	max-width: 50%;
}
}

@media (min-width: 992px) {
[class^="embla__slide_"] {
	flex: 0 0 32.3333%;
	max-width: 33.3333%;
}

}