@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Josefin+Sans:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,500;1,600;1,700&display=swap');


html,
body {
	line-height: 1.6;
	font-weight: 400;
	font-size  : 14px;
	color      : #777777;
	font-family: 'Arial', sans-serif;
}

a {
	color          : unset;
	text-decoration: none;
}

a:focus {
	outline: 0 solid;
}

a:hover {
	text-decoration: none;
	color          : unset;
}

img {
	max-width: 100%;
	height   : auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin : 0;
	padding: 0;


}

.top_heading h1 {
	color         : #130F4A;
	font-family   : Inter;
	font-size     : 40px;
	font-weight   : 700;
	line-height   : 70px;
	text-transform: capitalize;
	margin-bottom : 28px;
}

.top_heading p {
	color         : #130F4A;
	font-family   : Inter;
	font-size     : 18px;
	font-weight   : 400;
	line-height   : 34px;
	max-width     : 1032px;
	margin-left   : auto;
	margin-right  : auto;
	margin-bottom: 35px;
}

.border_blue {
	border-radius: 5px;
	border       : 1px solid #130F4A;
	box-shadow   : 0px 4px 25px 0px rgba(0, 0, 0, 0.25);
	padding      : 30px 15px;
}

.border_blue table,
.border_blue table th,
.border_blue table td {
	border: none;
}

.border_blue .table-bordered>:not(caption)>* {
	border-width: 0;
}

.border_blue table th {
	color      : #2E70E6;
	font-family: Inter;
	font-size  : 20px;
	font-weight: 700;
	line-height: 40px;
	text-align : center;
}

.border_blue table td {
	color      : #130F4A;
	font-family: Inter;
	font-size  : 18px;
	font-weight: 400;
	line-height: 30px;
	text-align : center;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clear {
	clear      : both;
	line-height: 0;
	font-size  : 0;
}

p {
	margin-bottom: 0;
	font-size    : 14px;
	font-family  : 'Inter', sans-serif;
}

input:focus,
textarea:focus,
button:focus {
	outline: none;
}

ul {
	margin    : 0;
	padding   : 0;
	list-style: none;
}

i.bx {
	vertical-align: middle;
}


input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

@font-face {
	font-family: 'Good Times Rg';
	src        : url('../fonts/GoodTimesRg-Regular.woff2') format('woff2'),
		url('../fonts/GoodTimesRg-Regular.woff') format('woff');
	font-weight : normal;
	font-style  : normal;
	font-display: swap;
}

.max-width-column {
    max-width: 100px; /* Set the desired max-width for the column */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.max-width-keywords {
    max-width: 150px; /* Set the desired max-width for the column */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.d-flex {
    justify-content: space-between; /* Add this to ensure space between the title and logo */
}




.back-to-top-btn {
	width           : 40px;
	position        : fixed;
	bottom          : 40px;
	z-index         : 999;
	right           : 30px;
	height          : 40px;
	background-color: #2e70e5;
	color           : #fff;
	border-radius   : 50%;
	font-size       : 20px;
	display         : inline-block;
	line-height     : 40px;
	text-align      : center;
}

.back-to-top-btn:hover .bi {
	color: #fff;
}

.modal-header {
	border-bottom: 1px solid #130F4A;
}

.expand_modal .modal-body p strong {
	color         : #130F4A;
	font-family   : Inter;
	font-size     : 18px;
	font-weight   : 600;
	line-height   : 23px;
	text-transform: capitalize;
	width         : 30%;
	display       : inline-block;
}

.expand_modal .modal-body p {
	font-weight   : 300;
	margin-bottom : 15px;
}

.expand_modal .modal-content {
	border-radius: 10px;
	background   : #EDEDED;
	position:relative;
	z-index:1;
}
.expand_modal .modal-content .shape{
    position:absolute;
    top:0;
    
    z-index:-1;
    right:0;
    
}

.expand_modal h4.modal-title {
	color         : #130F4A;
	text-align    : center;
	font-family   : Arial;
	font-size     : 24px;
	font-style    : normal;
	font-weight   : 500;
	line-height   : 193.5%;
	/* 34.83px */
	text-transform: capitalize;
}



.container {
	max-width: 1330px;
	padding  : 0 0px;
}

.title {

	font-weight: 400;
	font-size  : 30px;
	line-height: 43px;
	color      : #B1282E;

}

.title img {
	display     : block;
	margin-left : auto;
	margin-right: auto;
}


@media(max-width:767px) {
	.container {
		padding: 0 15px;
	}
}

/**header**/
header {
	background-color: #fff;
}

header .container {
	border-bottom: 1px solid #9D9C9C;
	padding      : 20px 0;

}

header .logo {
	float: left;
	max-width: 200px;
}

.main_menu {
	float     : right;
	margin-top: 9px;
}

.user_login_wrapper {
	float      : right;
	text-align : center;
	margin-left: 138px;
	margin-top : 5px;
	font-family: 'Good Times Rg';
}

.user_login_wrapper ul li {
	margin-right: 60px;
	display     : inline-block;
	text-align  : center;
}

.user_login ul li:last-child {
	margin-right: 0;
}

.user_login_wrapper ul li a {
	display    : block;
	color      : #130F4A;
	font-size  : 18px;
	font-weight: 600;
	line-height: 18px;
}

.user_login_wrapper ul li a:hover {
	color: #0e0b3b;

}

.main_menu ul li {
	display     : inline-block;
	margin-right: 80px;
	position    : relative;
}

.main_menu ul li:last-child {
	margin-right: 0;
}

.main_menu ul li a {
	font-weight   : 400;
	font-size     : 16px;
	line-height   : 20px;
	letter-spacing: 0.07em;
	color         : #666666;
}

.main_menu ul li a:hover,
.main_menu ul li a.active {
	color: #130F4A;
}

/* 
header.sticky {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 1%);
	box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.3);
	border: none;
} */

.toggle_btn {
	position: relative;
}

.filters_btn {
	position: relative;
}


.toggle_icon {
	position: relative;
}

.toggle_icon:after {
	position   : absolute;
	content    : '\F4FE ';
	font-family: "bootstrap-icons";
	right      : -20px;
	top        : 4px;
	font-size  : 15px;
	color      : #3F3F3F;
	font-weight: 900;
	line-height: 15px;
	cursor     : pointer;
}

.toggle_icon.open_submenu:after {
	content: '\F2EA ';
}

.user_login_wrapper ul li:last-child {
	margin-right: 0;
}




/**header end **/

/**shop page**/
.shop_page {
	padding: 30px 0 90px 0;
}

.show_result p {
	color        : #130F4A;
	font-family  : Josefin Sans;
	font-size    : 18px;
	font-weight  : 400;
	line-height  : 32px;
	margin-bottom: 15px;
}

.show_result p strong {
	color      : #130F4A;
	font-size  : 24px;
	font-weight: 700;
	line-height: 43px;
}

.categories_filter {
	width: 175px;
	max-height: 2000px;
	overflow-y: scroll;
	float: left;
}

.filter_product_wrapper {
	border-radius: 10px;
	background   : #F0F5FC;
	padding      : 20px 20px 30px;
}

.filter_product_wrapper h3 {
	color        : #2E70E6;
	font-size    : 26px;
	font-weight  : 700;
	font-family  : 'Arial', sans-serif;
	margin-bottom: 20px;
}

.search_box {
    border-radius: 10px;
    background: #F0F5FC;
    margin-bottom: 32px;
    padding: 10px 15px; /* Updated padding */
    float: left; /* Make the div float to the left */
    width: calc(100% - 60px); /* Adjust width to account for padding */
    box-sizing: border-box; /* Ensure padding is included in the width calculation */
}

.search_box form {
    justify-content: space-between;
    width: 100%; /* Ensure the form takes the full width of its parent */
}

.search_box input {
    color: #130F4A;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    background-color: transparent;
    outline: none;
    border: none;
    width: 100%; /* Ensure the input takes the full width of its parent */
    box-sizing: border-box; /* Ensure padding is included in the width calculation */
}

.search_box input::placeholder {
    color: #130F4A;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.search_box button {
    background-color: transparent;
    outline: none;
    border: none;
    float: right; /* Align the search button to the right */
}

@media (min-width: 768px) {
    .search_box {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        float: none; /* Remove float on larger screens, centering the box instead */
    }
}

.categories_name {
	color        : #130F4A;
	font-size    : 20px;
	font-weight  : 400;
	line-height  : 35px;
	position     : relative;
	border-bottom: 1px solid #f9c9c9;
	margin-bottom: 8px;
	cursor       : pointer;
}

/* .categories_name:after {
	content    : "\F64D";
	font-family: "bootstrap-icons";
	position   : absolute;
	color      : #130F4A;
	font-size  : 16px;
	font-weight: 400;
	right      : 0;
	top        : 13px;
	line-height: 16px;
}

.categories_name.active:after {
	content    : "\F2EA";
	color      : #130F4A;
	font-size  : 16px;
	font-weight: 400;

} */

.sub_cat {
	display: none;
}

.sub_cat ul li input[type="radio"] {
	width     : 0;
	visibility: hidden;
	height    : 0;
	position  : absolute;
}

.sub_cat ul li {
	margin-bottom: 15px;
}

.sub_cat label {
	position    : relative;
	cursor      : pointer;
	display     : block;
	color       : #636363;
	font-family : 'Inter', sans-serif;
	font-size   : 12px;
	font-weight : 400;
	line-height : 22px;
	padding-left: 35px;
}

.sub_cat ul li a {
	display    : block;
	color      : #636363;
	font-family: 'Inter', sans-serif;
	font-size  : 12px;
	font-weight: 400;
	line-height: 22px;
}

.sub_cat label:before {
	position        : absolute;
	left            : 0;
	top             : -1px;
	content         : '';
	border          : none;
	border-radius   : 1px;
	background-color: #fff;
	border-radius   : 1px;
	width           : 20px;
	height          : 20px;
}

.sub_cat input[type="radio"]:checked+label:after {
	content     : '';
	display     : block;
	position    : absolute;
	top         : 1px;
	left        : 8px;
	width       : 6px;
	height      : 13px;
	border      : solid #000;
	border-width: 0 1px 1px 0;
	transform   : rotate(45deg);
}

.sub_cat.active {
	display: block;
}

.active_testing {
    background-color: #fff !important; /* Adjust this color as needed */
    color: #fff !important;
    /* Add other styles as needed */
}


.price__range .price-input {
	width  : 100%;
	display: flex;
	margin : 0px 0 20px;
}

.price__range .price-input .field {
	display    : flex;
	width      : 100%;
	height     : 26px;
	align-items: center;
}

.price__range .field input {
	width           : 100%;
	height          : 100%;
	outline         : none;
	font-size       : 16px;
	margin-left     : 8px;
	border-radius   : 5px;
	text-align      : center;
	border          : none;
	-moz-appearance : textfield;
	color           : #636363;
	background-color: #fff;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.price__range .price-input .separator {
	width          : 43px;
	display        : flex;
	font-size      : 16px;
	align-items    : center;
	justify-content: center;
}

.price__range .slider {
	height       : 5px;
	position     : relative;
	background   : #dadada;
	border-radius: 5px;
}

.price__range .slider .progress {
	height       : 100%;
	left         : 25%;
	right        : 25%;
	position     : absolute;
	border-radius: 5px;
	background   : #0d6efd;
}

.price__range .range-input {
	position     : relative;
	margin-bottom: 20px;
}

.price__range .range-input input {
	position          : absolute;
	width             : 100%;
	height            : 5px;
	top               : -5px;
	background        : none;
	pointer-events    : none;
	-webkit-appearance: none;
	-moz-appearance   : none;
	border            : none;
}

input[type="range"]::-webkit-slider-thumb {
	height            : 17px;
	width             : 17px;
	border            : 2px solid #997D2F;
	border-radius     : 50%;
	background        : #000;
	pointer-events    : auto;
	-webkit-appearance: none;
	box-shadow        : 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
	height         : 17px;
	width          : 17px;
	border         : none;
	border-radius  : 50%;
	background     : #17a2b8;
	pointer-events : auto;
	-moz-appearance: none;
	box-shadow     : 0 0 6px rgba(0, 0, 0, 0.05);
}

.field span {
	color      : #636363;
	font-family: 'Inter', sans-serif;
	font-size  : 12px;
	font-weight: 400;
	line-height: 25px;
}

.price__range span {
	cursor: pointer;
}

.price__range .number {
	padding      : 0 10px;
	display      : flex;
	align-items  : center;
	background   : transparent;
	border       : 1px solid #997D2F;
	width        : 163px;
	border-radius: 100px;
}

.price__range input[type="submit"] {
	margin : 30px auto 0 auto;
	display: block;
	padding: 6px 39px;
}


.product_wrapper {
    position: relative;
}

.image-container {
    position: relative;
    display: inline-block; /* Make sure it doesn't stretch to full width */
}

.heart-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #888; /* Initial grey color */
    font-size: 16px; /* Adjust font size as needed */
    text-decoration: none; /* Remove default link underline */
    transition: color 0.3s ease; /* Add transition for color change */
}

.heart-icon:hover {
    color: red; /* Color on hover */
}

.heart-icon-favourited {
    position: absolute;
    top: 10px;
    right: 10px;
    color: red; /* Initial grey color */
    font-size: 16px; /* Adjust font size as needed */
    text-decoration: none; /* Remove default link underline */
    transition: color 0.3s ease; /* Add transition for color change */
}

.heart-icon-favourited:hover {
    color: #888; /* Color on hover */
}

.archive-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #888; /* Initial grey color */
    font-size: 16px; /* Adjust font size as needed */
    text-decoration: none; /* Remove default link underline */
    transition: color 0.3s ease; /* Add transition for color change */
}

.archive-icon:hover {
    color: #FFD700; /* Color on hover */
}
.archive-icon-archived {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #FFD700; /* Initial grey color */
    font-size: 16px; /* Adjust font size as needed */
    text-decoration: none; /* Remove default link underline */
    transition: color 0.3s ease; /* Add transition for color change */
}

.archive-icon-archived:hover {
    color: blue; /* Color on hover */
}



.product_listing_wrapper {
	float: left;
	width: calc(100% - 200px);
}

.product_img_holder {
	margin-bottom: 10px;
}

.product_img_holder img {
	min-height   : 227px;
	border-radius: 10px;
	width        : 100%;
	object-fit   : cover;
}

.product_name {
	color: #2E70E6;
	font-size: 16px;
	font-weight: 400;
	font-family: Arial;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Limit to 2 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 21px; /* Adjust line-height as needed */
	max-height: 42px; /* Adjust max-height based on line-height and max lines */
	-moz-transition: 1s all ease;
	-o-transition: 1s all ease;
	-webkit-transition: 1s all ease;
	transition: 1s all ease;
  }
  

.time {
	color      : #636363;
	font-family: 'Inter', sans-serif;
	font-size  : 12px;
	font-weight: 400;
	line-height: 22px;
	text-align : left;
}

.ebay-logo {
    vertical-align: middle; /* Aligns vertically in the middle */
	float: right;
}

.monitor_portal {
	padding: 120px 0 160px 0;
}



.product_description {
	color        : #636363;
	font-family  : 'Inter', sans-serif;
	font-size    : 12px;
	font-weight  : 400;
	line-height  : 22px;
	margin-bottom: 0px;
	text-align   : left;
	align-items: center;
	justify-content: space-between;

}

.price {
	color      : #000;
	font-size  : 18px;
	font-weight: 600;
	line-height: 20px;
}

.country_loacation {
	color      : #636363;
	font-family: 'Inter', sans-serif;
	font-size  : 12px;
	font-weight: 400;
	line-height: 22px;
}

.product_wrapper {
	margin-bottom: 40px;
	margin-right : 15px;
	margin-left  : 15px;
	max-height:65vh;
    overflow-y: scroll;
}
.add_to_cart{
    float:left;
    width:50%;
    color:#8D8D8D;
}
.add_to_cart:after{
    position:absolute;
    font-size:15px;
    font-family:'FontAwesome';
    color:#8D8D8D;
    top:0;
    left:20px;
    content:'\f08a ';
}
.add_to_cart.added:after{
    content:'\f004  '; 
}
.remove_item{
    float: right;
    width: 50%;
    text-align: right;
    
}
.remove_item img{
    width:20px;
}

.add_cart {
    position:absolute;
    top:20px;
    width:100%;
    padding:0 20px;
}

.simple-pagination ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
  }
  
  .simple-pagination li {
	display: inline-block;
	margin-right: 5px;
  }
  
.simple-pagination li a, .simple-pagination li span {
  color: #fff;
  padding: 5px 10px;
  background-color: #10378a;
  box-shadow: 0px 0px 10px 0px #EEE;
  height: 30px;
  width: 30px;
  display:block;
  border:none;
}
  
.simple-pagination .current {
	color: #FFF;
	background-color: #130f4a;
	 
}
  
.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: #10378a;
	  
}

/**footer**/
footer {
	padding   : 100px 0 85px 0;
	background: rgb(19, 15, 74);
	color     : #fff;
	background: linear-gradient(49deg, rgba(19, 15, 74, 1) 71%, rgba(46, 112, 230, 1) 100%);
}

.f_logo {
	margin-bottom: 10px;
	max-width:290px;
}

.f_logo p {
	margin-top : 25px;
	color      : #FFF;
	font-family: 'Inter', sans-serif;
	font-size  : 12px;
	font-weight: 400;
	line-height: 22px;
	max-width  : 290px;
}


.footer_col h4 {
	color        : #FFF;
	font-family  : 'Arial', sans-serif;
	font-size    : 18px;
	font-weight  : 400;
	margin-bottom: 20px;
}

.footer_col ul li {
	margin-bottom: 12px;
}

.footer_col ul li:last-child {
	margin-bottom: 0;
}

.footer_col ul li a {
	color      : #FFF;
	font-family: 'Arial', sans-serif;
	font-size  : 12px;
	font-weight: 400;
	line-height: 22px;
}

.footer_col form {
	border-radius: 5px;
	border       : 1px solid #130F4A;

}

footer input {
	border-radius: 0px 5px 5px 0px;
	background   : transparent;
	color        : #FFF;
	font-size    : 15px;
	font-weight  : 400;
	width        : calc(100% - 53px);
	text-align   : left;
	height       : 50px;
	padding-left : 20px;
	border       : 1px solid #130F4A;
	font-family  : 'Arial', sans-serif;
}

footer input[type="submit"] {
	border-radius: 0px 5px 5px 0px;
	background   : #2E70E6;
	color        : #FFF;
	font-size    : 15px;
	font-weight  : 400;
	width        : 100px;
	text-align   : center;
	font-family  : 'Arial', sans-serif;
	height       : 50px;
	padding      : 0 10px;
	border       : none;
}

footer form {
	border    : 1px solid #fff;
	margin-top: 30px;
}


/***login_wrapper***/
.login_wrapper .logo {
	border-bottom : 1px solid #9D9C9C;
	padding-bottom: 15px;

}

.login_wrapper .logo {
	margin-bottom: 40px;
}

.login_wrapper {
	width          : 100%;
	background-size: cover !important;
	padding        : 50px 50px 100px 50px;

}

.login__form__wrapper {
	border-radius: 13.408px;
	background   : #FFF;
	padding      : 50px 100px 30px 100px;
	width        : 60%;
	float        : left;
}

.right__content {
	width       : 40%;
	float       : right;
	padding-left: 40px;
	text-align  : right;
	margin-top  : 150px;
}

.right__content h2 {
	color      : #FFF;
	font-size  : 50px;
	font-weight: 700;
	font-family: 'Inter', sans-serif;

}

.right__content h2 span {
	font-size     : 30px;
	display       : block;
	font-family   : 'Josefin Sans', sans-serif;
	text-transform: capitalize;
}

.right__content p {
	color      : #FFF;
	font-size  : 12px;
	font-weight: 400;
	line-height: 30px;
	font-family: 'Inter', sans-serif;
	margin     : 25px 0 50px 0;
}

.login__form__wrapper .nav {
	justify-content: space-around;

}

.login__form__wrapper .nav li a {
	color           : rgba(165, 165, 168, 0.50);
	text-align      : center;
	font-family     : 'Inter', sans-serif;
	font-size       : 20px;
	font-weight     : 700;
	border          : none;
	background-color: transparent;
}

.login__form__wrapper .nav li a.active {
	color           : #130F4A;
	border          : none;
	background-color: transparent;
}

.login__form__wrapper .tab-content {
	margin-top: 40px;
}

.input__field {
	border-radius: 13.408px;
	background   : #FFF;
	box-shadow   : 0px 0px 33.5209px 0px rgba(0, 0, 0, 0.10);
	padding      : 5px 30px;
	margin-bottom: 37px;
}

.input__field input[type="text"],
.input__field input[type="email"] {
	color: rgba(155, 155, 158, 1.0);
	font-size  : 15px;
	border     : none;
	outline    : none;
	font-weight: 400;
}

.input__field input {
	color: rgba(155, 155, 158, 1.0);
	font-size  : 15px;
	border     : none;
	outline    : none;
	font-weight: 400;
}

.input__field input::placeholder {
	color: rgba(155, 155, 158, 0.50);
	font-size  : 15px;
	border     : none;
	outline    : none;
	font-weight: 400;
}

.input__field input[type="text"]::placeholder,
.input__field input[type="email"]::placeholder {
	color: rgba(155, 155, 158, 0.50);
	font-size: 15px;
}

.input__field input[type="submit"] {
	border-radius : 6.704px;
	background    : #2E70E6;
	padding       : 10px 50px;
	border        : none;
	color         : #FFF;
	font-size     : 16.09px;
	font-weight   : 400;
	line-height   : 30px;
	text-transform: capitalize;
}
#signupButton {
	border-radius: 6.704px;
	background: #2E70E6;
	padding: 10px 50px;
	border: none;
	color: #FFF;
	font-size: 16.09px;
	font-weight: 400;
	line-height: 30px;
	text-transform: capitalize;
	cursor: pointer; /* To ensure it has a pointer cursor like a button */
}

#loginButton {
	border-radius: 6.704px;
	background: #2E70E6;
	padding: 10px 50px;
	border: none;
	color: #FFF;
	font-size: 16.09px;
	font-weight: 400;
	line-height: 30px;
	text-transform: capitalize;
	cursor: pointer; /* To ensure it has a pointer cursor like a button */
}


.submit_col {
	background-color: transparent;
	text-align      : center;
	box-shadow      : none
}

.input__field .icon {
	margin-right: 28px;
}

.input__field .icon .bi {
	font-size: 22px;
}

.login_width_social_media p:first-child {
	margin-bottom   : 30px;
	position        : relative;
	color           : #130F4A;
	font-size       : 18.772px;
	font-weight     : 400;
	font-family     : 'Josefin Sans', sans-serif;
	background-color: #fff;
	display         : table;
	margin-left     : auto;
	margin-right    : auto;
}

.social_media_links a {
	margin-right: 55px;
}

.social_media_links a:last-child {
	margin-right: 0;
}

.social_media_links {
	margin-bottom: 20px;
}

.login_width_social_media p:last-child {
	color      : #130F4A;
	font-size  : 15px;
	font-weight: 400;
	font-family: 'Josefin Sans', sans-serif;
}

.login_width_social_media p:last-child a {
	color      : #2E70E6;
	font-size  : 14px;
	font-weight: 400;
	margin-left: 15px;
	font-family: 'Josefin Sans', sans-serif;
}

.right__content a {
	display     : inline-block;
	margin-right: 20px;
}

.right__content a:last-child {
	color       : #2E70E6;
	font-size   : 12px;
	font-weight : 400;
	line-height : 20px;
	margin-right: 0;
}

.right__content a:first-child {
	background     : url(../images/btnbg.png)no-repeat;
	color          : #FFF;
	font-size      : 12px;
	font-weight    : 400;
	line-height    : 20px;
	text-transform : capitalize;
	width          : 155px;
	text-align     : center;
	padding        : 28px 10px;
	background-size: cover;
}

.right__content a:last-child .fa {
	margin-right    : 23px;
	width           : 30px;
	height          : 30px;
	border-radius   : 50%;
	line-height     : 30px;
	background-color: #2E70E6;
	color           : #000;
	font-size       : 13px;
	text-align      : center;
}

.right__content .d-flex {
	justify-content: flex-end;
	align-items    : center;
}

.bottom_fixed_filter {
	position  : fixed;
	left      : 0;
	bottom    : 0;
	width     : 100%;
	z-index   : 2;
	background: #2e70e6;
	padding   : 10px 15px;
	color     : #fff;

}

.close_filter {
	margin-bottom: 15px;
}

.logout_btn {
	margin-top    : 70px;
	font-family   : Inter;
	font-size     : 18px;
	font-weight   : 400;
	line-height   : 18.854px;
	text-transform: capitalize;
	padding       : 10px 22px;
}

.bottom_fixed_filter ul li {
	width     : 50%;
	float     : left;
	text-align: center;
}

@media (max-width:1300px) {
	header .container {
		padding: 20px 15px;
	}
}

@media (max-width:1025px) {
	.user_login_wrapper {
		margin-left: 80px;

	}

	.user_login_wrapper ul li {
		margin-right: 23px;

	}

	.border_blue table th {
		font-size  : 14px;
		line-height: 26px;
		min-width  : 118px;
	}

	.border_blue table td {
		font-size  : 12px;
		line-height: 19px;
	}

	.user_login_wrapper ul li a {
		font-size  : 14px;
		line-height: 18px;
	}

	.main_menu ul li {
		margin-right: 40px;
	}

	.product_wrapper {
		margin-bottom: 50px;
		margin-right : 0;
		margin-left  : 0;
	}


}

@media (max-width:991px) {
	.product_listing_wrapper {
		width: calc(100% - 280px);
	}

	._filter {
		width: 200px;
	}

	.filter_product_wrapper h3 {
		font-size    : 22px;
		margin-bottom: 21px;
	}

	.categories_name {
		font-size    : 17px;
		line-height  : 30px;
		margin-bottom: 10px;
	}

	.categories_name:after {
		font-size  : 9px;
		top        : 9px;
		line-height: 9px;
	}

	.price__range .field input {
		font-size: 11px;
	}

	.show_result p {
		font-size  : 15px;
		line-height: 25px;
	}

	.show_result p strong {
		font-size  : 16px;
		line-height: 28px;
	}

	.login__form__wrapper {
		padding: 70px 40px 30px 40px;
		width  : 55%;

	}

	.right__content {
		width       : 45%;
		padding-left: 18px;
		margin-top  : 69px;
	}
}

@media (max-width:767px) {
	.user_login_wrapper {
		margin-top: 14px;
	}

	.search_box input {
		width: calc(100% - 30px);
	}

	.product_listing_wrapper {
		width: 100%;
		float: none;
	}

	.categories_filter {
		width: 100%;
		float: none;
	}

	.filter_product_wrapper {
		display      : none;
		position     : absolute;
		width        : 100%;
		left         : 0;
		border-radius: 0;
		top          : 0;
		height       : 100vh;
		padding      : 18px 20px 30px;
	}

	.search_box form {
		border-radius: 10px;
		background   : #F0F5FC;
		margin-bottom: 32px;
		padding      : 10px;
	}

	.search_box {
		border-radius: 0;
		background   : transparent;
		margin-bottom: 0;
		padding      : 0;
		float        : left;
		width        : calc(100% - 40px);
	}

	.filter_btn {
		position: relative;
		float   : right;
		width   : 40px;
	}

	.toggle_btn {
		position: relative;
		float   : right;

	}

	.toggle_btn:after {
		position     : absolute;
		content      : '\F479';
		font-family  : "bootstrap-icons";
		color        : #000;
		font-size    : 28px;
		top          : 0;
		background   : #f0f5fc;
		width        : 36px;
		height       : auto;
		text-align   : center;
		border-radius: 5px;
		line-height  : 36px;
	}

	.toggle_btn.on:after {
		content: '\F62A';
	}

	.filters_btn {
		position: relative;
		float   : right;

	}

	.filters_btn:after {
		position     : absolute;
		content      : '\F3E0';
		font-family  : "bootstrap-icons";
		color        : white;
		font-size    : 28px;
		top          : 0;
		background   : gray;
		width        : 36px;
		height       : auto;
		text-align   : center;
		border-radius: 5px;
		line-height  : 36px;
	}

	.filters_btn.on:after {
		content: '\F3E0';
	}
	.custom-filters-btn {
		background-color: white; /* Background color */
		color: #2E70E6; /* Text color */
		padding: 5px 15px; /* Padding inside the button */
		font-size: 20px; /* Font size */
		border-radius: 8px; /* Rounded corners */
	}
	
	

	.filter_btn:after {
		position     : absolute;
		content      : '\F3E0';
		font-family  : "bootstrap-icons";
		color        : #000;
		font-size    : 20px;
		top          : 0;
		right        : 0;
		background   : #f0f5fc;
		width        : 36px;
		height       : 49px;
		text-align   : center;
		border-radius: 5px;
		line-height  : 50px;
	}

	.main_menu {
		float: left;
	}

	header .logo {
		width     : 250px;
		margin-top: 0px;
		display   : block;
		float     : none;
	}

	.main_menu ul {
		display   : none;
		position  : absolute;
		background: #2f70de;
		width     : 100%;
		left      : 0;
		top       : 94px;
		padding   : 30px 15px;
		z-index   : 99;
		height    : calc(100% - 94px);
	}

	.main_menu ul li {
		display     : block;
		margin-right: 0;
		width       : 100%;
		text-align  : center;
	}

	.main_menu ul li a {
		line-height: 50px;
		font-size  : 18px;
		color      : #fff;
	}


	.user_login_wrapper ul li {
		margin-right: 5px;
	}

	.user_login_wrapper {
		margin-left: 5px;
	}

	.monitor_portal {
		padding: 78px 0 50px 0;
	}

	.search_box input {

		font-size: 18px;

	}

	.search_box input::placeholder {
		font-size: 18px;
	}

	header .container {
		padding: 7px 15px 15px 15px;
	}

	.right__content {
		width       : 100%;
		float       : none;
		padding-left: 0;
		margin-top  : 10px;
		text-align  : left;
	}

	.login__form__wrapper {
		padding: 30px 20px 30px 20px;
		width  : 100%;
		float  : none;
	}

	.login_wrapper {
		padding: 10px 15px 100px 15px;
	}

	.right__content h2 {
		font-size   : 34px;
		max-width   : 300px;
		margin-right: auto;
	}

	.right__content h2 span {
		font-size : 22px;
		margin-top: 15px;
	}

	.right__content p {

		margin: 25px 0 12px 0;
	}

	.right__content .d-flex {
		justify-content: flex-start;
	}

	.login__form__wrapper .nav li a {
		font-size: 15px;
	}

	.input__field .icon {
		margin-right: 5px;
	}

	.input__field {
		border-radius: 6px;
		padding      : 5px 13px;
		margin-bottom: 22px;
	}

	.input__field input[type="submit"] {
		padding    : 10px 10px;
		line-height: 22px;
		width      : 100%;

	}
}