@charset "UTF-8";
/*********************************************************************************************************************
 * File: main.scss
 * Developed By Anees Hikmat Abu-hamid
 * Email: aneeshikmat@gmail.com
 * Date: 2020-08-05
 * Desc: Main Page Style For Al-Waseet
 * More Info: https://github.com/aneeshikmat/HJC-nice-practice
 * Copyright (c) - Waseet.net
 *********************************************************************************************************************/
@use "sass:math";
/* Include Arabic Font */
@font-face {
  font-family: "NotoKufiArabic";
  font-style: normal;
  font-weight: 400;
  src: local("NotoKufiArabic"), url("../fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype"); }
@font-face {
  font-family: "NotoKufiArabic";
  font-style: medium;
  font-weight: 600;
  src: local("NotoKufiArabic"), url("../fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype"); }
@font-face {
  font-family: "NotoKufiArabic";
  font-style: bold;
  font-weight: 700;
  src: local("NotoKufiArabic"), url("../fonts/arabic/NotoKufiArabic-VariableFont_wght.ttf") format("truetype"); }
/* Include English Font */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto"), url("../fonts/english/Roboto-Light.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), url("../fonts/english/Roboto-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto"), url("../fonts/english/Roboto-Medium.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto-Bold"), url("../fonts/english/Roboto-Bold.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: local("Roboto"), url("../fonts/english/Roboto-Black.ttf") format("truetype"); }
/*********************************************************************************************************************
1.0  Colors System Variable & Class
*********************************************************************************************************************/
/* #fff Color */
.color-white {
  color: #fff; }

/* #fff Background Color */
.bg-white {
  background-color: #fff; }

/* #fff Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-white {
    background-color: #fff; } }
/* #fff Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-white {
    background-color: #fff; } }
/* #fff Border Color */
.border-white {
  border-color: #fff; }

/* #e30b1c Color */
.color-torch-red {
  color: #e30b1c; }

/* #e30b1c Background Color */
.bg-torch-red {
  background-color: #e30b1c; }

/* #e30b1c Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-torch-red {
    background-color: #e30b1c; } }
/* #e30b1c Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-torch-red {
    background-color: #e30b1c; } }
/* #e30b1c Border Color */
.border-torch-red {
  border-color: #e30b1c; }

/* #484848 Color */
.color-charcoal {
  color: #484848; }

/* #484848 Background Color */
.bg-charcoal {
  background-color: #484848; }

/* #484848 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-charcoal {
    background-color: #484848; } }
/* #484848 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-charcoal {
    background-color: #484848; } }
/* #484848 Border Color */
.border-charcoal {
  border-color: #484848; }

/* #d9d9d9 Color */
.color-very-light-grey {
  color: #d9d9d9; }

/* #d9d9d9 Background Color */
.bg-very-light-grey {
  background-color: #d9d9d9; }

/* #d9d9d9 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-very-light-grey {
    background-color: #d9d9d9; } }
/* #d9d9d9 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-very-light-grey {
    background-color: #d9d9d9; } }
/* #d9d9d9 Border Color */
.border-very-light-grey {
  border-color: #d9d9d9; }

/* #4A90E2 Color */
.color-royal-blue {
  color: #4A90E2; }

/* #4A90E2 Background Color */
.bg-royal-blue {
  background-color: #4A90E2; }

/* #4A90E2 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-royal-blue {
    background-color: #4A90E2; } }
/* #4A90E2 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-royal-blue {
    background-color: #4A90E2; } }
/* #4A90E2 Border Color */
.border-royal-blue {
  border-color: #4A90E2; }

/* #DDDDDD Color */
.color-gainsboro {
  color: #DDDDDD; }

/* #DDDDDD Background Color */
.bg-gainsboro {
  background-color: #DDDDDD; }

/* #DDDDDD Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-gainsboro {
    background-color: #DDDDDD; } }
/* #DDDDDD Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-gainsboro {
    background-color: #DDDDDD; } }
/* #DDDDDD Border Color */
.border-gainsboro {
  border-color: #DDDDDD; }

/* #0094B1 Color */
.color-bondi-blue {
  color: #0094B1; }

/* #0094B1 Background Color */
.bg-bondi-blue {
  background-color: #0094B1; }

/* #0094B1 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-bondi-blue {
    background-color: #0094B1; } }
/* #0094B1 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-bondi-blue {
    background-color: #0094B1; } }
/* #0094B1 Border Color */
.border-bondi-blue {
  border-color: #0094B1; }

/* #ffdd15 Color */
.color-waseet-yellow {
  color: #ffdd15; }

/* #ffdd15 Background Color */
.bg-waseet-yellow {
  background-color: #ffdd15; }

/* #ffdd15 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-waseet-yellow {
    background-color: #ffdd15; } }
/* #ffdd15 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-waseet-yellow {
    background-color: #ffdd15; } }
/* #ffdd15 Border Color */
.border-waseet-yellow {
  border-color: #ffdd15; }

/* #f7f8f7 Color */
.color-gray {
  color: #f7f8f7; }

/* #f7f8f7 Background Color */
.bg-gray {
  background-color: #f7f8f7; }

/* #f7f8f7 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-gray {
    background-color: #f7f8f7; } }
/* #f7f8f7 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-gray {
    background-color: #f7f8f7; } }
/* #f7f8f7 Border Color */
.border-gray {
  border-color: #f7f8f7; }

/* #959595 Color */
.color-dark-gray {
  color: #959595; }

/* #959595 Background Color */
.bg-dark-gray {
  background-color: #959595; }

/* #959595 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-dark-gray {
    background-color: #959595; } }
/* #959595 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-dark-gray {
    background-color: #959595; } }
/* #959595 Border Color */
.border-dark-gray {
  border-color: #959595; }

/* #d2d2d2 Color */
.color-light-gray {
  color: #d2d2d2; }

/* #d2d2d2 Background Color */
.bg-light-gray {
  background-color: #d2d2d2; }

/* #d2d2d2 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-gray {
    background-color: #d2d2d2; } }
/* #d2d2d2 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-gray {
    background-color: #d2d2d2; } }
/* #d2d2d2 Border Color */
.border-light-gray {
  border-color: #d2d2d2; }

/* #e7e7e7 Color */
.color-light-grey {
  color: #e7e7e7; }

/* #e7e7e7 Background Color */
.bg-light-grey {
  background-color: #e7e7e7; }

/* #e7e7e7 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-grey {
    background-color: #e7e7e7; } }
/* #e7e7e7 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-grey {
    background-color: #e7e7e7; } }
/* #e7e7e7 Border Color */
.border-light-grey {
  border-color: #e7e7e7; }

/* #49BF7C Color */
.color-paid-color {
  color: #49BF7C; }

/* #49BF7C Background Color */
.bg-paid-color {
  background-color: #49BF7C; }

/* #49BF7C Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-paid-color {
    background-color: #49BF7C; } }
/* #49BF7C Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-paid-color {
    background-color: #49BF7C; } }
/* #49BF7C Border Color */
.border-paid-color {
  border-color: #49BF7C; }

/* #FF6A00 Color */
.color-pending-color {
  color: #FF6A00; }

/* #FF6A00 Background Color */
.bg-pending-color {
  background-color: #FF6A00; }

/* #FF6A00 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-pending-color {
    background-color: #FF6A00; } }
/* #FF6A00 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-pending-color {
    background-color: #FF6A00; } }
/* #FF6A00 Border Color */
.border-pending-color {
  border-color: #FF6A00; }

/* #D9A329 Color */
.color-gold {
  color: #D9A329; }

/* #D9A329 Background Color */
.bg-gold {
  background-color: #D9A329; }

/* #D9A329 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-gold {
    background-color: #D9A329; } }
/* #D9A329 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-gold {
    background-color: #D9A329; } }
/* #D9A329 Border Color */
.border-gold {
  border-color: #D9A329; }

/* #e7e7e7 Color */
.color-platinum {
  color: #e7e7e7; }

/* #e7e7e7 Background Color */
.bg-platinum {
  background-color: #e7e7e7; }

/* #e7e7e7 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-platinum {
    background-color: #e7e7e7; } }
/* #e7e7e7 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-platinum {
    background-color: #e7e7e7; } }
/* #e7e7e7 Border Color */
.border-platinum {
  border-color: #e7e7e7; }

/* #E30B1C0A Color */
.color-light-red {
  color: #E30B1C0A; }

/* #E30B1C0A Background Color */
.bg-light-red {
  background-color: #E30B1C0A; }

/* #E30B1C0A Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-red {
    background-color: #E30B1C0A; } }
/* #E30B1C0A Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-red {
    background-color: #E30B1C0A; } }
/* #E30B1C0A Border Color */
.border-light-red {
  border-color: #E30B1C0A; }

/* #1FAEC1 Color */
.color-expired-color {
  color: #1FAEC1; }

/* #1FAEC1 Background Color */
.bg-expired-color {
  background-color: #1FAEC1; }

/* #1FAEC1 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-expired-color {
    background-color: #1FAEC1; } }
/* #1FAEC1 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-expired-color {
    background-color: #1FAEC1; } }
/* #1FAEC1 Border Color */
.border-expired-color {
  border-color: #1FAEC1; }

/* #AA0000 Color */
.color-rejected-color {
  color: #AA0000; }

/* #AA0000 Background Color */
.bg-rejected-color {
  background-color: #AA0000; }

/* #AA0000 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-rejected-color {
    background-color: #AA0000; } }
/* #AA0000 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-rejected-color {
    background-color: #AA0000; } }
/* #AA0000 Border Color */
.border-rejected-color {
  border-color: #AA0000; }

/* #57BEFB Color */
.color-light-blue {
  color: #57BEFB; }

/* #57BEFB Background Color */
.bg-light-blue {
  background-color: #57BEFB; }

/* #57BEFB Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-light-blue {
    background-color: #57BEFB; } }
/* #57BEFB Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-light-blue {
    background-color: #57BEFB; } }
/* #57BEFB Border Color */
.border-light-blue {
  border-color: #57BEFB; }

/* #8133FF Color */
.color-sold-color {
  color: #8133FF; }

/* #8133FF Background Color */
.bg-sold-color {
  background-color: #8133FF; }

/* #8133FF Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-sold-color {
    background-color: #8133FF; } }
/* #8133FF Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-sold-color {
    background-color: #8133FF; } }
/* #8133FF Border Color */
.border-sold-color {
  border-color: #8133FF; }

/* #9B61F2 Color */
.color-sold-error {
  color: #9B61F2; }

/* #9B61F2 Background Color */
.bg-sold-error {
  background-color: #9B61F2; }

/* #9B61F2 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-sold-error {
    background-color: #9B61F2; } }
/* #9B61F2 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-sold-error {
    background-color: #9B61F2; } }
/* #9B61F2 Border Color */
.border-sold-error {
  border-color: #9B61F2; }

/* #E30B1C Color */
.color-deleted-color {
  color: #E30B1C; }

/* #E30B1C Background Color */
.bg-deleted-color {
  background-color: #E30B1C; }

/* #E30B1C Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-deleted-color {
    background-color: #E30B1C; } }
/* #E30B1C Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-deleted-color {
    background-color: #E30B1C; } }
/* #E30B1C Border Color */
.border-deleted-color {
  border-color: #E30B1C; }

/* #A0A0A0 Color */
.color-form-grey {
  color: #A0A0A0; }

/* #A0A0A0 Background Color */
.bg-form-grey {
  background-color: #A0A0A0; }

/* #A0A0A0 Background Color On Desktop */
@media (min-width: 769px) {
  .bg-lg-form-grey {
    background-color: #A0A0A0; } }
/* #A0A0A0 Background Color On Mobile */
@media (max-width: 768px) {
  .bg-sm-form-grey {
    background-color: #A0A0A0; } }
/* #A0A0A0 Border Color */
.border-form-grey {
  border-color: #A0A0A0; }

/*********************************************************************************************************************
2.0  Font Size System Variable & Class
*********************************************************************************************************************/
/* 0.25rem font-size */
.font-size-o25 {
  font-size: 0.25rem; }

@media (min-width: 769px) {
  .font-size-lg-o25 {
    font-size: 0.25rem; } }
@media (max-width: 768px) {
  .font-size-sm-o25 {
    font-size: 0.25rem; } }
/* 0.5rem font-size */
.font-size-o5 {
  font-size: 0.5rem; }

@media (min-width: 769px) {
  .font-size-lg-o5 {
    font-size: 0.5rem; } }
@media (max-width: 768px) {
  .font-size-sm-o5 {
    font-size: 0.5rem; } }
/* 0.6rem font-size */
.font-size-o6 {
  font-size: 0.6rem; }

@media (min-width: 769px) {
  .font-size-lg-o6 {
    font-size: 0.6rem; } }
@media (max-width: 768px) {
  .font-size-sm-o6 {
    font-size: 0.6rem; } }
/* 0.625rem font-size */
.font-size-o625 {
  font-size: 0.625rem; }

@media (min-width: 769px) {
  .font-size-lg-o625 {
    font-size: 0.625rem; } }
@media (max-width: 768px) {
  .font-size-sm-o625 {
    font-size: 0.625rem; } }
/* 0.6875rem font-size */
.font-size-o6875 {
  font-size: 0.6875rem; }

@media (min-width: 769px) {
  .font-size-lg-o6875 {
    font-size: 0.6875rem; } }
@media (max-width: 768px) {
  .font-size-sm-o6875 {
    font-size: 0.6875rem; } }
/* 0.75rem font-size */
.font-size-o75 {
  font-size: 0.75rem; }

@media (min-width: 769px) {
  .font-size-lg-o75 {
    font-size: 0.75rem; } }
@media (max-width: 768px) {
  .font-size-sm-o75 {
    font-size: 0.75rem; } }
/* 0.875rem font-size */
.font-size-o875 {
  font-size: 0.875rem; }

@media (min-width: 769px) {
  .font-size-lg-o875 {
    font-size: 0.875rem; } }
@media (max-width: 768px) {
  .font-size-sm-o875 {
    font-size: 0.875rem; } }
/* 1rem font-size */
.font-size-1 {
  font-size: 1rem; }

@media (min-width: 769px) {
  .font-size-lg-1 {
    font-size: 1rem; } }
@media (max-width: 768px) {
  .font-size-sm-1 {
    font-size: 1rem; } }
/* 1.125rem font-size */
.font-size-1o125 {
  font-size: 1.125rem; }

@media (min-width: 769px) {
  .font-size-lg-1o125 {
    font-size: 1.125rem; } }
@media (max-width: 768px) {
  .font-size-sm-1o125 {
    font-size: 1.125rem; } }
/* 1.25rem font-size */
.font-size-1o25 {
  font-size: 1.25rem; }

@media (min-width: 769px) {
  .font-size-lg-1o25 {
    font-size: 1.25rem; } }
@media (max-width: 768px) {
  .font-size-sm-1o25 {
    font-size: 1.25rem; } }
/* 1.5rem font-size */
.font-size-1o5 {
  font-size: 1.5rem; }

@media (min-width: 769px) {
  .font-size-lg-1o5 {
    font-size: 1.5rem; } }
@media (max-width: 768px) {
  .font-size-sm-1o5 {
    font-size: 1.5rem; } }
/* 1.75rem font-size */
.font-size-1o75 {
  font-size: 1.75rem; }

@media (min-width: 769px) {
  .font-size-lg-1o75 {
    font-size: 1.75rem; } }
@media (max-width: 768px) {
  .font-size-sm-1o75 {
    font-size: 1.75rem; } }
/* 2rem font-size */
.font-size-2 {
  font-size: 2rem; }

@media (min-width: 769px) {
  .font-size-lg-2 {
    font-size: 2rem; } }
@media (max-width: 768px) {
  .font-size-sm-2 {
    font-size: 2rem; } }
/* 2.25rem font-size */
.font-size-2o25 {
  font-size: 2.25rem; }

@media (min-width: 769px) {
  .font-size-lg-2o25 {
    font-size: 2.25rem; } }
@media (max-width: 768px) {
  .font-size-sm-2o25 {
    font-size: 2.25rem; } }
/* 2.5rem font-size */
.font-size-2o5 {
  font-size: 2.5rem; }

@media (min-width: 769px) {
  .font-size-lg-2o5 {
    font-size: 2.5rem; } }
@media (max-width: 768px) {
  .font-size-sm-2o5 {
    font-size: 2.5rem; } }
/* 3rem font-size */
.font-size-3 {
  font-size: 3rem; }

@media (min-width: 769px) {
  .font-size-lg-3 {
    font-size: 3rem; } }
@media (max-width: 768px) {
  .font-size-sm-3 {
    font-size: 3rem; } }
/*********************************************************************************************************************
3.0  Order Class
*********************************************************************************************************************/
/* 1 order */
@media (min-width: 769px) {
  .order-lg-1 {
    order: 1; } }
@media (max-width: 768px) {
  .order-sm-1 {
    order: 1; } }
/* 2 order */
@media (min-width: 769px) {
  .order-lg-2 {
    order: 2; } }
@media (max-width: 768px) {
  .order-sm-2 {
    order: 2; } }
/* 3 order */
@media (min-width: 769px) {
  .order-lg-3 {
    order: 3; } }
@media (max-width: 768px) {
  .order-sm-3 {
    order: 3; } }
/* 4 order */
@media (min-width: 769px) {
  .order-lg-4 {
    order: 4; } }
@media (max-width: 768px) {
  .order-sm-4 {
    order: 4; } }
/* 5 order */
@media (min-width: 769px) {
  .order-lg-5 {
    order: 5; } }
@media (max-width: 768px) {
  .order-sm-5 {
    order: 5; } }
/* 6 order */
@media (min-width: 769px) {
  .order-lg-6 {
    order: 6; } }
@media (max-width: 768px) {
  .order-sm-6 {
    order: 6; } }
/* 7 order */
@media (min-width: 769px) {
  .order-lg-7 {
    order: 7; } }
@media (max-width: 768px) {
  .order-sm-7 {
    order: 7; } }
/* 8 order */
@media (min-width: 769px) {
  .order-lg-8 {
    order: 8; } }
@media (max-width: 768px) {
  .order-sm-8 {
    order: 8; } }
/* 9 order */
@media (min-width: 769px) {
  .order-lg-9 {
    order: 9; } }
@media (max-width: 768px) {
  .order-sm-9 {
    order: 9; } }
/* 10 order */
@media (min-width: 769px) {
  .order-lg-10 {
    order: 10; } }
@media (max-width: 768px) {
  .order-sm-10 {
    order: 10; } }
/* 11 order */
@media (min-width: 769px) {
  .order-lg-11 {
    order: 11; } }
@media (max-width: 768px) {
  .order-sm-11 {
    order: 11; } }
/* 12 order */
@media (min-width: 769px) {
  .order-lg-12 {
    order: 12; } }
@media (max-width: 768px) {
  .order-sm-12 {
    order: 12; } }
/*********************************************************************************************************************
4.0  Custom Icons Style
*********************************************************************************************************************/
.close-icon {
  background: url(/common-assets/img/custom-icons/close.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  background-size: 100%; }

.search-icon {
  background: url(/common-assets/img/custom-icons/search.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  background-size: 100%; }

.back-icon {
  background: url(/common-assets/img/custom-icons/arrows/arrow-right.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  background-size: 100%; }
  [dir=rtl] .back-icon {
    background: url(/common-assets/img/custom-icons/arrows/arrow-left.svg) 100% 50% no-repeat; }

.back-icon-sm {
  background: url(/common-assets/img/custom-icons/arrows/arrow-sm-right.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  margin-right: -0.5rem;
  margin-bottom: 0.2rem;
  background-size: 100%; }
  [dir=rtl] .back-icon-sm {
    background: url(/common-assets/img/custom-icons/arrows/arrow-sm-left.svg) 100% 50% no-repeat; }
  [dir=rtl] .back-icon-sm {
    margin-right: unset;
    margin-left: -0.5rem; }

.add-photo-icon {
  background: url(/common-assets/img/custom-icons/add-photo.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-photo-icon {
    padding: 1.5rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-photo-icon {
    padding: 1.25rem; } }

.rotate-left {
  background: url(/common-assets/img/custom-icons/rotate-left.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%; }

.rotate-right {
  background: url(/common-assets/img/custom-icons/rotate-right.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%; }

.zoom-in {
  background: url(/common-assets/img/custom-icons/zoom-in-black.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%; }

.zoom-out {
  background: url(/common-assets/img/custom-icons/zoom-out-black.svg) 100% 50% no-repeat;
  padding: 1rem;
  background-size: 100%; }

.red-pencil {
  background: url(/common-assets/img/custom-icons/red-pencil.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }

.share-black-icon {
  background: url(/common-assets/img/ads-actions/share-black.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem; }
  @media (max-width: 768px) {
    .share-black-icon {
      padding: 0.5rem; } }

.social-call-icon {
  background: url(/common-assets/img/ads-actions/call-blue.svg) 100% 50% no-repeat;
  padding: 0.65rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem; }
  @media (max-width: 768px) {
    .social-call-icon {
      padding: 0.5rem; } }

.social-whatsapp-icon {
  background: url("/common-assets/img/ads-actions/whatsapp.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem; }

input {
  border-color: #d9d9d9 !important; }

button:focus {
  outline: none; }

.text-decoration-underline {
  text-decoration: underline; }

::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {
  color: #d9d9d9; }

.height-100 {
  height: 100%; }

.cursor-default {
  cursor: default; }

.overflow-x-hidden {
  overflow-x: hidden; }

.cursor-pointer {
  cursor: pointer; }

.b-top-1 {
  border-top: 1px solid #e7e7e7; }

.b-bottom-1 {
  border-bottom: 1px solid #e7e7e7; }

.success-message {
  color: #155724; }

.danger-message {
  color: #e30b1c; }

.disabled-link {
  cursor: not-allowed;
  pointer-events: all; }

.hide-scroll, #notification-wrapper-menu, #notification-wrapper-page {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none; }
  .hide-scroll::-webkit-scrollbar, #notification-wrapper-menu::-webkit-scrollbar, #notification-wrapper-page::-webkit-scrollbar {
    display: none; }

.badge-img {
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  top: 0; }
  [dir=rtl] .badge-img {
    left: inhert;
    right: 0; }

/*********************************************************************************************************************
4.1  Common Needed Style
*********************************************************************************************************************/
html {
  height: 100%; }

body {
  margin: 0;
  overflow-x: hidden;
  min-height: 100%;
  background-color: #fff; }

body[dir="ltr"] .rtl-rotate {
  transform: rotate(180deg); }

body[dir="rtl"] .rtl-rotate {
  transform: rotate(0deg); }

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; }

/* Waseet English Font */
.english-font, body, .select2-container--bootstrap .select2-selection, #add-personal-information-step-wrapper #temp-phone-number, #add-personal-information-step-wrapper .iti--allow-dropdown input, #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code, #sticky-interested-user-wrapper #temp-phone-number, #sticky-interested-user-wrapper .iti--allow-dropdown input, #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code, .box-theme .phone-number-input .iti--allow-dropdown input, .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
  font-family: "Roboto", sans-serif; }

/* Waseet Arabic Font */
.arabic-font, body[dir="rtl"] .select2-container--bootstrap .select2-selection, body[dir="rtl"] {
  font-family: "NotoKufiArabic", sans-serif; }

.arabic-bold-font, body[dir="rtl"] .font-weight-bold, body[dir="rtl"] .profile-wrapper .profile-tabs .profile-tab.active .profile-tab-link, .profile-wrapper .profile-tabs .profile-tab.active body[dir="rtl"] .profile-tab-link, body[dir="rtl"] .profile-wrapper .profile-ads-tabs .profile-ads-tab.active, .profile-wrapper .profile-ads-tabs body[dir="rtl"] .profile-ads-tab.active, body[dir="rtl"] #profile-comments-wrapper .comment-box .pending-review-box, #profile-comments-wrapper .comment-box body[dir="rtl"] .pending-review-box, body[dir="rtl"] #profile-comments-wrapper .comment-box .rejected-box, #profile-comments-wrapper .comment-box body[dir="rtl"] .rejected-box, body[dir="rtl"] .sticky-box, body[dir="rtl"] .paid-box, body[dir="rtl"] .pending-payment-status-box, body[dir="rtl"] .pending-review-box, body[dir="rtl"] .rejected-box, body[dir="rtl"] .expired-box, body[dir="rtl"] .sold-box {
  font-family: "NotoKufiArabic", sans-serif;
  font-weight: bold !important; }

/* Helper Class For Set Direction to LTR for any field section specially for arabic layout  */
.only-ltr, .vertical-slider-with-thumbnail-widget .lSSlideWrapper {
  direction: ltr; }

/* Common Shadow Style */
.common-box-shadow, #sticky-wrapper .sticky-item, #aside-wrapper .aside-content-wrapper .do-you-have-product-to-sell, .taxonomy-widget .category-item {
  box-shadow: 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.06); }

/* This class handling direction align for LTR/RTL dynamic */
.real-align-direction, #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage {
  direction: ltr; }
  [dir=rtl] .real-align-direction, [dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage, #listing-ads-wrapper #listing-owl-ads-carousel [dir=rtl] .owl-stage {
    direction: rtl; }

/* This class handling text align for LTR/RTL dynamic */
.text-real-align, .select2-container--bootstrap, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu, #search-bar-wrapper #search-bar-stores #pre-stores-label, #simple-search-bar-wrapper #search-bar-stores #pre-stores-label {
  text-align: left; }
  [dir=rtl] .text-real-align, [dir=rtl] .select2-container--bootstrap, [dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu, .upper-menu .nav-link #main-menu-collapse .nav li [dir=rtl] .main-menu-item-dropdown + .dropdown-menu, [dir=rtl] #search-bar-wrapper #search-bar-stores #pre-stores-label, #search-bar-wrapper #search-bar-stores [dir=rtl] #pre-stores-label, [dir=rtl] #simple-search-bar-wrapper #search-bar-stores #pre-stores-label, #simple-search-bar-wrapper #search-bar-stores [dir=rtl] #pre-stores-label {
    text-align: right; }

/* This class handling text align for LTR/RTL dynamic */
.text-flip-align {
  text-align: right; }
  [dir=rtl] .text-flip-align {
    text-align: left; }

/* This class handling float align for right in LTR to left in RTL */
.float-right-real-align, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action, #search-bar-wrapper #search-bar-stores, #simple-search-bar-wrapper #search-bar-stores {
  float: right; }
  [dir=rtl] .float-right-real-align, [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li [dir=rtl] .responsive-main-menu-item--link-action, [dir=rtl] #search-bar-wrapper #search-bar-stores, #search-bar-wrapper [dir=rtl] #search-bar-stores, [dir=rtl] #simple-search-bar-wrapper #search-bar-stores, #simple-search-bar-wrapper [dir=rtl] #search-bar-stores {
    float: left; }

/* This class handling float align for left in LTR to right in RTL */
.float-left-real-align {
  float: left; }
  [dir=rtl] .float-left-real-align {
    float: right; }

/* This class will be flip right arrow to left when website is rtl */
.flip-chevron-right::before {
  content: ""; }
  [dir=rtl] .flip-chevron-right::before {
    content: ""; }

/* This class will be flip left arrow to right when website is rtl */
.flip-chevron-left::before {
  content: ""; }
  [dir=rtl] .flip-chevron-left::before {
    content: ""; }

/* Seperator line for menu item */
.separator-line, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link.with-border::after {
  content: " ";
  width: 0;
  height: 32px;
  border: solid 1px #cfd9e1;
  margin-left: 1rem;
  margin-right: 1rem; }

.stores-section img {
  filter: invert(78%) sepia(1%) saturate(0%) hue-rotate(116deg) brightness(96%) contrast(85%);
  margin: 0 .5rem; }
  .stores-section img:hover {
    transform: scale(1.1); }

[dir=rtl] .custom-select {
  background-position-x: 0.75rem;
  padding-left: 1.75rem;
  padding-right: 0.75rem; }

.hold-content {
  pointer-events: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  filter: brightness(150%) saturate(150%) blur(8px); }

.blur-content {
  filter: blur(4px); }

.overlay-content {
  position: fixed;
  left: 0;
  z-index: 100001;
  width: 100vw;
  height: 100vh;
  outline: 0;
  right: 0;
  opacity: 1.5;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0; }

.full-z-index {
  z-index: 1040; }

.line-height-2 {
  line-height: 2; }

.max-width-90 {
  max-width: 90%; }

.text-direction-line-through {
  text-decoration: line-through; }

/*********************************************************************************************************************
4.2  Common Button Style
*********************************************************************************************************************/
/* Common Wasset Red Button */
.btn-waseet-red {
  color: #fff;
  background-color: #e30b1c;
  border-color: #e30b1c; }
  .btn-waseet-red:active, .btn-waseet-red:focus {
    color: #fff;
    box-shadow: 0 0 0.25rem 0 #e30b1c; }
  .btn-waseet-red:hover {
    color: #fff;
    background-color: #d90036; }

/* Common Wasset Red Outline Button */
.btn-waseet-outline-red {
  color: #e30b1c;
  background-color: #fff;
  border-color: #e30b1c; }
  .btn-waseet-outline-red:active, .btn-waseet-outline-red:focus {
    color: #e30b1c;
    box-shadow: 0 0 0.25rem 0 #fff; }
  .btn-waseet-outline-red:hover {
    color: #fff;
    background-color: #d90036;
    border-color: #d90036; }

/* Common Wasset Royal Blue Button */
.btn-waseet-royal-blue {
  color: #fff;
  background-color: #4A90E2;
  border-color: #4A90E2; }
  .btn-waseet-royal-blue:active, .btn-waseet-royal-blue:focus {
    color: #fff;
    box-shadow: 0 0 0.25rem 0 #4A90E2; }
  .btn-waseet-royal-blue:hover {
    color: #fff;
    background-color: #377ED0; }

/* Common Wasset Gray Button */
.btn-waseet-gray {
  color: #484848;
  background-color: #d9d9d9;
  border-color: #d9d9d9; }
  .btn-waseet-gray:active, .btn-waseet-gray:focus {
    color: #484848;
    box-shadow: 0 0 0.25rem 0 #d9d9d9; }
  .btn-waseet-gray:hover {
    color: #484848;
    background-color: #DDDDDD; }

/* Common Wasset Dark Gray Button */
.btn-waseet-dark-gray {
  color: #fff;
  background-color: #959595;
  border-color: #959595; }
  .btn-waseet-dark-gray:active, .btn-waseet-dark-gray:focus {
    color: #fff;
    box-shadow: 0 0 0.25rem 0 #959595; }
  .btn-waseet-dark-gray:hover {
    color: #fff;
    background-color: #DDDDDD; }

/* Common Wasset Royal Green Outline Button */
.btn-waseet-outline-green {
  color: #00bd54;
  background-color: #fff;
  border-color: #00bd54; }
  .btn-waseet-outline-green:active, .btn-waseet-outline-green:focus {
    color: #00bd54;
    box-shadow: 0 0 0.25rem 0 #fff; }
  .btn-waseet-outline-green:hover {
    color: #fff;
    background-color: #06d261;
    border-color: #06d261; }

/* Common Wasset Green Outline Button */
.btn-waseet-green {
  color: #fff;
  background-color: #00bd54;
  border-color: #fff; }
  .btn-waseet-green:active, .btn-waseet-green:focus {
    color: #fff;
    box-shadow: 0 0 0.25rem 0 #00bd54; }
  .btn-waseet-green:hover {
    color: #00bd54;
    background-color: #06d261;
    border-color: #06d261; }

/* Common Wasset Yellow Button */
.btn-waseet-yellow {
  color: #000;
  background-color: #ffdd15;
  border-color: #000; }
  .btn-waseet-yellow:active, .btn-waseet-yellow:focus {
    color: #000;
    box-shadow: 0 0 0.25rem 0 #ffdd15; }
  .btn-waseet-yellow:hover {
    color: #ffdd15;
    background-color: #fff;
    border-color: #fff; }

/* Common Wasset Royal Green Outline Button */
.btn-waseet-outline-royalBlue {
  color: #4A90E2;
  background-color: #fff;
  border-color: #4A90E2; }
  .btn-waseet-outline-royalBlue:active, .btn-waseet-outline-royalBlue:focus {
    color: #4A90E2;
    box-shadow: 0 0 0.25rem 0 #fff; }
  .btn-waseet-outline-royalBlue:hover {
    color: #fff;
    background-color: #4A90E2;
    border-color: #4A90E2; }

/* Common Wasset Share Button */
.btn-waseet-share {
  color: #484848;
  background-color: #fff;
  border-color: #484848; }
  .btn-waseet-share:active, .btn-waseet-share:focus {
    color: #484848;
    box-shadow: 0 0 0.25rem 0 #fff; }
  .btn-waseet-share:hover {
    color: #fff;
    background-color: #DDDDDD;
    border-color: #DDDDDD; }

.wasset-btn-default-size {
  padding: 0.9rem;
  height: 3.5rem;
  min-width: 9rem; }

.social-btn-action {
  cursor: pointer;
  padding: 1rem 1.5rem;
  height: 3.5rem;
  width: 9rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .social-btn-action {
    padding: 0.875rem 1.5rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .social-btn-action {
    padding: 0.875rem 1.5rem; } }

  @media (max-width: 768px) {
    .social-btn-action {
      justify-content: center;
      display: flex;
      height: 2.5rem;
      width: 4rem;
      padding: 0.5rem 1.5rem; } }

.btn-waseet-load-more {
  color: #484848;
  background-color: #f1f1f1;
  border-radius: 0.25rem; }

/*********************************************************************************************************************
4.3  Common Link Style
*********************************************************************************************************************/
/* Common Waseet Links Style */
.waseet-link, .waseet-charcoal-link, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item, #sticky-wrapper .sticky-item, .taxonomy-widget .category-item, .country-flag-widget, .waseet-gray-link, #footer .footer-menu li a {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal; }

/* Common Waseet Links Charcoal Style */
.waseet-charcoal-link, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item, #sticky-wrapper .sticky-item, .taxonomy-widget .category-item, .country-flag-widget {
  color: #484848; }
  .waseet-charcoal-link:hover, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:hover, #sticky-wrapper .sticky-item:hover, .taxonomy-widget .category-item:hover, .country-flag-widget:hover {
    color: #1D76DE; }
  .waseet-charcoal-link:active, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:active, #sticky-wrapper .sticky-item:active, .taxonomy-widget .category-item:active, .country-flag-widget:active {
    color: #1D76DE; }
  .waseet-charcoal-link:focus, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:focus, #sticky-wrapper .sticky-item:focus, .taxonomy-widget .category-item:focus, .country-flag-widget:focus {
    color: #1D76DE; }
  .waseet-charcoal-link:hover, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:hover, #sticky-wrapper .sticky-item:hover, .taxonomy-widget .category-item:hover, .country-flag-widget:hover, .waseet-charcoal-link:active, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:active, #sticky-wrapper .sticky-item:active, .taxonomy-widget .category-item:active, .country-flag-widget:active, .waseet-charcoal-link:focus, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:focus, #sticky-wrapper .sticky-item:focus, .taxonomy-widget .category-item:focus, .country-flag-widget:focus {
    text-decoration: none; }

.waseet-royalBlue-link, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown, .pin-header-with-line a {
  color: #1D76DE; }
  .waseet-royalBlue-link:hover, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:hover, .pin-header-with-line a:hover {
    color: #484848; }
  .waseet-royalBlue-link:active, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:active, .pin-header-with-line a:active {
    color: #484848; }
  .waseet-royalBlue-link:focus, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:focus, .pin-header-with-line a:focus {
    color: #484848; }
  .waseet-royalBlue-link:hover, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:hover, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:hover, .pin-header-with-line a:hover, .waseet-royalBlue-link:active, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:active, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:active, .pin-header-with-line a:active, .waseet-royalBlue-link:focus, #breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link:focus, .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown:focus, .pin-header-with-line a:focus {
    text-decoration: none; }

.waseet-gray-link, #footer .footer-menu li a {
  color: #d9d9d9; }
  .waseet-gray-link:hover, #footer .footer-menu li a:hover {
    color: #fff; }
  .waseet-gray-link:active, #footer .footer-menu li a:active {
    color: #fff; }
  .waseet-gray-link:focus, #footer .footer-menu li a:focus {
    color: #fff; }
  .waseet-gray-link:hover, #footer .footer-menu li a:hover, .waseet-gray-link:active, #footer .footer-menu li a:active, .waseet-gray-link:focus, #footer .footer-menu li a:focus {
    text-decoration: none; }

/*********************************************************************************************************************
4.4  Common Carousel OWL2 Style For Bottom Indicators
*********************************************************************************************************************/
.carousel-with-bottom-indicators .owl-stage {
  display: flex; }
  .carousel-with-bottom-indicators .owl-stage .owl-item {
    flex: 0 0 auto; }
    .carousel-with-bottom-indicators .owl-stage .owl-item .item-class {
      height: 100%; }
      .carousel-with-bottom-indicators .owl-stage .owl-item .item-class img {
        height: 100%;
        padding-right: 0.8125rem;
        padding-left: 0.8125rem; }
.carousel-with-bottom-indicators .owl-nav {
  text-align: left; }
  .carousel-with-bottom-indicators .owl-nav .common-owl-button-nav, .carousel-with-bottom-indicators .owl-nav button.owl-prev, .carousel-with-bottom-indicators .owl-nav button.owl-next {
    margin: 0.8125rem;
    color: #484848;
    font-size: 1.28rem; }
    .carousel-with-bottom-indicators .owl-nav .common-owl-button-nav:focus, .carousel-with-bottom-indicators .owl-nav button.owl-prev:focus, .carousel-with-bottom-indicators .owl-nav button.owl-next:focus {
      outline: none; }
  .carousel-with-bottom-indicators .owl-nav button.owl-next {
    float: right; }
.carousel-with-bottom-indicators.red-owl-dot .owl-nav .common-owl-button-nav, .carousel-with-bottom-indicators.red-owl-dot .owl-nav button.owl-prev, .carousel-with-bottom-indicators.red-owl-dot .owl-nav button.owl-next {
  font-size: 1.5rem; }
.carousel-with-bottom-indicators.red-owl-dot .owl-dots .owl-dot {
  width: 12px;
  height: 12px; }
  .carousel-with-bottom-indicators.red-owl-dot .owl-dots .owl-dot.active {
    background-color: #e30b1c; }
.carousel-with-bottom-indicators .owl-dots {
  position: absolute;
  bottom: 1.125rem;
  left: 50%;
  transform: translate(-50%, 0); }
  .carousel-with-bottom-indicators .owl-dots .owl-dot {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    display: inline-block;
    background: #d9d9d9;
    margin: 0 0.1875rem; }
    .carousel-with-bottom-indicators .owl-dots .owl-dot.active {
      background-color: #484848; }
    .carousel-with-bottom-indicators .owl-dots .owl-dot:focus {
      outline: none; }

/*********************************************************************************************************************
4.5  Select2 Custom Style
*********************************************************************************************************************/
.select2-container--bootstrap .select2-selection {
  height: 2.5rem;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem; }

.select2-results__option {
  font-size: 0.875rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .select2-results__option {
    font-size: 1rem; } }

/*********************************************************************************************************************
4.6  Icon Inside Text Input ex: Search
*********************************************************************************************************************/
.icon-inside-input {
  position: relative; }
  .icon-inside-input__icon {
    position: absolute;
    right: 12px;
    top: 0.75rem;
    font-size: 1rem;
    color: #A0A0A0;
    z-index: 3; }
    [dir=rtl] .icon-inside-input__icon {
      right: inherit;
      left: 12px; }
  .icon-inside-input .form-control:focus {
    outline: none !important;
    box-shadow: unset !important; }
  .icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
    left: 0.9375rem;
    left: inherit; }
    [dir=rtl] .icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
      left: 0.9375rem;
      right: inherit; }

/*********************************************************************************************************************
5.6.0  Pagination Common Component Style
*********************************************************************************************************************/
.common-pagination-style {
  display: flex;
  justify-content: center;
  margin-top: 2rem; }
  .common-pagination-style .pagination {
    padding: 0; }
    .common-pagination-style .pagination .page-item .page-link {
      color: #e30b1c; }
    .common-pagination-style .pagination .page-item.active .page-link {
      color: #fff;
      background-color: #e30b1c;
      border-color: #e30b1c; }
    .common-pagination-style .pagination .page-item.disabled .page-link {
      color: #d9d9d9; }

/*********************************************************************************************************************
6.6.0  Overlay Loader Component Style
*********************************************************************************************************************/
#overlay-loading {
  display: none; }
  #overlay-loading #overlay-loading-spinner {
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1040;
    display: flex;
    justify-content: center;
    align-items: center; }
    #overlay-loading #overlay-loading-spinner .spinner-border {
      width: 3rem;
      height: 3rem; }

.spin {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }

.spin div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent; }

.spin div:nth-child(1) {
  animation-delay: -0.45s; }

.spin div:nth-child(2) {
  animation-delay: -0.3s; }

.spin div:nth-child(3) {
  animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes preload {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes spiner {
  0%,100%,75% {
    transform: translateY(0px); }
  25% {
    transform: translateY(-20px); } }
/*********************************************************************************************************************
7.6.0  Breadcrumbs Component Style
*********************************************************************************************************************/
#breadcrumb-wrapper .breadcrumb {
  background-color: inherit;
  margin-bottom: 0; }
  #breadcrumb-wrapper .breadcrumb .breadcrumb-item {
    font-size: 0.875rem;
    line-height: 1.14;
    padding: 0; }
    #breadcrumb-wrapper .breadcrumb .breadcrumb-item.active {
      color: #64798B; }
    #breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      float: left;
      content: ">";
      padding-left: 0.5rem; }
      [dir=rtl] #breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        float: right; }

/*********************************************************************************************************************
8.6.0  Radio Custom Component Style
*********************************************************************************************************************/
/* The container */
.custom-radio-container {
  display: block;
  position: relative;
  padding-left: 2.1875rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom radio button */ }
  [dir=rtl] .custom-radio-container {
    padding-left: 0;
    padding-right: 2.1875rem; }
  .custom-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .custom-radio-container input:checked ~ .checkmark:after {
    display: block; }
  .custom-radio-container .checked-style, .custom-radio-container input:checked ~ .checkmark, .custom-radio-container:hover input ~ .checkmark {
    background-color: #fff;
    border: 1px solid #e30b1c; }
    .custom-radio-container .checked-style:after, .custom-radio-container input:checked ~ .checkmark:after, .custom-radio-container:hover input ~ .checkmark:after {
      background: #e30b1c; }
  .custom-radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #f6f6f6;
    border: 1px solid #64798B;
    border-radius: 50%; }
    [dir=rtl] .custom-radio-container .checkmark {
      left: inherit;
      right: 0; }
    .custom-radio-container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 0.325rem;
      top: 6px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #64798B; }
      [dir=rtl] .custom-radio-container .checkmark:after {
        left: inherit;
        right: 0.325rem; }

/*********************************************************************************************************************
9.6.0  Custom Notification
*********************************************************************************************************************/
#notification-wrapper-menu {
  background: #fff;
  width: 25.875rem;
  max-height: 30.25rem;
  overflow-y: scroll;
  padding: 1.25rem 0;
  box-shadow: 0 0.188rem 0.375rem #00000029;
  border: 0.063rem solid #D7D7D7; }
  #notification-wrapper-menu #notification-header {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1.438rem; }
    #notification-wrapper-menu #notification-header .custom-switch-label {
      color: #959595;
      font-size: 0.875rem;
      margin-right: 0.75rem; }
      [dir=rtl] #notification-wrapper-menu #notification-header .custom-switch-label {
        margin-left: 0; }
    #notification-wrapper-menu #notification-header .custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: #06d261;
      background-color: #06d261; }
  #notification-wrapper-menu #infscr-loading {
    text-align: center;
    margin: 0 auto; }
    #notification-wrapper-menu #infscr-loading img {
      width: 24px; }
  #notification-wrapper-menu #notification-content .notifications-item {
    display: block;
    color: #484848;
    margin-bottom: 0.5rem;
    padding: 0.75rem 1rem; }
    #notification-wrapper-menu #notification-content .notifications-item .image-content {
      position: relative; }
      #notification-wrapper-menu #notification-content .notifications-item .image-content .img-66 {
        height: 4.125rem;
        width: 4.125rem; }
    #notification-wrapper-menu #notification-content .notifications-item .notification-text {
      font-size: 0.75rem;
      flex: 1;
      margin-left: 1rem; }
      [dir=rtl] #notification-wrapper-menu #notification-content .notifications-item .notification-text {
        margin-left: inherit;
        margin-right: 1rem; }
      #notification-wrapper-menu #notification-content .notifications-item .notification-text span {
        white-space: normal;
        text-align: start; }
    #notification-wrapper-menu #notification-content .notifications-item .notification-time {
      font-size: 0.625rem;
      margin-top: 0.625rem; }
    #notification-wrapper-menu #notification-content .notifications-item.active {
      background: #e7e7e740; }
    #notification-wrapper-menu #notification-content .notifications-item:hover {
      background: #e7e7e780; }
    #notification-wrapper-menu #notification-content .notifications-item:last-child {
      margin-bottom: 0; }
  #notification-wrapper-menu .pagination {
    display: none; }

.notification-count-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 9px;
  left: -1px;
  top: 5px;
  width: 21px;
  height: 13px;
  background: #484848 0% 0% no-repeat padding-box;
  border: 1px solid #FAFAFA;
  border-radius: 7px;
  opacity: 1;
  align-items: center; }
  [dir=rtl] .notification-count-badge {
    left: inherit;
    right: -1px; }

.notification-container.dropdown-toggle::after {
  display: none; }

[dir="ltr"] #notification-wrapper-menu #switches-wrapper {
  margin-right: -0.5rem; }

/*********************************************************************************************************************
9.7  Common Header Style
*********************************************************************************************************************/
.header {
  width: 100%;
  box-shadow: #00000029 0 3px 6px;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  @media (min-width: 769px) {
    .header {
      position: sticky;
      z-index: 350;
      top: 0;
      left: 0;
      background-color: white; } }
  @media (max-width: 768px) {
    .header {
      box-shadow: unset; } }
  .header .dropdown-item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0.5rem; }
  .header .dropdown-item:active {
    background-color: unset; }
  .header .dropdown-header {
    display: block;
    padding: 0.5rem 0.5rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: #484848;
    white-space: nowrap;
    text-align: right;
    font-weight: bold; }
  .header .dropdown-toggle::after {
    display: none; }
  .header .switch {
    position: relative;
    display: inline-block;
    width: 24pt;
    height: 10pt; }
  .header .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .header .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .header .slider:before {
    position: absolute;
    content: "";
    height: 14pt;
    width: 14pt;
    left: 15px;
    bottom: -2px;
    background-color: #B3B3B3;
    -webkit-transition: .4s;
    transition: .4s; }
  .header input:checked + .slider {
    background-color: #9FE3AE; }
  .header input:focus + .slider {
    box-shadow: 0 0 1px #9FE3AE; }
  .header input:checked + .slider:before {
    -webkit-transform: translateX(-14px);
    -ms-transform: translateX(-14px);
    transform: translateX(-14px);
    background-color: #00E232; }
  .header .slider.round {
    border-radius: 34px; }
  .header .slider.round:before {
    border-radius: 50%; }

.upper-menu {
  position: relative;
  background-color: #f7f8f7; }
  .upper-menu .hidden-country {
    display: none; }
  .upper-menu .nav-item .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #06d261;
    background-color: #06d261; }
  .upper-menu ul {
    padding: 0; }
  .upper-menu .nav-link {
    padding: 0; }
    .upper-menu .nav-link .container {
      padding-left: 0;
      padding-right: 0;
      justify-content: flex-end; }
    .upper-menu .nav-link #main-menu-collapse {
      justify-content: flex-end; }
      .upper-menu .nav-link #main-menu-collapse .btn-waseet-red {
        min-width: 9.5rem; }
      .upper-menu .nav-link #main-menu-collapse .nav {
        align-items: center; }
        @media (max-width: 992px) {
          .upper-menu .nav-link #main-menu-collapse .nav {
            align-items: flex-end;
            padding-right: 0;
            padding-left: 0; } }
        .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link {
          font-weight: bold;
          line-height: 2;
          font-size: 14px;
          padding: 0; }
          @media (max-width: 992px) {
            .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-link.with-border::after {
              display: none; } }
        .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown {
          font-weight: bold;
          line-height: 2;
          padding-top: 0;
          padding-bottom: 0; }
          .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu {
            left: 0; }
            [dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown + .dropdown-menu {
              left: 0;
              right: 0; }
          .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown::after {
            margin-left: 0.2rem; }
            [dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .main-menu-item-dropdown::after {
              margin-left: 0;
              margin-right: 0.2rem; }
        .upper-menu .nav-link #main-menu-collapse .nav li .btn-waseet-red {
          color: #fff;
          font-size: 0.875rem;
          margin-left: 1.5rem; }
          [dir=rtl] .upper-menu .nav-link #main-menu-collapse .nav li .btn-waseet-red {
            margin-left: 0;
            margin-right: 1.5rem; }
    .upper-menu .nav-link #notification-dropdown-menu {
      border: 0; }
  .upper-menu .nav-item {
    position: relative; }

.lower-menu {
  position: relative;
  overflow: hidden; }
  .lower-menu .logo-header {
    width: 126.5px;
    height: 36px; }
  .lower-menu .lower-menu-item {
    color: #484848;
    font-size: 1.1rem;
    text-decoration: none;
    cursor: pointer;
    transition: all ease-in-out .3ms;
    position: relative;
    display: inline-block;
    font-weight: normal; }
    .lower-menu .lower-menu-item:before {
      display: block !important;
      content: attr(title) !important;
      font-weight: bold !important;
      height: 0 !important;
      overflow: hidden !important;
      visibility: hidden !important; }
  .lower-menu .lower-menu-item:hover {
    font-weight: bold; }
  .lower-menu .lower-menu-item::after {
    content: '';
    display: block;
    width: 70%;
    height: 4px;
    background: #E30B1C;
    transition: width .3s;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 6px 6px 0 0;
    transform: translateX(-50%) translateY(30px); }
  .lower-menu .lower-menu-item:hover::after {
    transform: translateX(-50%) translateY(19px);
    transition: transform .3s; }
  .lower-menu .active {
    font-weight: bold; }
  .lower-menu .active::after {
    content: '';
    display: block;
    width: 70%;
    height: 4px;
    background: #E30B1C;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 6px 6px 0 0;
    transform: translateX(-50%) translateY(19px); }
  .lower-menu .active:hover::after {
    bottom: 0;
    left: 50%;
    border-radius: 6px 6px 0 0;
    transform: translateX(-50%) translateY(19px); }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) {
  .lower-menu .active::after {
    bottom: -2px; }
  .lower-menu .active:hover::after {
    bottom: -2px; }
  .lower-menu .lower-menu-item::after {
    bottom: -2px; } }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1024px) {
  .lower-menu .active::after {
    bottom: 0px; }
  .lower-menu .active:hover::after {
    bottom: 0px; }
  .lower-menu .lower-menu-item::after {
    bottom: 0px; } }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1280px) {
  .lower-menu .active::after {
    bottom: 0px; }
  .lower-menu .active:hover::after {
    bottom: 0px; }
  .lower-menu .lower-menu-item::after {
    bottom: 0px; } }

@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {
  .lower-menu .active::after {
    bottom: -4px; }
  .lower-menu .active:hover::after {
    bottom: -4px; }
  .lower-menu .lower-menu-item::after {
    bottom: -4px; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {
  .lower-menu .active::after {
    bottom: 0; }
  .lower-menu .active:hover::after {
    bottom: 0; }
  .lower-menu .lower-menu-item::after {
    bottom: 0; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1280px) {
  .lower-menu .active::after {
    bottom: 0; }
  .lower-menu .active:hover::after {
    bottom: 0; }
  .lower-menu .lower-menu-item::after {
    bottom: 0; } }

.add-ad-now {
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 199px;
  height: 56px;
  border-radius: 8px;
  color: white !important;
  font-size: 1.1rem;
  font-weight: bold;
  box-shadow: #00000029 0 3px 3px;
  padding: 13px 0; }

.w-15 {
  width: 15%; }

.w-85 {
  width: 85%; }

.space-x-16 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(4rem * var(--tw-space-x-reverse));
  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 85%; } }
.dropdown-item:hover {
  background-color: transparent;
  color: #484848; }

.upper-menu .main-menu-item-link:hover {
  color: red; }

@media (max-width: 768px) {
  .logo-header {
    width: 87px;
    height: 24px; } }
.dropdown-item:hover .header-icons, .dropdown-item:active .header-icons, .dropdown-item:hover p {
  filter: invert(20%) sepia(86%) saturate(6558%) hue-rotate(349deg) brightness(87%) contrast(104%);
  color: red; }

.rotate-180 {
  transform: rotate(180deg); }

.dropdown-menu {
  left: -90px;
  min-width: 16rem !important; }

a:hover {
  color: #484848; }

.dropdown-submenu {
  position: relative;
  text-align: right;
  padding: 5px 10px; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -6px;
  margin-right: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px; }
  @media (min-width: 769px) {
    .dropdown-submenu > .dropdown-menu {
      max-height: 450px;
      overflow: auto; } }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: left;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-right-color: #ccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.country-flag-list {
  text-decoration: none;
  color: transparent; }
  .country-flag-list p {
    color: #484848;
    font-size: 0.875rem; }
  .country-flag-list .country-flag-list-img {
    width: 24px;
    height: 17px; }

.custom-dropdown {
  border: 1px solid #D7D7D7;
  border-radius: 4px; }

body[dir="ltr"] .header .dropdown-header {
  text-align: left; }
body[dir="ltr"] .add-ad-now {
  right: 0;
  left: unset; }
body[dir="ltr"] .logo.ml-5 {
  margin-left: unset;
  margin-right: 3rem !important; }
body[dir="ltr"] .lower-menu-item {
  text-transform: capitalize; }
body[dir="ltr"] .dropdown-submenu {
  text-align: left; }
body[dir="ltr"] .dropdown-submenu > .dropdown-menu {
  margin-left: 0;
  margin-left: 0px;
  left: 100%; }
body[dir="ltr"] .dropdown-submenu > a:after {
  float: right;
  margin-left: -10px; }
body[dir="ltr"] .dropdown-submenu:hover > a:after {
  border-right-color: #fff; }
body[dir="ltr"] .dropdown-submenu.pull-left {
  float: none; }
body[dir="ltr"] .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-right: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }
body[dir="ltr"] .flip-icon {
  transform: rotate(-180deg); }
body[dir="ltr"] .lower-menu-item:hover {
  font-weight: bold; }
body[dir="ltr"] .lower-menu .active {
  font-weight: bold; }

.active-country-switcher {
  list-style: none;
  position: relative; }
  .active-country-switcher .country-name-hidden {
    transition: transform .3s;
    display: none; }
  .active-country-switcher .dropdown-submenu {
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.84, 0.3, 0.74, 1.15);
    transition-delay: 0s; }
  .active-country-switcher .dropdown-submenu:hover {
    background-color: #E30B1C08; }

.active-country-switcher:hover .country-name-hidden {
  display: inline;
  transition: all ease-in-out .3s;
  transform: translateX(-20px); }
  .active-country-switcher:hover .country-name-hidden img {
    transform: rotate(180deg); }

.active-country-switcher:active .country-name-hidden {
  display: inline;
  transform: translateX(0);
  transition: all ease-in-out .3s; }
  .active-country-switcher:active .country-name-hidden img {
    transform: rotate(0deg) !important; }

.custom-dropdown.show .country-name-hidden img {
  transform: rotate(0deg) !important; }

.show .country-name-hidden img {
  transform: rotate(0deg) !important; }

.hidden-on-country-flag-hover {
  display: inline-block;
  transition: all ease-in-out .3s; }

.active-country-switcher:hover .hidden-on-country-flag-hover {
  display: none; }

#responsive-main-menu-wrapper {
  background-color: white;
  z-index: 999;
  position: -webkit-sticky;
  position: fixed;
  top: 0; }

@media (max-width: 768px) {
  main {
    margin-top: 68px; } }

.responsive-main-menu-item-common, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logged-in-user--name, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .country-flag-widget {
  margin: 0 !important;
  padding: 0.5rem 1rem;
  border-left: 3px solid #fff; }
  [dir=rtl] .responsive-main-menu-item-common, [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logged-in-user--name, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box [dir=rtl] .logged-in-user--name, [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .country-flag-widget, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li [dir=rtl] .country-flag-widget {
    border-left: 0;
    border-right: 3px solid #fff; }

#header #header-part-1 {
  display: flex; }
#header #responsive-main-menu-wrapper .btn-waseet-red {
  min-width: 7rem; }
#header #responsive-main-menu-wrapper.responsive-main-menu-active #open-responsive-main-menu {
  display: none; }
#header #responsive-main-menu-wrapper.responsive-main-menu-active #close-responsive-main-menu {
  display: block; }
#header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav {
  z-index: 1060;
  background-color: #fff;
  position: fixed;
  height: 100vh;
  overflow-y: scroll;
  width: 100%;
  top: 0;
  display: block; }
  #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav {
    margin-top: 1.5rem;
    padding-right: 0;
    padding-left: 0; }
    #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li {
      width: 100%; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logout-icon {
        background: url("/common-assets/img/custom-icons/logout.svg") 100% 50% no-repeat;
        padding: 0.75rem;
        background-size: 100%;
        margin-right: 1rem; }
        [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logout-icon {
          margin-right: unset;
          margin-left: 1rem; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block {
        padding: 0.75rem; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block .my-account-icon {
          background: url(/common-assets/img/custom-icons/arrows/arrow-sm-right-red.svg) 100% 57% no-repeat;
          padding: 0.75rem;
          margin-left: 0.5rem; }
          [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block .my-account-icon {
            background: url(/common-assets/img/custom-icons/arrows/arrow-sm-left-red.svg) 100% 57% no-repeat; }
          [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .my-account-block .my-account-icon {
            margin-left: unset;
            margin-right: 0.5rem; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .responsive-main-menu-box--label {
        font-size: 1rem;
        font-weight: bold;
        padding: 0.75rem 1rem;
        border-left: 3px solid #fff;
        color: #484848;
        margin-bottom: 0; }
        [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .responsive-main-menu-box--label {
          border-left: 0;
          border-right: 3px solid #fff; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box .logged-in-user--logout {
        margin-top: -0.25rem; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box::after {
        content: "";
        display: block;
        background-color: #DDDDDD;
        height: 1px;
        margin-top: 0.75rem;
        margin-bottom: 1.5rem; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.no-after-distance::after {
        margin-top: 0;
        margin-bottom: 0; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.no-after-border::after {
        display: none; }
      @media (max-width: 377px) {
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .responsive-main-menu-item {
          padding: 0.75rem 0.5rem; } }
      @media (max-width: 377px) {
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .separator-line, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .upper-menu .nav-link #main-menu-collapse .nav li.responsive-main-menu-box.copyright-box .main-menu-item-link.with-border::after, .upper-menu .nav-link #main-menu-collapse #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .main-menu-item-link.with-border::after {
          margin: 0.05rem; } }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li.responsive-main-menu-box.copyright-box .copyright {
        font-size: 0.875rem; }
      @media (max-width: 440px) {
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .country-flag-widget {
          width: 75%; } }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-stores {
        border-left: 3px solid #fff; }
        [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-stores {
          border-left: 0;
          border-right: 3px solid #fff; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-stores img {
          padding: 0.75rem 1rem;
          margin: 0;
          width: 3.75rem;
          height: 3.4375rem; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item-user-btn {
        font-size: 0.875rem;
        margin-right: 1rem;
        margin-bottom: 2rem; }
        [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item-user-btn {
          margin-right: 0;
          margin-left: 1rem; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item-user-btn:nth-child(1) {
          margin-left: 1rem;
          margin-right: 1rem; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-socials {
        margin-top: 0; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-socials li {
          display: inline-block;
          width: auto; }
          #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-socials li a {
            font-size: 2rem; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-language-switcher {
        margin: 0.5rem 0 0; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-language-switcher li {
          width: 97%; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li #responsive-main-menu-language-switcher .language-switcher-link {
          color: #484848;
          text-decoration: underline;
          outline: none; }
      #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item {
        display: block;
        padding: 0.75rem 1rem;
        border-left: 3px solid #fff; }
        [dir=rtl] #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item {
          border-left: 0;
          border-right: 3px solid #fff; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action {
          text-decoration: underline;
          margin-top: 0.1875rem; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--contact-action i {
          margin-top: 0.5rem; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item.active {
          background-color: #f6f6f6;
          border-color: #e30b1c; }
        #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item:first-child {
          margin-top: 0.75rem; }
#header #responsive-main-menu-wrapper #close-responsive-main-menu, #header #responsive-main-menu-wrapper #responsive-main-menu-wrapper--nav {
  display: none; }
#header #responsive-main-menu-wrapper--icon a {
  font-size: 1.5rem;
  color: #e30b1c; }

#notification-dropdown-menu {
  padding: 0; }

.box-header {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
  background-color: #fff; }
  @media (max-width: 768px) {
    .box-header {
      margin-top: -50px; } }
  .box-header .logo-header {
    width: 8.8125rem;
    height: 2.5rem; }

#main-menu-collapse .dropdown-item {
  min-width: 65px !important; }

.no-margin-top {
  margin-top: unset !important; }

/*********************************************************************************************************************
9.8  Common Footer Style
*********************************************************************************************************************/
#footer {
  padding-top: 1.9375rem;
  padding-bottom: 1.9375rem;
  margin-top: 1.5rem;
  background-color: #484848; }
  #footer #footer-logo {
    padding-bottom: 1rem; }
  #footer .footer-heading {
    color: #fff;
    font-weight: bold;
    line-height: 1.5; }
    #footer .footer-heading hr {
      margin: 0.5rem 0 0;
      width: 1.5rem;
      border-color: #d9d9d9; }
  #footer .footer-menu {
    padding: 0;
    height: 10rem; }
    #footer .footer-menu li a {
      padding: 0 0 0.5rem 0;
      display: inline-block; }
  #footer #footer-stores {
    margin-top: 1rem; }
    #footer #footer-stores a img {
      filter: invert(43%) sepia(53%) saturate(234%) hue-rotate(186deg) brightness(86%) contrast(87%);
      margin-right: 2rem; }
      [dir=rtl] #footer #footer-stores a img {
        margin-right: 0;
        margin-left: 2rem; }
  #footer .sc-wrapper {
    margin-bottom: 2rem; }
    #footer .sc-wrapper .footer-heading {
      margin-bottom: 0.625rem; }
    #footer .sc-wrapper #footer-social-media .footer-heading {
      margin-top: 2.2rem;
      margin-bottom: 0.75rem; }
    #footer .sc-wrapper #footer-social-media .footer-menu {
      height: auto; }
      #footer .sc-wrapper #footer-social-media .footer-menu li a {
        margin-right: 3.1rem;
        padding: 0;
        color: #6e7d95; }
        [dir=rtl] #footer .sc-wrapper #footer-social-media .footer-menu li a {
          margin-right: 0;
          margin-left: 3.1rem; }
        #footer .sc-wrapper #footer-social-media .footer-menu li a i {
          font-size: 1.6rem;
          vertical-align: bottom; }
          #footer .sc-wrapper #footer-social-media .footer-menu li a i:hover {
            transform: scale(1.1); }
      #footer .sc-wrapper #footer-social-media .footer-menu li:last-child a {
        margin-right: 0;
        margin-left: 0; }
  #footer #footer-copyright hr {
    margin-top: 0.375rem;
    margin-bottom: 0.75rem; }
  #footer #footer-copyright .copyright {
    font-size: 0.875rem;
    line-height: 2.14;
    color: #d9d9d9; }

.no-maring-top-in-footer {
  margin-bottom: -1.5rem !important; }

/*********************************************************************************************************************
10.8.0  Home Page Style
*********************************************************************************************************************/
/* This class used for common header style with bottom line */
.pin-header-with-line {
  font-size: 1.125rem;
  line-height: 2.22;
  color: #484848;
  border-bottom: solid 0.0625rem #cfd9e1;
  margin-bottom: 1rem; }
  .pin-header-with-line a i {
    font-size: 0.75rem;
    vertical-align: middle; }
    [dir=rtl] .pin-header-with-line a i {
      vertical-align: inherit; }

#carousel-with-thump-wrapper #carousel-with-thump-nav-tabs {
  border-bottom: 1px solid #64798B;
  padding: 0;
  text-align: center; }
  #carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item {
    flex: 1 0 auto; }
    #carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item .nav-link {
      border: 0;
      color: #CECECE;
      line-height: 2;
      font-size: 1rem;
      font-family: "NotoKufiArabic";
      font-weight: 700; }
      #carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item .nav-link.active {
        color: #e30b1c;
        border-bottom: 3px solid #e30b1c; }

/* sticky-wrapper Home Page Style  */
#sticky-wrapper .sticky-item {
  border-radius: 0.875rem;
  font-size: 0.875rem;
  text-align: left;
  height: 100%; }
  #sticky-wrapper .sticky-item img {
    height: 6.625rem; }
  #sticky-wrapper .sticky-item .title {
    padding: 0.5rem 0.875rem; }
  #sticky-wrapper .sticky-item .price {
    border-radius: 0.125rem;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0.4375rem;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem; }
    #sticky-wrapper .sticky-item .price .price-text {
      line-height: 2;
      padding: 0 0.4375rem 0 0.4375rem;
      color: #fff; }
  #sticky-wrapper .sticky-item:hover {
    transform: scale(1.05); }
#sticky-wrapper .post-grid-view .post-social .social-item {
  padding-top: 8px !important;
  padding-bottom: 7px !important; }

/* commercial-wrapper Home Page Style  */
#commercial-wrapper .commercial-item img {
  height: 6.625rem; }

/* commercial-wrapper Home Page Style  */
#commercial-wrapper-mobile-list section .opacity-30 {
  opacity: 0.3; }
#commercial-wrapper-mobile-list .commercial-ads-button {
  border-radius: unset;
  height: 3rem;
  padding: 0.75rem; }
  @media (min-width: 780px) and (max-width: 1200px) {
    #commercial-wrapper-mobile-list .commercial-ads-button {
      padding: 0.52rem; } }
  #commercial-wrapper-mobile-list .commercial-ads-button.call-btn {
    border-bottom-left-radius: 0.25rem; }
    [dir=rtl] #commercial-wrapper-mobile-list .commercial-ads-button.call-btn {
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 0.25rem; }
  #commercial-wrapper-mobile-list .commercial-ads-button.whatsapp-btn {
    border-bottom-right-radius: 0.25rem; }
    [dir=rtl] #commercial-wrapper-mobile-list .commercial-ads-button.whatsapp-btn {
      border-bottom-right-radius: unset;
      border-bottom-left-radius: 0.25rem; }
  #commercial-wrapper-mobile-list .commercial-ads-button img {
    box-shadow: unset; }
#commercial-wrapper-mobile-list .commercial-item {
  border-radius: 0.25rem;
  border: 1px solid #D7D7D7; }
  #commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
    object-fit: cover; }
    @media (min-width: 900px) {
      #commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
        min-height: 16rem;
        max-height: 16rem; } }
    @media (min-width: 601px) and (max-width: 899px) {
      #commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
        min-height: 15rem;
        max-height: 15rem; } }
    @media (max-width: 600px) {
      #commercial-wrapper-mobile-list .commercial-item .commercial-ads-img {
        min-height: 14rem;
        max-height: 14rem; } }
#commercial-wrapper-mobile-list .load-more-btn {
  font-weight: bold;
  font-size: 1rem;
  border-radius: 4px;
  border-color: #f1f1f1;
  padding-top: .5rem;
  padding-bottom: .3rem; }
#commercial-wrapper-mobile-list .item {
  flex: 0 0 50%;
  height: auto; }

/*********************************************************************************************************************
10.9  Home Page Search Bar
*********************************************************************************************************************/
#search-bar-wrapper {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 3px #00000014;
  border-radius: 8px;
  height: max-content; }
  @media (max-width: 992px) {
    #search-bar-wrapper {
      margin-bottom: 0; } }
  #search-bar-wrapper .field-generalsearchform-keyword, #search-bar-wrapper .field-generalsearchform-taxonomyid, #search-bar-wrapper .field-generalsearchform-city {
    margin-bottom: 0; }
    #search-bar-wrapper .field-generalsearchform-keyword i, #search-bar-wrapper .field-generalsearchform-taxonomyid i, #search-bar-wrapper .field-generalsearchform-city i {
      top: 30%; }
    #search-bar-wrapper .field-generalsearchform-keyword #generalsearchform-keyword, #search-bar-wrapper .field-generalsearchform-taxonomyid #generalsearchform-keyword, #search-bar-wrapper .field-generalsearchform-city #generalsearchform-keyword {
      height: fit-content; }
  #search-bar-wrapper #search-bar-stores {
    border: 1px solid #d9d9d9;
    padding-left: 0.875rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    max-height: 3rem; }
    [dir=rtl] #search-bar-wrapper #search-bar-stores {
      padding-left: 0.2rem;
      padding-right: 0.875rem; }
    #search-bar-wrapper #search-bar-stores #pre-stores-label {
      font-size: 0.875rem;
      font-weight: bold;
      line-height: 1.64;
      color: #484848;
      margin: 0 1rem; }
  #search-bar-wrapper .icon-inside-input {
    border: unset !important;
    padding: 0 12px; }
  #search-bar-wrapper .search-form-filed-design {
    border: 1px solid #E7E7E7;
    border-radius: 8px; }
  #search-bar-wrapper .search-marign {
    margin-top: 29px;
    margin-bottom: 22px; }
  #search-bar-wrapper .btn-danger {
    background: #E30B1C 0% 0% no-repeat padding-box !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    font-size: 15px !important;
    border-color: unset !important;
    padding: 12px 28px 12px !important;
    box-shadow: 0px 3px 3px #00000033;
    border: unset !important; }

/*********************************************************************************************************************
11  Home Page Aside Style
*********************************************************************************************************************/
#aside-wrapper .aside-content-wrapper {
  max-width: 18.75rem; }
  #aside-wrapper .aside-content-wrapper .do-you-have-product-to-sell {
    padding-top: 0.75rem;
    padding-bottom: 1.25rem; }

.navigation-tabs {
  display: none; }

@media (max-width: 780px) {
  body {
    padding-bottom: 5rem; }

  .woot-widget-bubble {
    bottom: 6rem !important; }

  #cookie-consent {
    bottom: 5rem !important; }

  .navigation-tabs {
    display: flex; }
    .navigation-tabs .tabbar {
      height: auto;
      width: 100vw;
      background: #fff;
      padding: 8px 0;
      z-index: 100000;
      position: fixed;
      bottom: 0;
      filter: drop-shadow(0px -2px 10px #0000001A); }
      .navigation-tabs .tabbar ul {
        display: flex;
        list-style: none;
        justify-content: space-between;
        padding: 0px; }
        .navigation-tabs .tabbar ul li {
          cursor: pointer;
          text-align: center;
          flex: 1 1 50px; }
          .navigation-tabs .tabbar ul li.active span::before {
            color: #BD7AE3; }
          .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
            right: inherit;
            left: 17px;
            top: -3px;
            background: #e30c1c 0% 0% no-repeat padding-box; } }
          @media (max-width: 780px) and (min-width: 768px) {
            .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
              left: 55px; } }
@media (max-width: 780px) {
          .navigation-tabs .tabbar ul li img {
            height: 24px;
            width: 24px; }
          .navigation-tabs .tabbar ul li p {
            color: #484848;
            font-size: 0.65rem; }
          .navigation-tabs .tabbar ul li .color-torch-red-important {
            color: #e30b1c;
            font-family: "NotoKufiArabicBold"; }
          .navigation-tabs .tabbar ul li.active p {
            color: #e30b1c;
            font-family: "NotoKufiArabicBold"; }
          .navigation-tabs .tabbar ul li div.main {
            width: 40px;
            height: 40px;
            border-bottom-color: #E30B1C;
            border: 7px #FFFFFF;
            position: absolute;
            display: flex;
            justify-content: center;
            background-color: #E30B1C;
            border-radius: 7pt;
            top: -24px;
            left: 50%;
            transform: translateX(-50%) rotate(45deg); }
            .navigation-tabs .tabbar ul li div.main img {
              height: 30px;
              width: 30px;
              position: absolute;
              bottom: 5px;
              z-index: 9;
              left: 50%;
              transform: translateX(-50%) rotate(45deg); }
          .navigation-tabs .tabbar ul li .abs-paragraph {
            margin-top: 28px;
            text-align: center;
            color: #484848 !important;
            font-family: unset !important; }
          .navigation-tabs .tabbar ul li span::before {
            font-size: 27px;
            color: rgba(128, 128, 128, 0.726); } }
.HomeSlider {
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 16px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .HomeSlider {
      overflow: visible !important; }
      .HomeSlider .activeIndex {
        transform: scale(1); }
      .HomeSlider .slide {
        transform: scale(0.9);
        transition: all ease-in-out 0.4s; }
      .HomeSlider .swiper-horizontal > .swiper-pagination-bullets, .HomeSlider .swiper-pagination-bullets.swiper-pagination-horizontal, .HomeSlider .swiper-pagination-custom, .HomeSlider .swiper-pagination-fraction {
        bottom: -30px !important; } }
  .HomeSlider .swiper-slide {
    padding: 2em;
    border: 1px solid transparent;
    overflow: hidden; }
    @media (max-width: 768px) {
      .HomeSlider .swiper-slide {
        border-radius: 10px;
        height: 187px; } }
  .HomeSlider .swiper-pagination-bullet-active {
    background-color: #E30B1C !important; }
  .HomeSlider .swiper-pagination-bullet {
    background: #E7E7E7;
    opacity: unset;
    width: 12px;
    height: 12px; }
  .HomeSlider .swiper-button-next, .HomeSlider .swiper-button-prev {
    width: 18px !important;
    color: white;
    bottom: 1px;
    top: unset; }
  .HomeSlider .swiper-button-next {
    left: 27% !important; }
  .HomeSlider .swiper-button-prev {
    right: 27% !important; }
  .HomeSlider .swiper-button-next:after, .HomeSlider .swiper-button-prev:after {
    font-size: 18px !important; }
  @media (max-width: 768px) {
    .HomeSlider .swiper-button-next {
      display: none !important; }
    .HomeSlider .swiper-button-prev {
      display: none !important; } }

[dir=ltr] .HomeSlider .swiper-slide {
  left: unset;
  right: -1px; }
[dir=ltr] .HomeSlider .swiper-button-next {
  right: 30% !important;
  left: unset !important; }
[dir=ltr] .HomeSlider .swiper-button-prev {
  left: 30% !important;
  right: unset !important; }

@media (max-width: 768px) {
  #carousel-with-thump-wrapper {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 998; } }

@media (max-width: 768px) {
  #below-slider-section-wrapper {
    margin-top: 55px; } }

@media (max-width: 768px) {
  #below-slider-section-wrapper {
    margin-top: 50px; } }

[dir=rtl] .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
  left: inherit;
  right: 17px; }
  @media (min-width: 768px) {
    [dir=rtl] .navigation-tabs .tabbar ul li .notification-count-responsive-badge {
      right: 55px; } }

[dir=ltr] #carousel-with-thump-wrapper #carousel-with-thump-nav-tabs .nav-item .nav-link, [dir=ltr] .navigation-tabs .tabbar ul li.active p, [dir=ltr] .navigation-tabs .tabbar ul li .color-torch-red-important {
  font-family: "Roboto-Bold"; }

.mb-minus-15 {
  margin-bottom: -1.5rem; }

[dir=ltr] .commercial-ads-button.border-left {
  border-right: 1px solid #dee2e6 !important; }
[dir=ltr] #notification-page-form .custom-switch {
  padding-left: 2.5rem !important; }

.splash {
  border-radius: 8px;
  width: fit-content;
  height: fit-content; }

.splash-home-button {
  color: white;
  font-size: 14px;
  font-family: "NotoKufiArabic";
  font-weight: 700; }

[dir=ltr] .splash-home-button {
  font-family: "Roboto-Bold" !important; }
[dir=ltr] .close-splash {
  left: -26px; }
  @media (max-width: 768px) {
    [dir=ltr] .close-splash {
      left: -1px; } }

.close-splash {
  position: absolute;
  top: -27px;
  right: -26px;
  width: fit-content;
  height: fit-content;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid white;
  cursor: pointer; }
  @media (max-width: 768px) {
    .close-splash {
      top: -42px;
      right: -1px; } }

@media (min-width: 769px) {
  .splash-padding {
    padding: 16px; } }
@media (max-width: 768px) {
  .splash-padding {
    padding: 12px; } }

.splash-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: blur(7px);
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.7); }

.swiper-container {
  max-height: 100%; }

#simple-search-bar-wrapper {
  margin-bottom: 1rem;
  margin-top: 1.5rem; }
  #simple-search-bar-wrapper .icon-inside-input {
    border: unset !important; }
  #simple-search-bar-wrapper .icon-inside-input__input-new {
    padding-left: 2.5rem !important; }
  @media (max-width: 992px) {
    #simple-search-bar-wrapper {
      margin-bottom: 0; } }
  #simple-search-bar-wrapper .field-generalsearchform-keyword {
    margin-bottom: 0; }
    #simple-search-bar-wrapper .field-generalsearchform-keyword i {
      top: 1.25rem; }
    #simple-search-bar-wrapper .field-generalsearchform-keyword #generalsearchform-keyword {
      height: 3.5rem; }
  #simple-search-bar-wrapper #search-bar-stores {
    border: 1px solid #d9d9d9;
    padding-left: 0.875rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    max-height: 3rem; }
    [dir=rtl] #simple-search-bar-wrapper #search-bar-stores {
      padding-left: 0.2rem;
      padding-right: 0.875rem; }
    #simple-search-bar-wrapper #search-bar-stores #pre-stores-label {
      font-size: 0.875rem;
      font-weight: bold;
      line-height: 1.64;
      color: #484848;
      margin: 0 1rem; }
  #simple-search-bar-wrapper .icon-inside-input__input-new::-webkit-input-placeholder {
    color: #A0A0A0 !important; }
  #simple-search-bar-wrapper [dir=rtl] .icon-inside-input__input-new {
    padding-left: 2.5rem !important; }
  #simple-search-bar-wrapper .icon-inside-input {
    border-radius: 4px !important;
    border: 1px solid #D7D7D7 !important; }
  #simple-search-bar-wrapper .icon-inside-input {
    position: relative !important; }
    #simple-search-bar-wrapper .icon-inside-input__icon {
      position: absolute !important;
      left: 0.9375rem;
      top: 1.25rem !important;
      font-size: 1rem !important;
      color: #64798B !important;
      z-index: 3 !important; }
      [dir=rtl] #simple-search-bar-wrapper .icon-inside-input__icon {
        left: inherit;
        right: 0.9375rem; }
    #simple-search-bar-wrapper .icon-inside-input__input {
      padding-right: 2.5rem; }
      [dir=rtl] #simple-search-bar-wrapper .icon-inside-input__input {
        padding-right: 0.75rem;
        padding-left: 2.5rem; }
    #simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
      right: 0.9375rem !important;
      left: inherit; }
      [dir=rtl] #simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__icon {
        left: 0.9375rem;
        right: inherit; }
    #simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__input {
      padding-right: 2.5rem !important;
      padding-left: 0.75rem; }
      [dir=rtl] #simple-search-bar-wrapper .icon-inside-input.icon-inside-input-from-start .icon-inside-input__input {
        padding-left: 2.5rem;
        padding-right: 0.75rem; }

[dir=rtl] #simple-search-bar-wrapper .icon-inside-input__input-new {
  padding-left: unset !important;
  padding-right: 2.5rem !important; }

.download-app {
  height: 147px;
  position: relative;
  z-index: 1;
  background: linear-gradient(to bottom, white 0%, white 16%, #e30b1c 16%, #e30b1c 100%); }
  .download-app .vectors-background {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 80%;
    background-image: url("../img/footer/vectors.svg");
    background-position: center bottom;
    z-index: 2;
    background-repeat-x: repeat;
    filter: grayscale(25%); }
  .download-app .z-4 {
    z-index: 3; }
  .download-app .grid {
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 4%; }
    .download-app .grid h3 {
      color: white;
      text-transform: capitalize;
      text-align: end;
      font-weight: 400; }
  .download-app .grid-cols-3 img {
    height: 40px !important; }
  .download-app .w-20 {
    width: 20%; }
  .download-app .w-60 {
    width: 60%; }

/*********************************************************************************************************************
12.0  Ads View Details Pages
*********************************************************************************************************************/
.ad-view-wrapper {
  margin-top: 2rem; }
  .ad-view-wrapper .details-image {
    margin-top: 1.5rem;
    max-width: 24.625rem; }
    @media (max-width: 768px) {
      .ad-view-wrapper .details-image {
        max-width: 100%; } }
  @media (max-width: 768px) {
    .ad-view-wrapper .view-back-button {
      float: none;
      margin-bottom: 1rem; } }
  .ad-view-wrapper .details-title {
    margin-right: 10%; }
    [dir=rtl] .ad-view-wrapper .details-title {
      margin-right: 0;
      margin-left: 10%; }
    @media (max-width: 768px) {
      .ad-view-wrapper .details-title {
        margin-right: 0; }
        [dir=rtl] .ad-view-wrapper .details-title {
          margin-right: 0;
          margin-left: 0; } }
  @media (min-width: 769px) {
    .ad-view-wrapper .ad-actions .social-btn-action {
      width: auto; } }
  .ad-view-wrapper .ad-actions .btn-text {
    font-size: 1rem;
    margin-bottom: 0.25rem; }
    @media (max-width: 768px) {
      .ad-view-wrapper .ad-actions .btn-text {
        margin-left: 0.25rem; }
        [dir=rtl] .ad-view-wrapper .ad-actions .btn-text {
          margin-left: unset;
          margin-right: 0.25rem; } }
    @media (min-width: 769px) {
      .ad-view-wrapper .ad-actions .btn-text {
        margin-left: 0.5rem; }
        [dir=rtl] .ad-view-wrapper .ad-actions .btn-text {
          margin-left: unset;
          margin-right: 0.5rem; } }
  @media (max-width: 768px) {
    .ad-view-wrapper .ad-actions .btn-waseet-royal-blue {
      background-color: #fff; } }
  @media (max-width: 768px) {
    .ad-view-wrapper .ad-actions .btn-waseet-outline-green {
      padding: 4px 24px; }
      .ad-view-wrapper .ad-actions .btn-waseet-outline-green .social-whatsapp-icon {
        padding: 0.875rem; } }
  .ad-view-wrapper .share-black-icon, .ad-view-wrapper .social-whatsapp-icon, .ad-view-wrapper .social-call-icon {
    height: unset; }
  .ad-view-wrapper .btn-waseet-share {
    justify-content: center;
    height: 3.5rem;
    width: 13.4375rem;
    border: 1px solid #484848;
    cursor: pointer;
    border-radius: 0.25rem; }
    @media (max-width: 768px) {
      .ad-view-wrapper .btn-waseet-share.single-action {
        flex-grow: 1; } }
    .ad-view-wrapper .btn-waseet-share:hover {
      background-color: #fff;
      color: #484848; }
    .ad-view-wrapper .btn-waseet-share .btn-text {
      margin-top: 0.875rem; }
    @media (max-width: 768px) {
      .ad-view-wrapper .btn-waseet-share {
        width: 33%; } }
  .ad-view-wrapper .related-commercials {
    margin-top: 4.5rem; }
    @media (max-width: 768px) {
      .ad-view-wrapper .related-commercials {
        margin-top: 3rem; } }

/*********************************************************************************************************************
13.0  Listing Ads Page For Search
*********************************************************************************************************************/
#listing-ads-wrapper #breadcrumb-wrapper {
  position: relative;
  top: 2rem;
  z-index: 2; }
#listing-ads-wrapper .remove-favourite.fa-heart {
  color: red; }
@media (min-width: 768px) {
  #listing-ads-wrapper #listing-owl-ads-carousel .owl-carousel {
    width: 100%; } }
#listing-ads-wrapper #listing-owl-ads-carousel .owl-stage-outer {
  z-index: 2; }
#listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item {
  outline: 0; }
  #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item .badge {
    box-shadow: inherit;
    outline: 0; }
  @media (max-width: 419px) {
    #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item .item-class {
      margin-left: 1.5rem; } }
  @media (min-width: 420px) {
    #listing-ads-wrapper #listing-owl-ads-carousel .owl-stage .owl-item .item-class {
      width: 95%;
      margin-right: 0.5rem;
      margin-left: 0.5rem; } }
#listing-ads-wrapper #listing-owl-ads-carousel .owl-nav {
  position: relative;
  width: 100%;
  z-index: 2; }
  #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button {
    margin: 1rem;
    box-shadow: 0 1px 3px #d9d9d9;
    border-radius: 50%;
    margin-top: -3.7rem; }
    #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button i:before {
      height: 40px;
      width: 40px;
      display: inline-block;
      background: #fff;
      border-radius: 50%;
      color: #e30b1c;
      font-weight: bold;
      padding-top: 10px; }
    #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
      float: left;
      position: absolute;
      right: -36px;
      bottom: 1px; }
      [dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
        float: right; }
      #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev body[dir="ltr"] {
        left: -36px; }
      #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev i:before {
        padding-right: 2px; }
        [dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev i:before {
          padding-left: 2px; }
    #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
      position: absolute;
      left: -36px;
      bottom: 1px;
      float: right; }
      [dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
        float: left; }
      #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next i:before {
        padding-left: 2px; }
        [dir=rtl] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next i:before {
          padding-right: 2px; }
  @media (max-width: 768px) {
    #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
      margin-right: -2.2rem; } }
#listing-ads-wrapper #listing-owl-ads-carousel .owl-prev.disabled {
  display: none; }
#listing-ads-wrapper #listing-owl-ads-carousel .owl-next.disabled {
  display: none; }
#listing-ads-wrapper #listing-owl-ads-carousel .en-tags-bg {
  font-size: 0.675rem !important; }
#listing-ads-wrapper .swiper-slide {
  width: 468.667px !important;
  margin-right: 50px !important;
  overflow: hidden !important; }
@media (max-width: 768px) {
  #listing-ads-wrapper .swiper-slide {
    width: 248px !important;
    margin-right: 20px !important;
    overflow: hidden !important; } }
#listing-ads-wrapper #search-box-section {
  padding: 0 0 0.6875rem;
  margin-bottom: 4rem;
  background-color: #faf9f9; }
  #listing-ads-wrapper #search-box-section #listing-search-input-form {
    box-shadow: 0 0.142rem 1rem 0 rgba(0, 0, 0, 0.1);
    height: 3.5rem; }
  #listing-ads-wrapper #search-box-section #search-form {
    position: relative; }
    #listing-ads-wrapper #search-box-section #search-form .field-listing-search-input-form .icon-inside-input__icon {
      top: 1.25rem; }
  @media (min-width: 768px) {
    #listing-ads-wrapper #search-box-section #search-form {
      top: 3.125rem; } }
@media (max-width: 768px) {
  #listing-ads-wrapper .remove-search-bar {
    margin-bottom: 0 !important;
    background-color: white !important; } }
#listing-ads-wrapper #category-badge-section span h1 {
  margin-bottom: 2rem;
  font-size: 1.25rem !important; }
#listing-ads-wrapper #category-badge-section .badge-secondary {
  background: #f5f5f5;
  padding: 0.875rem;
  font-size: 0.875rem;
  color: #484848;
  font-weight: normal;
  margin-bottom: 1rem; }
  #listing-ads-wrapper #category-badge-section .badge-secondary.active, #listing-ads-wrapper #category-badge-section .badge-secondary:hover {
    background: #d9d9d9; }
@media (max-width: 768px) {
  #listing-ads-wrapper #category-badge-section span {
    text-align: left; }
    [dir=rtl] #listing-ads-wrapper #category-badge-section span {
      text-align: right; }
    #listing-ads-wrapper #category-badge-section span h1 {
      font-size: 0.875rem !important; }
  #listing-ads-wrapper #category-badge-section i {
    float: right; }
    [dir=rtl] #listing-ads-wrapper #category-badge-section i {
      float: left; } }
@media (max-width: 576px) {
  #listing-ads-wrapper #post-ads-pager .pagination .page-item {
    display: none; }
    #listing-ads-wrapper #post-ads-pager .pagination .page-item.active, #listing-ads-wrapper #post-ads-pager .pagination .page-item.prev, #listing-ads-wrapper #post-ads-pager .pagination .page-item.next {
      display: block; }
    #listing-ads-wrapper #post-ads-pager .pagination .page-item.active + .page-item {
      display: block; } }
#listing-ads-wrapper #ads-card-wrapper .mobile-card-deck {
  flex-direction: column; }
  #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card {
    flex: 1 0 98%; }
    #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body {
      padding: 0; }
      #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .sticky-box {
        width: 1.875rem;
        height: 1.625rem;
        font-size: 0.5rem;
        left: 0.5rem; }
        [dir=rtl] #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .sticky-box {
          left: inherit;
          right: 0.5rem; }
      #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .fav-wrapper {
        margin-top: 3px;
        margin-right: 9px; }
        [dir=rtl] #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .fav-wrapper {
          margin-right: 0;
          margin-left: 9px; }
      #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .top-content-wrapper {
        width: calc(100% - 104px); }
        @media (min-width: 480px) {
          #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .top-content-wrapper {
            width: calc(100% - 126px); } }
      #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .ads-title-mobile {
        max-width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 12px;
        margin-right: 12px;
        margin-top: -7px; }
        #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .ads-title-mobile a {
          font-size: 12px; }
      #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .date-text {
        vertical-align: top;
        font-size: 10px;
        margin-top: 0.5rem;
        margin-left: 1rem; }
        [dir=rtl] #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body .date-text {
          margin-left: 0;
          margin-right: 1rem; }
      #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f
      .sc-wrapper {
        margin-top: -37px;
        width: calc(100% - 104px);
        padding-right: 12px;
        padding-left: 12px; }
        @media (min-width: 480px) {
          #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f
          .sc-wrapper {
            width: calc(100% - 126px); } }
        #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f
        .sc-wrapper .share-sc-buttons {
          width: 36px;
          height: 26px;
          padding: 2px 8px;
          line-height: 1; }
          #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-body f
          .sc-wrapper .share-sc-buttons img {
            width: 20px;
            height: 20px; }
    #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card img {
      width: 104px;
      height: 96px; }
      @media (min-width: 480px) {
        #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card img {
          width: 126px;
          height: 108px; } }
    #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-content-block {
      padding: 1rem; }
    #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-title {
      margin-bottom: 0.5rem; }
    #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-price {
      font-size: 10px; }
      @media (max-width: 333px) {
        #listing-ads-wrapper #ads-card-wrapper .mobile-card-deck .card .card-price {
          font-size: 7px; } }
#listing-ads-wrapper #ads-card-wrapper .web-card-deck .card {
  flex: 0 0 22%; }
  @media (max-width: 1200px) {
    #listing-ads-wrapper #ads-card-wrapper .web-card-deck .card {
      flex: 1 0 30%; } }
  #listing-ads-wrapper #ads-card-wrapper .web-card-deck .card .card-body .sticky-box {
    width: 2.875rem;
    height: 2.625rem;
    font-size: 0.6rem;
    left: 1.5rem;
    padding: 0.5rem; }
    [dir=rtl] #listing-ads-wrapper #ads-card-wrapper .web-card-deck .card .card-body .sticky-box {
      left: inherit;
      right: 1.5rem; }
  #listing-ads-wrapper #ads-card-wrapper .web-card-deck .card img {
    height: 10.125rem;
    object-fit: cover; }
#listing-ads-wrapper #ads-card-wrapper .web-card-deck .card-title {
  height: 3.75rem;
  overflow: hidden; }
#listing-ads-wrapper #ads-card-wrapper .card .sticky-box {
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #ffdd15;
  font-size: 0.6rem;
  font-weight: bold;
  text-align: center; }
#listing-ads-wrapper #ads-card-wrapper .card .card-price {
  color: #e30b1c;
  margin-top: 0.25rem; }
#listing-ads-wrapper #ads-card-wrapper .card .fav-post:hover i, #listing-ads-wrapper #ads-card-wrapper .card .fav-post.active i {
  color: #e30b1c; }

#sort-custom-modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0; }
  #sort-custom-modal .sort-custom-modal-content {
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 13.125rem;
    padding: 3.5rem 1rem 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    box-shadow: 0 -0.35rem 1.14rem 0 rgba(0, 0, 0, 0.1); }
    #sort-custom-modal .sort-custom-modal-content h2 {
      padding-bottom: 2rem; }
    #sort-custom-modal .sort-custom-modal-content .custom-radio-container {
      font-size: 1rem;
      line-height: 1.5;
      color: #484848; }

body[dir="ltr"] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-next {
  right: -36px !important;
  left: unset; }
body[dir="ltr"] #listing-ads-wrapper #listing-owl-ads-carousel .owl-nav button.owl-prev {
  left: -36px !important;
  right: unset; }

.mid-banner {
  width: 100%;
  height: 234px; }
  @media (max-width: 768px) {
    .mid-banner {
      height: 140px; } }

@media (max-width: 768px) {
  .mid-banner-grid-span {
    grid-column: span 2 / span 2; } }
@media (min-width: 1024px) {
  .mid-banner-grid-span {
    grid-column: span 4 / span 4; } }
@media (min-width: 1280px) {
  .mid-banner-grid-span {
    grid-column: span 5 / span 5; } }

@media (max-width: 768px) {
  .post-list-view .mid-banner-grid-span {
    grid-column: span 1/span 1 !important; } }

@media (max-width: 768px) {
  .post-grid-view .mid-banner-grid-span {
    grid-column: span 2 / span 2 !important; } }

.commercial-items {
  margin-bottom: 4rem !important; }

/*********************************************************************************************************************
14.0  Error Page
*********************************************************************************************************************/
.site-error-wrapper .go-home-btn {
  width: auto;
  height: 3rem;
  padding: 0.75rem; }
.site-error-wrapper .page-500 .go-home-btn {
  height: 3.5rem;
  padding: 1rem; }
  @media (min-width: 769px) {
    .site-error-wrapper .page-500 .go-home-btn {
      width: 17.875rem; } }
  @media (max-width: 768px) {
    .site-error-wrapper .page-500 .go-home-btn {
      width: 100%;
      max-width: 17.875rem; } }
@media (max-width: 768px) {
  .site-error-wrapper .not-found-img {
    width: 17.25rem; } }
@media (min-width: 769px) {
  .site-error-wrapper .internal-server-img {
    width: 40%; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
    .site-error-wrapper .internal-server-img {
      width: 35%; } }

@media (min-width: 769px) {
  .site-error-wrapper .error-404-grid-utility {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.5rem; } }
@media (max-width: 768px) {
  .site-error-wrapper .error-404-grid-utility {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (max-width: 768px) {
  .site-error-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-prev {
    right: 25% !important;
    top: -7px; } }
@media (max-width: 768px) {
  .site-error-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-next {
    left: 25% !important;
    top: -7px !important; } }
.site-error-wrapper .carousel-with-bottom-indicators.red-owl-dot .owl-dots .owl-dot {
  width: 8px;
  height: 8px; }

@media (min-width: 769px) {
  .error-sticky-ads .carousel-with-bottom-indicators .owl-nav {
    height: 44px; } }
@media (max-width: 768px) {
  .error-404-sticky-ads .carousel-with-bottom-indicators .owl-nav {
    height: 34px !important; }

  .error-sticky-ads .carousel-with-bottom-indicators .owl-nav {
    height: 48px !important; } }
/*********************************************************************************************************************
15.0  Authentication Pages
*********************************************************************************************************************/
.site-login-wrapper .field-loginform-password {
  width: 100%; }
.site-login-wrapper .login-password-input {
  font-size: 1.125rem;
  color: #484848;
  font-weight: bold; }
  .site-login-wrapper .login-password-input::placeholder {
    font-weight: 100; }
@media (min-width: 769px) {
  .site-login-wrapper .login-button {
    margin-top: 4rem; } }
@media (max-width: 768px) {
  .site-login-wrapper .login-button {
    margin-top: 1rem; } }
@media (min-width: 769px) {
  .site-login-wrapper {
    padding: 3rem; } }

.site-signup-wrapper .field-signupform-password {
  width: 100%; }
.site-signup-wrapper .web-signup-content {
  padding: 1rem; }
  .site-signup-wrapper .web-signup-content .signup-content {
    margin-top: 6rem; }
.site-signup-wrapper input.error-pin {
  border-color: #e54d18 !important; }

.site-enter-password-wrapper .field-resetpasswordform-newpassword, .site-enter-password-wrapper .field-resetpasswordform-passwordconfirm {
  width: 100%; }
@media (max-width: 768px) {
  .site-enter-password-wrapper .form-group {
    margin-bottom: 0; } }
@media (max-width: 768px) {
  .site-enter-password-wrapper .show-password-btn {
    top: 50% !important; } }

@media (max-width: 768px) {
  .site-signup-last-step-wrapper .form-group {
    margin-bottom: 0; } }
@media (max-width: 768px) {
  .site-signup-last-step-wrapper .password-icon-mobile-top {
    top: 44% !important; } }
.site-signup-last-step-wrapper .has-error {
  font-size: 0.875rem; }
  @media (max-width: 768px) {
    .site-signup-last-step-wrapper .has-error {
      font-size: 0.75rem; } }
  .site-signup-last-step-wrapper .has-error .help-block-error {
    position: relative;
    margin-top: 0.5rem; }
    .site-signup-last-step-wrapper .has-error .help-block-error:before {
      content: "* "; }
.site-signup-last-step-wrapper .signup-password-block .help-block-error {
  position: absolute; }

.site-contact-wrapper .web-contact-content {
  padding: 1rem; }
  .site-contact-wrapper .web-contact-content .contact-content {
    margin-top: 6rem; }
  .site-contact-wrapper .web-contact-content .small-box {
    width: 10.625rem;
    height: 4.5rem;
    margin: 2.25rem 1rem 0 0;
    padding: 0.625rem 0.8125rem;
    border-radius: 0.25rem;
    border: solid 1px #484848; }
.site-contact-wrapper .mobile-contact-content .main-img {
  width: 21rem;
  height: 19rem; }
.site-contact-wrapper .mobile-contact-content .small-box {
  height: 3.5rem;
  padding: 0.625rem 0.8125rem;
  border-radius: 0.25rem;
  border: solid 1px #484848; }

.site-forgot-wrapper .home-page-btn {
  width: 24.6875rem; }
  @media (max-width: 768px) {
    .site-forgot-wrapper .home-page-btn {
      width: 100%; } }

/*********************************************************************************************************************
16.0  Country Page
*********************************************************************************************************************/
.country-switcher-page-city-link {
  padding: 0 0.4rem; }

/*********************************************************************************************************************
17.0  Post View Details Page
*********************************************************************************************************************/
@font-face {
  font-family: NotoKufiArabic-Bold;
  src: url(/common-assets/fonts/arabic/NotoKufiArabic-Bold.ttf); }
@font-face {
  font-family: NotoKufiArabic-Regular;
  src: url(/common-assets/fonts/arabic/NotoKufiArabic-Regular.ttf); }
#post-view-wrapper .mt-lg-6 {
  margin-top: 40px; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #post-view-wrapper .related-post-price {
    font-size: 0.875rem; }
  #post-view-wrapper .related-post-date {
    font-size: 0.75rem; }
  #post-view-wrapper .related-post-title {
    font-size: 1rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #post-view-wrapper .related-post-price {
    font-size: 0.875rem; }
  #post-view-wrapper .related-post-date {
    font-size: 0.75rem; }
  #post-view-wrapper .related-post-title {
    font-size: 1rem; } }

#post-view-wrapper .web-post-view-content #breadcrumb-wrapper .breadcrumb-item {
  font-size: 0.75rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #post-view-wrapper .web-post-view-content .post-title {
    font-size: 1.75rem; } }

#post-view-wrapper .web-post-view-content .view-post-slider {
  height: auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }
  #post-view-wrapper .web-post-view-content .view-post-slider .carousel-inner {
    height: 32rem;
    border-radius: 1rem; }
    #post-view-wrapper .web-post-view-content .view-post-slider .carousel-inner .carousel-item img {
      object-fit: cover;
      width: 100%;
      height: 32rem; }
  #post-view-wrapper .web-post-view-content .view-post-slider .carousel-indicators li {
    width: 0.75rem;
    height: 0.75rem; }
#post-view-wrapper .web-post-view-content .report-abuse-btn:hover {
  color: #484848; }
#post-view-wrapper .web-post-view-content .card {
  flex-basis: 22%;
  height: 20.125rem;
  margin-right: 1rem; }
  [dir=rtl] #post-view-wrapper .web-post-view-content .card {
    margin-right: unset;
    margin-left: 1rem; }
  @media (max-width: 1200px) {
    #post-view-wrapper .web-post-view-content .card {
      flex: 1 0 30%; } }
  #post-view-wrapper .web-post-view-content .card .card-title {
    height: 3.75rem;
    overflow: hidden; }
  #post-view-wrapper .web-post-view-content .card img {
    height: 10.125rem;
    object-fit: cover; }
#post-view-wrapper .mobile-post-view-content #breadcrumb-wrapper .breadcrumb-item {
  font-size: 0.75rem; }
#post-view-wrapper .mobile-post-view-content .view-post-slider {
  height: 13.25rem;
  width: 100%; }
  #post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-inner {
    height: 13.25rem; }
    #post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-inner .carousel-item img {
      object-fit: cover;
      width: 100%;
      height: 13.25rem; }
  #post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-indicators li {
    width: 0.375rem;
    height: 0.375rem; }
  #post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-control-prev-icon,
  #post-view-wrapper .mobile-post-view-content .view-post-slider .carousel-control-next-icon {
    display: none; }
#post-view-wrapper .mobile-post-view-content .fixed-top-sm {
  position: absolute;
  top: 1rem;
  right: 0;
  left: 0; }
#post-view-wrapper .mobile-post-view-content .installed-box {
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem; }
  [dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
    border-top-left-radius: 0.25rem; }
  [dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
    border-top-right-radius: 0; }
  [dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
    border-bottom-left-radius: 0.25rem; }
  [dir=rtl] #post-view-wrapper .mobile-post-view-content .installed-box {
    border-bottom-right-radius: 0; }
#post-view-wrapper .mobile-post-view-content .small-icon {
  color: #fff;
  background-color: #00000036;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 1; }
  #post-view-wrapper .mobile-post-view-content .small-icon i {
    margin: 0.25rem;
    font-size: 1rem; }
#post-view-wrapper .mobile-post-view-content .post-title {
  font-weight: 900; }
#post-view-wrapper .mobile-post-view-content .share-post-btn {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }
#post-view-wrapper .mobile-post-view-content .post-title {
  line-height: 1.5rem; }
#post-view-wrapper .mobile-post-view-content .price-block-sm .not-specified-price {
  width: 5rem; }
#post-view-wrapper .mobile-post-view-content .price .price-val {
  font-weight: 900; }
#post-view-wrapper .mobile-post-view-content .price .price-currency {
  font-size: 1rem;
  margin-top: 0.25rem; }
#post-view-wrapper .mobile-post-view-content #post-details-content-widget {
  font-size: 0.625rem; }
#post-view-wrapper .mobile-post-view-content .report-abuse-block {
  padding: 0.5rem; }
  #post-view-wrapper .mobile-post-view-content .report-abuse-block .report-abuse-btn {
    font-size: 1rem;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem; }
  #post-view-wrapper .mobile-post-view-content .report-abuse-block .report-abuse-red-btn {
    font-size: 1rem;
    background: url(/common-assets/img/custom-icons/outlined-flag-red.svg) 100% 50% no-repeat;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem; }
#post-view-wrapper .mobile-post-view-content .mobile-card-deck {
  flex-direction: column; }
  #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card {
    flex: 1 0 98%; }
    #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body {
      padding: 0; }
      #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .fav-wrapper {
        margin-top: 3px;
        margin-right: 9px; }
        [dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .fav-wrapper {
          margin-right: 0;
          margin-left: 9px; }
      #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .top-content-wrapper {
        width: calc(100% - 104px); }
        @media (min-width: 480px) {
          #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .top-content-wrapper {
            width: calc(100% - 126px); } }
      #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .ads-title-mobile {
        max-width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 12px; }
        [dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .ads-title-mobile {
          margin-left: unset;
          margin-right: 12px; }
        #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .ads-title-mobile a {
          font-size: 0.75rem; }
      #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .date-text {
        vertical-align: top;
        font-size: 0.625rem;
        margin-top: 0.5rem;
        margin-left: 0.7rem; }
        [dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .date-text {
          margin-left: 0;
          margin-right: 0.7rem; }
      #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper {
        margin-top: -40px;
        width: calc(100% - 104px);
        padding-right: 12px;
        padding-left: 12px; }
        @media (min-width: 480px) {
          #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper {
            width: calc(100% - 126px); } }
        #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper .share-sc-buttons {
          width: 36px;
          height: 36px;
          padding: 5px 0;
          line-height: 1; }
          #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-body .sc-wrapper .share-sc-buttons img {
            width: 24px;
            height: 24px; }
    #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .sticky-box {
      left: 1.5rem;
      right: inherit; }
      [dir=rtl] #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .sticky-box {
        right: 1.5rem;
        left: inherit; }
    #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card img {
      width: 104px;
      height: 96px;
      display: inline;
      object-fit: cover; }
    #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-content-block {
      padding: 1rem; }
    #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-title {
      margin-bottom: 0.5rem; }
    #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-price {
      font-size: 12px; }
      @media (max-width: 333px) {
        #post-view-wrapper .mobile-post-view-content .mobile-card-deck .card .card-price {
          font-size: 7px; } }
#post-view-wrapper #post-details-content-widget .description-block {
  width: 47.625rem; }
  @media (max-width: 768px) {
    #post-view-wrapper #post-details-content-widget .description-block {
      width: 100%; } }
  #post-view-wrapper #post-details-content-widget .description-block .description-text, #post-view-wrapper #post-details-content-widget .description-block .short-description-text {
    width: 47.625rem;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      #post-view-wrapper #post-details-content-widget .description-block .description-text, #post-view-wrapper #post-details-content-widget .description-block .short-description-text {
        width: 100%; } }
  #post-view-wrapper #post-details-content-widget .description-block .long-description-content {
    position: relative;
    height: 3rem;
    overflow: hidden;
    text-overflow: ellipsis; }
    #post-view-wrapper #post-details-content-widget .description-block .long-description-content .hold-description {
      position: absolute;
      background: url(/common-assets/img/gradient.png) 100% 50%;
      width: 100%;
      height: 5rem;
      top: 38%; }
      @media (max-width: 768px) {
        #post-view-wrapper #post-details-content-widget .description-block .long-description-content .hold-description {
          top: 50%; } }
    #post-view-wrapper #post-details-content-widget .description-block .long-description-content.open {
      height: 100%;
      white-space: unset; }
      #post-view-wrapper #post-details-content-widget .description-block .long-description-content.open .description-text {
        opacity: unset; }
      #post-view-wrapper #post-details-content-widget .description-block .long-description-content.open .hold-description {
        display: none; }
  #post-view-wrapper #post-details-content-widget .description-block .expand-description-block {
    position: relative; }
    #post-view-wrapper #post-details-content-widget .description-block .expand-description-block .trigger-button.open {
      margin-top: 3rem; }
    #post-view-wrapper #post-details-content-widget .description-block .expand-description-block .arrow-red {
      background: url(/common-assets/img/custom-icons/arrows/arrow-down-red.svg) 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; }
      #post-view-wrapper #post-details-content-widget .description-block .expand-description-block .arrow-red.open {
        background: url(/common-assets/img/custom-icons/arrows/arrow-up-red.svg) 100% 50% no-repeat; }
#post-view-wrapper .comments-section {
  margin-top: 5rem; }
#post-view-wrapper .post-sub-title {
  font-size: 1.5rem; }
#post-view-wrapper #breadcrumb-wrapper {
  padding: 0; }
  #post-view-wrapper #breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before {
    float: left; }
    [dir=rtl] #post-view-wrapper #breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before {
      float: right; }
#post-view-wrapper .abuse-description-field {
  resize: none; }
#post-view-wrapper .view-post-slider .carousel-control-prev-icon {
  background: url(/common-assets/img/custom-icons/arrow-back.svg) 50%/100% 100% no-repeat;
  padding: 0.75rem; }
  [dir=rtl] #post-view-wrapper .view-post-slider .carousel-control-prev-icon {
    background: url(/common-assets/img/custom-icons/arrow-next.svg) 50%/100% 100% no-repeat; }
#post-view-wrapper .view-post-slider .carousel-control-next-icon {
  background: url(/common-assets/img/custom-icons/arrow-next.svg) 50%/100% 100% no-repeat;
  padding: 0.75rem; }
  [dir=rtl] #post-view-wrapper .view-post-slider .carousel-control-next-icon {
    background: url(/common-assets/img/custom-icons/arrow-back.svg) 50%/100% 100% no-repeat; }
#post-view-wrapper .view-post-slider .carousel-indicators li {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 100%;
  background-color: unset;
  border: 1px solid #fff; }
#post-view-wrapper .view-post-slider .carousel-indicators .active {
  background-color: #fff; }
#post-view-wrapper .installed-box {
  background-color: #ffdd15;
  width: 96px;
  border-radius: 4px;
  font-size: 0.9rem;
  display: flex;
  font-weight: 600;
  align-items: center;
  align-content: center;
  padding: 7px;
  justify-content: space-evenly;
  position: absolute;
  left: 0;
  top: -23px; }
  @media (max-width: 768px) {
    #post-view-wrapper .installed-box {
      position: relative;
      left: unset;
      top: unset;
      background-color: #ffdd15;
      width: 3.875rem;
      height: 2rem;
      border-radius: 0.25rem;
      margin-bottom: 1rem;
      font-size: 0.6875rem;
      display: flex;
      justify-content: space-evenly;
      padding-top: 0.5rem;
      font-weight: 600; } }
#post-view-wrapper .post-date {
  color: #a1a1a1; }
#post-view-wrapper .price .price-currency {
  margin: 1rem 0.2rem 0 0.2rem; }
#post-view-wrapper .post-actions a:hover {
  color: #484848; }
#post-view-wrapper .post-actions .post-action-label {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }
#post-view-wrapper .advice-block {
  margin-top: 1rem;
  font-size: 0.625rem;
  padding: 0.5rem;
  background-color: #fff6e5;
  border-radius: 8px; }
  #post-view-wrapper .advice-block .advice-description {
    line-height: 1.40rem; }
#post-view-wrapper .owl-desktop-float .owl-stage {
  float: left; }
  [dir=rtl] #post-view-wrapper .owl-desktop-float .owl-stage {
    float: right; }
#post-view-wrapper .card .sticky-box {
  width: 2.875rem;
  height: 2.625rem;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  right: inherit;
  background: #ffdd15;
  font-size: 0.6rem;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem; }
  [dir=rtl] #post-view-wrapper .card .sticky-box {
    right: 0.5rem;
    left: inherit; }
#post-view-wrapper .card .card-price {
  color: #e30b1c;
  margin-top: 0.25rem; }
#post-view-wrapper .card .fav-post:hover i, #post-view-wrapper .card .fav-post.active i {
  color: #e30b1c; }
#post-view-wrapper .card .card-price-block {
  justify-content: flex-start; }
  [dir=rtl] #post-view-wrapper .card .card-price-block {
    justify-content: flex-end; }
  #post-view-wrapper .card .card-price-block .card-price-value {
    order: 1; }
    [dir=rtl] #post-view-wrapper .card .card-price-block .card-price-value {
      order: 2; }
  #post-view-wrapper .card .card-price-block .card-price-currency {
    order: 2;
    margin-left: 0.2rem;
    margin-right: 0.2rem; }
    [dir=rtl] #post-view-wrapper .card .card-price-block .card-price-currency {
      order: 1; }
#post-view-wrapper .post-comment-block .post-comment-date {
  color: #a1a1a1; }
#post-view-wrapper .post-comment-block .fa-trash {
  color: #e30b1c; }
#post-view-wrapper #report-abuse-modal .modal-header .close {
  margin: 0;
  padding: 0;
  position: absolute; }
#post-view-wrapper #report-abuse-modal .modal-header h5 {
  margin-top: 2rem;
  left: 30%;
  right: 30%;
  position: relative; }
#post-view-wrapper #report-abuse-modal .modal-content {
  border-radius: 0.5rem; }
#post-view-wrapper #report-abuse-modal .report-abuse-form input[type='radio'] {
  -webkit-appearance: none;
  width: 25px;
  height: 24px;
  border: 1px solid #000;
  border-radius: 50%;
  outline: none; }
  #post-view-wrapper #report-abuse-modal .report-abuse-form input[type='radio']:before {
    content: "";
    display: grid;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    left: unset;
    position: relative;
    margin: 3.1px; }
    [dir=rtl] #post-view-wrapper #report-abuse-modal .report-abuse-form input[type='radio']:before {
      left: -1px;
      right: unset; }
  #post-view-wrapper #report-abuse-modal .report-abuse-form input[type='radio']:checked {
    border: 1px solid #e30b1c; }
    #post-view-wrapper #report-abuse-modal .report-abuse-form input[type='radio']:checked:before {
      background: #e30b1c; }
#post-view-wrapper #report-abuse-modal .report-abuse-form .abuse-option-label {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }
#post-view-wrapper #report-abuse-modal .send-report-abuse-btn {
  width: 7.8125rem; }
#post-view-wrapper #report-abuse-modal .go-home-btn {
  color: #e30b1c; }
#post-view-wrapper .load-more-btn {
  padding: 0.75rem;
  border-color: #f1f1f1; }
  #post-view-wrapper .load-more-btn:hover {
    border-color: #484848;
    color: #484848;
    background-color: #fff; }
#post-view-wrapper .warning-icon {
  background: url(/common-assets/img/custom-icons/warning.svg) 50% 50% no-repeat;
  padding: 0.7rem; }
#post-view-wrapper .outlined-flag-icon {
  background: url(/common-assets/img/custom-icons/outlined-flag.svg) 50% 50% no-repeat;
  padding: 0.7rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem; }
#post-view-wrapper .outlined-flag-red-icon {
  background: url(/common-assets/img/custom-icons/outlined-flag-red.svg) 50% 50% no-repeat;
  padding: 0.7rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem; }
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .error-img {
  width: 34.375rem;
  height: 30.375rem; }
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .deleted-text-content-block {
  margin-top: 6rem; }
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .text-content-block .sorry-message, #post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .text-content-block .reason-message {
  font-size: 2.25rem; }
#post-view-wrapper .post-error-view-section .web-post-error-view-content .content-block .text-content-block .reason-message {
  margin-bottom: 1.375rem; }
#post-view-wrapper .post-error-view-section .mobile-post-deleted-view-content .content-block .error-img {
  width: 19.875rem;
  height: 19.875rem; }
#post-view-wrapper .post-error-view-section .mobile-post-error-view-content .content-block .error-img {
  width: 19.875rem;
  height: 19.875rem; }
@media (max-width: 1600px) {
  #post-view-wrapper .error-img {
    width: 19.875rem !important;
    height: 19.875rem !important; } }
#post-view-wrapper .owl-dots {
  margin-top: 1rem;
  bottom: unset; }
#post-view-wrapper .owl-nav {
  position: relative;
  width: 100%;
  z-index: 2; }
  #post-view-wrapper .owl-nav button {
    margin: 1rem;
    border-radius: 50%; }
    #post-view-wrapper .owl-nav button i:before {
      height: 1.5rem;
      width: 1.5rem;
      display: inline-block;
      background: #fff;
      border-radius: 50%;
      color: #484848;
      font-weight: bold;
      padding-top: 0.25rem; }
    #post-view-wrapper .owl-nav button.owl-prev {
      float: left; }
      [dir=rtl] #post-view-wrapper .owl-nav button.owl-prev {
        float: right; }
      @media (min-width: 769px) {
        #post-view-wrapper .owl-nav button.owl-prev {
          margin-left: 28rem; }
          [dir=rtl] #post-view-wrapper .owl-nav button.owl-prev {
            margin-left: unset;
            margin-right: 28rem; } }
      #post-view-wrapper .owl-nav button.owl-prev i:before {
        padding-right: 2px; }
        [dir=rtl] #post-view-wrapper .owl-nav button.owl-prev i:before {
          padding-left: 2px; }
    #post-view-wrapper .owl-nav button.owl-next {
      float: right; }
      [dir=rtl] #post-view-wrapper .owl-nav button.owl-next {
        float: left; }
      @media (min-width: 769px) {
        #post-view-wrapper .owl-nav button.owl-next {
          margin-right: 28rem; }
          [dir=rtl] #post-view-wrapper .owl-nav button.owl-next {
            margin-right: unset;
            margin-left: 28rem; } }
      #post-view-wrapper .owl-nav button.owl-next i:before {
        padding-left: 2px; }
        [dir=rtl] #post-view-wrapper .owl-nav button.owl-next i:before {
          padding-right: 2px; }
#post-view-wrapper .advice-block-m {
  margin-top: 5rem; }
@media (min-width: 768px) {
  #post-view-wrapper {
    margin-top: 2rem; }
    #post-view-wrapper .post-details {
      margin-top: 1rem; } }
@media (max-width: 768px) {
  #post-view-wrapper .post-sub-title {
    font-size: 1.25rem; }
  #post-view-wrapper .post-comment-block .post-comment-username,
  #post-view-wrapper .post-comment-block .post-comment-content {
    font-size: 0.625rem; }
  #post-view-wrapper .post-comment-block .post-comment-date {
    font-size: 0.5rem; } }
@media (min-width: 769px) {
  #post-view-wrapper .post-details {
    padding: 0; } }

@media (min-width: 769px) {
  .owner-post-view .confirm-remove-modal {
    width: 28rem; } }
.owner-post-view .confirm-remove-modal .remove-post-icon {
  background: url("/common-assets/img/profile/post-actions/remove-lg.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 4rem;
  width: 4rem; }
.owner-post-view .confirm-remove-modal .confirm-remove-post-modal-header {
  border-bottom: unset; }
  .owner-post-view .confirm-remove-modal .confirm-remove-post-modal-header .close {
    margin: -.5rem -.5rem -.5rem auto; }
@media (min-width: 769px) {
  .owner-post-view .confirm-remove-modal .btn {
    min-width: 7.5rem; } }
.owner-post-view .confirm-remove-modal .cancel-remove-post-btn {
  color: #e30b1c;
  border-color: #e30b1c;
  background-color: #fff; }
@media (min-width: 769px) {
  .owner-post-view .post-details {
    margin-top: unset !important; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .owner-post-view .phone-number-label {
    font-size: 0.875rem; }
  .owner-post-view .phone-number-text {
    font-size: 1.25rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .owner-post-view .phone-number-label {
    font-size: 0.75rem; }
  .owner-post-view .phone-number-text {
    font-size: 1rem; } }

@media (min-width: 769px) {
  .owner-post-view .post-status-block {
    margin-bottom: 1rem; } }
.owner-post-view .post-status-block .post-status-message {
  margin-top: 0.75rem; }
.owner-post-view .post-status-block .active-status-block .success-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .active-status-block .success-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .active-status-block .success-icon {
      background: url(/common-assets/img/post-status/success-lg.svg) 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .owner-post-view .post-status-block .active-status-block .success-icon {
      background: url("/common-assets/img/post-status/success-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .active-status-block {
    color: #49BF7C; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .active-status-block {
    color: #fff;
    background-color: #49BF7C;
    height: 3rem;
    display: flex;
    justify-content: center; } }
.owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
      background: url(/common-assets/img/post-status/pending-review-sm.svg) 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .owner-post-view .post-status-block .pending-review-status-block .pending-review-icon {
      background: url("/common-assets/img/post-status/pending-review-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .pending-review-status-block {
    color: #57BEFB; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .pending-review-status-block {
    color: #fff;
    background-color: #57BEFB;
    height: 3rem;
    display: flex;
    justify-content: center; } }
.owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
      background: url(/common-assets/img/post-status/pending-payment-lg.svg) 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .owner-post-view .post-status-block .pending-payment-status-block .pending-payment-icon {
      background: url("/common-assets/img/post-status/pending-payment-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .pending-payment-status-block {
    color: #FF6A00; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .pending-payment-status-block {
    color: #fff;
    background-color: #FF6A00;
    height: 3rem;
    display: flex;
    justify-content: center; }
    .owner-post-view .post-status-block .pending-payment-status-block .post-status-message {
      margin-top: 0.875rem; } }
.owner-post-view .post-status-block .expired-status-block .expired-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .expired-status-block .expired-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .expired-status-block .expired-icon {
      background: url(/common-assets/img/post-status/expired-lg.svg) 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .owner-post-view .post-status-block .expired-status-block .expired-icon {
      background: url("/common-assets/img/post-status/expired-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .expired-status-block {
    color: #1FAEC1; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .expired-status-block {
    color: #fff;
    background-color: #1FAEC1;
    height: 3rem;
    display: flex;
    justify-content: center; }
    .owner-post-view .post-status-block .expired-status-block .post-status-message {
      margin-top: 0.875rem; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .rejected-status-block {
    display: flex;
    justify-content: space-between;
    width: 46rem; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .rejected-status-block .contact-support-section {
    display: none; } }
.owner-post-view .post-status-block .rejected-status-block .rejected-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .rejected-status-block .rejected-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .rejected-status-block .rejected-icon {
      background: url(/common-assets/img/post-status/rejected-lg.svg) 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .owner-post-view .post-status-block .rejected-status-block .rejected-icon {
      background: url("/common-assets/img/post-status/rejected-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
.owner-post-view .post-status-block .rejected-status-block .contact-support-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .rejected-status-block .contact-support-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .rejected-status-block .contact-support-icon {
      background: url("/common-assets/img/post-status/contact-support-lg.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .rejected-status-block {
    color: #AA0000; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .rejected-status-block {
    color: #fff;
    background-color: #AA0000;
    height: 3rem;
    display: flex;
    justify-content: center; }
    .owner-post-view .post-status-block .rejected-status-block .post-status-message {
      margin-top: 0.875rem; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block {
    display: flex;
    justify-content: space-between;
    width: 46rem; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .sold-status-block .contact-agent-section {
    display: none; } }
.owner-post-view .post-status-block .sold-status-block .sold-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .sold-status-block .sold-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .sold-status-block .sold-icon {
      background: url(/common-assets/img/post-status/sold-lg.svg) 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .owner-post-view .post-status-block .sold-status-block .sold-icon {
      background: url("/common-assets/img/post-status/sold-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
.owner-post-view .post-status-block .sold-status-block .contact-agent-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .owner-post-view .post-status-block .sold-status-block .contact-agent-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .owner-post-view .post-status-block .sold-status-block .contact-agent-icon {
      background: url("/common-assets/img/post-status/support-agent-lg.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }
@media (min-width: 769px) {
  .owner-post-view .post-status-block .sold-status-block {
    color: #8133FF; }
    .owner-post-view .post-status-block .sold-status-block .contact-agent-section:hover {
      cursor: pointer; }
    .owner-post-view .post-status-block .sold-status-block .post-status-link {
      color: #8133FF; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .sold-status-block {
    color: #fff;
    background-color: #8133FF;
    height: 3rem;
    display: flex;
    justify-content: center; }
    .owner-post-view .post-status-block .sold-status-block .post-status-message {
      margin-top: 0.875rem; } }
@media (max-width: 768px) {
  .owner-post-view .post-status-block .contact-support-block {
    color: #AA0000; }
    .owner-post-view .post-status-block .contact-support-block .contact-support-icon {
      margin-right: 0.5rem;
      background: url("/common-assets/img/post-status/contact-support-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; }
      [dir=rtl] .owner-post-view .post-status-block .contact-support-block .contact-support-icon {
        margin-right: unset;
        margin-left: 0.5rem; }
  .owner-post-view .post-status-block .contact-agent-block {
    color: #8133FF; }
    .owner-post-view .post-status-block .contact-agent-block .contact-agent-icon {
      margin-right: 0.5rem;
      background: url("/common-assets/img/post-status/support-agent-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; }
      [dir=rtl] .owner-post-view .post-status-block .contact-agent-block .contact-agent-icon {
        margin-right: unset;
        margin-left: 0.5rem; } }
@media (min-width: 769px) {
  .owner-post-view .post-possible-actions {
    justify-content: flex-end; } }
@media (max-width: 768px) {
  .owner-post-view .post-possible-actions {
    justify-content: center;
    margin-right: 0.25rem;
    border-bottom: 1px solid #E5E4E4;
    border-top: 1px solid #E5E4E4;
    padding: 0.5rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 23;
    width: 100%;
    background-color: white; }
    [dir=rtl] .owner-post-view .post-possible-actions {
      margin-right: unset;
      margin-left: 0.25rem; } }
.owner-post-view .post-possible-actions .sticky-action {
  flex-grow: 1;
  background: #ffdd15;
  height: 3rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #484848; }
  @media (max-width: 768px) {
    .owner-post-view .post-possible-actions .sticky-action {
      justify-content: center;
      align-items: center;
      flex-grow: 1; } }
  .owner-post-view .post-possible-actions .sticky-action .sticky-icon {
    background: url("/common-assets/img/profile/post-actions/sticky.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%; }
  .owner-post-view .post-possible-actions .sticky-action .sticky-text {
    margin-right: 0.5rem; }
    [dir=rtl] .owner-post-view .post-possible-actions .sticky-action .sticky-text {
      margin-right: unset;
      margin-left: 0.5rem; }
.owner-post-view .post-possible-actions .make-payment-action {
  flex-grow: 1;
  justify-content: center;
  padding: 0.75rem;
  background: #FF6A00;
  height: 3rem;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #fff; }
  .owner-post-view .post-possible-actions .make-payment-action .payment-card-icon {
    background: url("/common-assets/img/profile/post-actions/payment-card-white.svg") 100% 50% no-repeat;
    padding: unset;
    background-size: 100%;
    height: 1.5rem;
    width: 1.75rem; }
.owner-post-view .post-possible-actions .repost-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7; }
  .owner-post-view .post-possible-actions .repost-action .repost-icon {
    background: url("/common-assets/img/profile/post-actions/repost.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
    height: 1.75rem;
    width: 1.75rem; }
  .owner-post-view .post-possible-actions .repost-action:hover {
    color: #484848; }
.owner-post-view .post-possible-actions .share-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7; }
  .owner-post-view .post-possible-actions .share-action .share-icon {
    background: url("/common-assets/img/profile/post-actions/share.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
    height: 1.75rem;
    width: 1.75rem; }
  .owner-post-view .post-possible-actions .share-action:hover {
    color: #484848; }
  @media (max-width: 768px) {
    .owner-post-view .post-possible-actions .share-action {
      justify-content: center;
      align-items: center; } }
.owner-post-view .post-possible-actions .edit-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7; }
  .owner-post-view .post-possible-actions .edit-action .edit-icon {
    background: url("/common-assets/img/profile/edit.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
    height: 1.75rem;
    width: 1.75rem; }
    @media (max-width: 768px) {
      .owner-post-view .post-possible-actions .edit-action .edit-icon {
        width: auto;
        height: auto; } }
  .owner-post-view .post-possible-actions .edit-action:hover {
    color: #484848; }
.owner-post-view .post-possible-actions .remove-action {
  height: 3rem;
  padding: 14px 0;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #E7E7E7; }
  .owner-post-view .post-possible-actions .remove-action .remove-icon {
    background: url("/common-assets/img/profile/post-actions/remove.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%;
    height: 1.75rem;
    width: 1.75rem; }
    @media (max-width: 768px) {
      .owner-post-view .post-possible-actions .remove-action .remove-icon {
        width: auto;
        height: auto; } }
  .owner-post-view .post-possible-actions .remove-action:hover {
    color: #484848; }

@media (max-width: 768px) {
  .post-possible-actions > * {
    justify-content: center;
    align-items: center;
    flex-grow: 1; } }

@media only screen and (max-width: 768px) {
  .waseet-post-view .woot-widget-bubble {
    bottom: 6.5rem !important; }
  .waseet-post-view .add-your-ads-widget-widget-footer {
    margin-bottom: 7rem !important; }
  .waseet-post-view .post-phone-number-widget .justify-content-around {
    position: fixed !important;
    bottom: -2px !important;
    left: 0;
    z-index: 10 !important;
    width: 100% !important;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
    background-color: white; }
  .waseet-post-view .btn-waseet-royal-blue {
    color: #000;
    background-color: #fff;
    border-color: #E7E7E7;
    width: 45% !important;
    font-size: 16px; }
    .waseet-post-view .btn-waseet-royal-blue img {
      width: 24px;
      height: 24px;
      margin-inline: 5%; }
  .waseet-post-view .btn-waseet-green {
    color: #000;
    background-color: #fff;
    border-color: #E7E7E7;
    width: 45% !important; }
    .waseet-post-view .btn-waseet-green .font-size-o875 {
      font-size: 16px; }
    .waseet-post-view .btn-waseet-green img {
      width: 24px;
      height: 24px;
      margin-inline: 5%; } }
.post-title-view {
  color: #484848; }

.g-post {
  width: 100%;
  padding-left: 15px; }

.g-post a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  padding: 18px;
  font-weight: bold; }

.on-click-social-post {
  width: 100%; }

.on-click-social-post a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background: white;
  padding: 0.75rem;
  color: #484848; }

.small-picture {
  width: 134px !important;
  height: 134px !important;
  border-radius: 8px;
  object-fit: cover; }

.carousel-with-bottom-indicators .owl-stage .owl-item .item-class img {
  width: 100%;
  padding: 0 !important;
  overflow: hidden; }
  @media (max-width: 768px) {
    .carousel-with-bottom-indicators .owl-stage .owl-item .item-class img {
      padding: 0 !important; } }

.red-color {
  color: #e30b1c; }

.post-status label {
  margin-bottom: 0; }

.copy-icon {
  display: none;
  transform: scale(0.7);
  position: absolute;
  left: 6px;
  top: 14px; }

.copy-icon img {
  width: 14px !important; }

.phone-number-call:hover .animate-call {
  transform: translateX(6px);
  transition: ease-in-out .3s all; }

.phone-number-call:hover .copy-icon {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  justify-items: center;
  background-color: #F2F2F2;
  justify-content: center;
  transform: scale(1);
  transition: ease-in-out 0.3s all; }

body[dir="ltr"] .copy-icon {
  right: 6px;
  left: unset; }
body[dir="ltr"] .phone-number-call:hover .animate-call {
  transform: translateX(-6px); }
body[dir="ltr"] .white-slider-glow {
  left: unset;
  right: 0;
  background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0.6054796919) 44%, rgba(255, 255, 255, 0) 100%); }

.white-slider-glow {
  position: absolute;
  width: 100px;
  height: 134px;
  left: 0;
  top: 0;
  background: white;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.6054796919) 44%, rgba(255, 255, 255, 0) 100%);
  z-index: 50; }

@media (min-width: 769px) {
  p {
    margin: 0;
    padding: 0; }

  .post-phone-number-widget {
    margin-top: 2.2rem; } }
.pending-review-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .pending-review-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .pending-review-icon {
      background: url(/common-assets/img/post-status/pending-review-sm.svg) 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .pending-review-icon {
      background: url("/common-assets/img/post-status/pending-review-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }

.success-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .success-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .success-icon {
      background: url("/common-assets/img/post-status/success-sm.svg") 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .success-icon {
      background: url("/common-assets/img/post-status/success-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }

.pending-payment-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .pending-payment-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .pending-payment-icon {
      background: url("/common-assets/img/post-status/pending-payment-sm.svg") 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .pending-payment-icon {
      background: url("/common-assets/img/post-status/pending-payment-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }

.rejected-icon {
  margin-right: 0.5rem; }
  [dir=rtl] .rejected-icon {
    margin-right: unset;
    margin-left: 0.5rem; }
  @media (min-width: 769px) {
    .rejected-icon {
      background: url("/common-assets/img/post-status/rejected-sm.svg") 100% 40% no-repeat;
      padding: 1rem;
      background-size: 100%; } }
  @media (max-width: 768px) {
    .rejected-icon {
      background: url("/common-assets/img/post-status/rejected-sm.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; } }

.color-for-nonspecific {
  color: black;
  font-weight: bold; }
  @media (max-width: 768px) {
    .color-for-nonspecific {
      color: #e30b1c; } }

.fa-chevron-right, .fa-chevron-left {
  font-size: 1rem; }

@media (min-width: 769px) {
  .error-content-wrapper {
    margin: 8rem 2rem !important; } }
@media (min-width: 769px) {
  .error-content-wrapper .card {
    border-radius: 8px !important; } }
@media (max-width: 768px) {
  .error-content-wrapper .card {
    border-radius: 0 !important; } }
@media (min-width: 769px) {
  .error-content-wrapper .card .card-header {
    border-radius: 8px 8px 0 0;
    justify-content: center !important; } }
@media (max-width: 768px) {
  .error-content-wrapper .card .card-header {
    border-radius: 0; } }
@media (min-width: 769px) {
  .error-content-wrapper .card .card-header > * + * {
    margin-right: 1.063rem; }
    [dir=rtl] .error-content-wrapper .card .card-header > * + * {
      margin-left: 0; } }
@media (max-width: 768px) {
  .error-content-wrapper .card .card-body {
    padding: 0 !important; } }
.error-content-wrapper .items-grow-center {
  align-self: center; }
  @media (max-width: 768px) {
    .error-content-wrapper .items-grow-center {
      flex-grow: 1; } }
.error-content-wrapper .redirect-button {
  position: absolute;
  left: -12px;
  top: -12px;
  padding: 2px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0px 3px 3px #00000033; }
.error-content-wrapper .load-more-back-icon {
  filter: invert(20%) sepia(86%) saturate(6558%) hue-rotate(349deg) brightness(87%) contrast(104%); }

.related-post-content-wrapper .owl-dots {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 1rem !important;
  bottom: 0.5rem !important; }
@media (min-width: 769px) {
  .related-post-content-wrapper .owl-nav button.owl-next {
    left: 40% !important;
    right: initial !important;
    position: absolute !important;
    top: 10px !important;
    margin: 0 !important; } }
@media (max-width: 768px) {
  .related-post-content-wrapper .owl-nav button.owl-next {
    left: 20% !important;
    right: initial !important;
    position: absolute !important;
    top: -2px !important; } }
@media (min-width: 769px) {
  .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 40% !important;
    left: initial !important;
    position: absolute !important;
    top: 10px !important;
    margin: 0 !important; } }
@media (max-width: 768px) {
  .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 20% !important;
    left: initial !important;
    position: absolute !important;
    top: -2px !important; } }

#commercials-list-view .post-phone-number-widget {
  margin-top: 0 !important; }

body[dir="ltr"] #post-view-wrapper .installed-box {
  right: 0;
  left: unset; }
@media (min-width: 769px) {
  body[dir="ltr"] .related-post-content-wrapper .owl-nav button.owl-next {
    left: 58% !important; } }
@media (max-width: 768px) {
  body[dir="ltr"] .related-post-content-wrapper .owl-nav button.owl-next {
    left: 65% !important; } }
@media (min-width: 769px) {
  body[dir="ltr"] .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 58% !important; } }
@media (max-width: 768px) {
  body[dir="ltr"] .related-post-content-wrapper .owl-nav button.owl-prev {
    right: 65% !important; } }
body[dir="ltr"] .related-post-content-wrapper .related-ads-owl-carousal .owl-nav, body[dir="ltr"] .related-post-content-wrapper .error-owl-carousal .owl-nav {
  height: 45px !important; }

.mobile-version {
  max-height: 474pt; }

@media (max-width: 768px) {
  #splash-banner-modal {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh; }
    #splash-banner-modal .mobile-version {
      width: 88vw;
      max-height: 474pt; } }
.edit-rejected-image-text {
  font-size: 0.875rem;
  font-family: NotoKufiArabic-Bold;
  text-decoration: underline; }

.edit-action .edit-icon {
  background: url("/common-assets/img/profile/edit.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 1.5rem;
  width: 1.5rem; }
  @media (max-width: 768px) {
    .edit-action .edit-icon {
      width: auto;
      height: auto; } }

.rejected-images-box {
  background: #FFE5E5;
  border: 1px solid #D12F2B;
  border-radius: 0.5rem;
  padding: 0.5rem; }
  .rejected-images-box .images-rejected-bold {
    font-family: NotoKufiArabic-Bold;
    font-size: 0.875rem; }
    .rejected-images-box .images-rejected-bold img {
      margin-top: 0.5rem;
      margin-left: 0.5rem; }
  .rejected-images-box .images-rejected-regular {
    font-family: NotoKufiArabic-Regular;
    font-size: 0.875rem;
    padding-top: 0.5rem; }

.rejected-image {
  opacity: 0.3; }

@media (max-width: 768px) {
  .post-status {
    margin-top: 12px; }

  .mobile-post-view-content {
    margin-top: 0rem; }

  .post-side-content .post-title {
    font-size: 1.125rem; }

  #post-view-wrapper .post-sub-title {
    font-size: 1rem; }

  #post-details-content-widget .font-weight-bold, #post-details-content-widget .profile-wrapper .profile-tabs .profile-tab.active .profile-tab-link, .profile-wrapper .profile-tabs .profile-tab.active #post-details-content-widget .profile-tab-link, #post-details-content-widget .profile-wrapper .profile-ads-tabs .profile-ads-tab.active, .profile-wrapper .profile-ads-tabs #post-details-content-widget .profile-ads-tab.active, #post-details-content-widget #profile-comments-wrapper .comment-box .pending-review-box, #profile-comments-wrapper .comment-box #post-details-content-widget .pending-review-box, #post-details-content-widget #profile-comments-wrapper .comment-box .rejected-box, #profile-comments-wrapper .comment-box #post-details-content-widget .rejected-box, #post-details-content-widget .sticky-box, #post-details-content-widget .paid-box, #post-details-content-widget .pending-payment-status-box, #post-details-content-widget .pending-review-box, #post-details-content-widget .rejected-box, #post-details-content-widget .expired-box, #post-details-content-widget .sold-box {
    font-size: 0.875rem; }
  #post-details-content-widget .attribute-value {
    font-size: 0.875rem; }

  .rejected-images-box .col-12 {
    padding: 0px; }
  .rejected-images-box .images-rejected-bold {
    font-size: 0.75rem !important; }
    .rejected-images-box .images-rejected-bold img {
      margin-top: 0.25rem !important;
      margin-left: 0.25rem !important; }
  .rejected-images-box .images-rejected-regular {
    font-size: 0.625rem !important;
    padding-top: 0.25rem !important; } }
/*********************************************************************************************************************
18.0  Add Post Pages
*********************************************************************************************************************/
.add-post-step {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    .add-post-step {
      margin-top: 1.3125rem; } }
  .add-post-step .invalid-feedback {
    color: #e30b1c;
    font-size: 0.75rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .invalid-feedback {
    font-size: 0.875rem; } }

  @media (max-width: 768px) {
    .add-post-step .add-post-step-content {
      padding: 0; } }
  .add-post-step input[type=text] {
    height: 3rem; }
    .add-post-step input[type=text]::placeholder {
      color: #959595;
      font-weight: 100;
      font-size: 0.875rem; }
  @media (max-width: 768px) {
    .add-post-step .currency-block {
      padding: 0;
      padding-right: 0.75rem; }
      [dir=rtl] .add-post-step .currency-block {
        padding-right: 0;
        padding-left: 0.75rem; } }
  .add-post-step .currency-box {
    height: 3rem;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.25rem;
    margin-top: 2rem; }
    .add-post-step .currency-box .currency-flag {
      margin-top: 0.75rem;
      width: 1.25rem;
      height: 1.25rem; }
    .add-post-step .currency-box .currency-value {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      margin-top: 0.75rem; }
      @media (max-width: 768px) {
        .add-post-step .currency-box .currency-value {
          margin-left: 0.25rem;
          margin-right: 0.25rem; } }
  .add-post-step .custom-checkbox .custom-control-label::before {
    border-radius: unset;
    border: 0.125rem solid #d9d9d9; }
  .add-post-step .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e30b1c;
    border-color: #e30b1c; }
  .add-post-step .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    transform: scale(1.5); }
  .add-post-step .add-post-steps .step {
    width: 7rem;
    height: 0.25rem;
    background: #EEEEEE;
    border-radius: 0.125rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-steps .step {
    width: 9rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-post-step .add-post-steps .step {
    width: 8rem; } }

    @media (min-width: 769px) {
      .add-post-step .add-post-steps .step.edit {
        width: 9.5rem; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
    .add-post-step .add-post-steps .step.edit {
      width: 11.5rem; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
    .add-post-step .add-post-steps .step.edit {
      width: 10.5rem; } }

    @media (max-width: 768px) {
      .add-post-step .add-post-steps .step.edit {
        width: 22%; } }
    @media (max-width: 768px) {
      .add-post-step .add-post-steps .step {
        width: 3.8rem; } }
  .add-post-step .add-post-steps .active-step {
    background: #E30B1C; }
  .add-post-step .add-post-instructions .instructions-panel {
    position: relative;
    border: 0.125rem solid #d9d9d9;
    border-radius: 0.75rem;
    width: 22.25rem;
    height: 36.6875rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-instructions .instructions-panel {
    height: 38.6875rem; }
    .add-post-step .add-post-instructions .instructions-panel .font-size-o75 {
      font-size: 0.875rem; } }

    .add-post-step .add-post-instructions .instructions-panel .instructions-header {
      position: absolute;
      width: 12.125rem;
      height: 4.5rem;
      background: #fff;
      border: 0.125rem solid #d9d9d9;
      border-radius: 0.25rem;
      top: -5%;
      left: 5%;
      right: unset; }
      [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions-header {
        left: unset; }
      [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions-header {
        right: 5%; }
      .add-post-step .add-post-instructions .instructions-panel .instructions-header .instructions-title {
        margin: 0.75rem 0 0.75rem 0;
        font-size: 1.125rem; }
        [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions-header .instructions-title {
          font-size: 0.9375rem; }
    .add-post-step .add-post-instructions .instructions-panel .instructions {
      margin-top: 4rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
    margin-left: -1rem; }
    [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
      margin-left: unset;
      margin-right: -1rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
    margin-left: -1rem; }
    [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list {
      margin-left: unset;
      margin-right: -1rem; } }

      .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list .instructions-list-item {
        max-width: 18.5rem;
        margin-bottom: 1.5rem; }
        .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list .instructions-list-item::marker {
          color: #e30b1c; }
        .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-list .instructions-list-item p {
          margin-bottom: 0.25rem; }
      .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
        background-image: url(/common-assets/img/add-post/instructions-en.svg);
        width: 8.875rem;
        height: 13.9375rem;
        margin-top: -3rem;
        background-repeat: no-repeat;
        background-size: 100%; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
    height: 13.9375rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
    height: 13.9375rem; } }

        [dir=rtl] .add-post-step .add-post-instructions .instructions-panel .instructions .instructions-img {
          background-image: url(/common-assets/img/add-post/instructions-ar.svg); }
  .add-post-step .add-post-panel {
    margin-top: 2.75rem;
    min-height: 35.0625rem;
    background: #fff;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.75rem; }
    @media (max-width: 768px) {
      .add-post-step .add-post-panel {
        padding-bottom: 4rem; } }
    .add-post-step .add-post-panel.paid-post {
      margin-top: 1.5rem; }
    .add-post-step .add-post-panel .panel-header {
      margin: 2rem; }
      @media (max-width: 768px) {
        .add-post-step .add-post-panel .panel-header {
          margin: 1rem; } }
  .add-post-step .selection .select2-selection {
    height: 3rem; }
  .add-post-step .selection .select2-selection__rendered {
    margin-top: 0.25rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .add-post-step .selection .select2-selection__rendered {
    font-size: 1rem; } }

  .add-post-step .selection .select2-selection__placeholder {
    color: #959595;
    font-weight: 100;
    font-size: 0.875rem; }
  .add-post-step .selection .select2-selection__arrow {
    border: unset;
    border-right: unset !important;
    right: 15px;
    left: auto; }
    [dir=rtl] .add-post-step .selection .select2-selection__arrow {
      right: auto; }
    [dir=rtl] .add-post-step .selection .select2-selection__arrow {
      left: 5px; }
  .add-post-step .select2-container--krajee-bs4.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background: url(/common-assets/img/custom-icons/arrows/arrow-up.svg) 100% 50% no-repeat; }
  .add-post-step .select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow b {
    border: unset;
    background: url(/common-assets/img/custom-icons/arrows/arrow-down.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    margin-top: -0.7rem; }
  .add-post-step .next-step-btn {
    height: 3.5rem;
    width: 15.75rem; }
    .add-post-step .next-step-btn.disabled {
      pointer-events: none;
      cursor: not-allowed; }
  .add-post-step .add-post-header .taxonomy-paid-message {
    display: none; }
    .add-post-step .add-post-header .taxonomy-paid-message.open {
      display: block;
      position: absolute;
      left: 68%;
      font-size: 0.75rem;
      background-color: #d9d9d9;
      width: 12.5rem;
      height: 4rem;
      padding: 0.5rem;
      color: #484848; }
      [dir=rtl] .add-post-step .add-post-header .taxonomy-paid-message.open {
        left: 0;
        right: 68%; }
  @media (min-width: 769px) {
    .add-post-step .last-steps-panel {
      width: 41.125rem;
      height: 37.875rem;
      background: #fff;
      border: 0.0625rem solid #d9d9d9;
      border-radius: 0.75rem;
      margin-bottom: 3.5rem; } }
  @media (max-width: 768px) {
    .add-post-step .last-steps-panel {
      width: 100%; } }

@media (max-width: 768px) {
  #add-post-step-one-wrapper #taxonomies-panel.search-box-open .sub-title {
    display: none; } }
@media (max-width: 768px) {
  #add-post-step-one-wrapper #taxonomies-panel.search-box-open .search-block {
    width: 100%; } }
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block {
  display: none; }
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input {
    border: unset;
    border-color: unset !important;
    height: 2.5rem; }
    @media (max-width: 768px) {
      #add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input {
        height: 2rem; } }
    @media (max-width: 350px) {
      #add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input {
        width: 86%; } }
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-panel-header .search-input-block .taxonomy-name-input:focus {
    box-shadow: unset;
    background-color: #fff;
    outline: 0; }
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item {
  width: 100%;
  background: #fff;
  border-radius: 0.25rem;
  height: 3.5rem;
  border: 1px solid #d9d9d9; }
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .category-img {
    width: 1.5rem;
    height: 1.5rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .category-img {
    width: 2.5625rem;
    height: 2.625rem; } }

  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .link-arrow {
    direction: ltr; }
    [dir=rtl] #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-list-item .link-arrow {
      direction: rtl; }
#add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item {
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media (max-width: 768px) {
    #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item {
      margin-bottom: 0.75rem;
      padding-right: 0.5rem;
      padding-left: 0.5rem; } }
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
    width: 100%;
    min-height: 5.6875rem;
    border: 1px solid #D7D7D7;
    box-shadow: unset;
    border-radius: 0.25rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
    width: 100%;
    min-height: 7.6875rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
    width: 100%; } }

    @media (max-width: 768px) {
      #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item {
        width: 100%;
        height: 100%; } }
    #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item .category-img {
      width: 2.0625rem;
      height: 1.625rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item .category-img {
    width: 2.5625rem;
    height: 2.625rem; } }

@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-step-one-wrapper #taxonomies-panel .taxonomies-list .taxonomy-widget .category-icon-item .category-item .title {
    font-size: 1.25rem; } }

#add-post-info-step-wrapper #post-images-panel .post-description-input {
  min-height: 9rem;
  resize: none; }
  #add-post-info-step-wrapper #post-images-panel .post-description-input::placeholder {
    color: #959595;
    font-weight: 100;
    font-size: 0.875rem; }

@media (max-width: 768px) {
  #add-personal-information-step-wrapper .next-step-btn {
    position: absolute;
    bottom: 4%; } }
#add-personal-information-step-wrapper #phone-number-input, #add-personal-information-step-wrapper .iti__flag-container {
  height: 3rem; }
#add-personal-information-step-wrapper input.is-invalid::placeholder {
  visibility: hidden; }
#add-personal-information-step-wrapper #temp-phone-number {
  display: inline-block;
  direction: ltr;
  font-size: 1.125rem;
  color: #484848; }
  @media (max-width: 768px) {
    #add-personal-information-step-wrapper #temp-phone-number {
      font-size: 1rem; } }
#add-personal-information-step-wrapper #temp-phone-number::placeholder {
  font-size: 1rem;
  color: #d2d2d2;
  font-family: "Roboto"; }
  [dir=rtl] #add-personal-information-step-wrapper #temp-phone-number::placeholder {
    font-family: "NotoKufiArabic"; }
  @media (max-width: 768px) {
    #add-personal-information-step-wrapper #temp-phone-number::placeholder {
      font-size: 0.875rem; } }
#add-personal-information-step-wrapper #temp-phone-number::placeholder {
  text-align: left;
  color: #d2d2d2;
  font-weight: 100;
  font-size: 0.875rem; }
  [dir=rtl] #add-personal-information-step-wrapper #temp-phone-number::placeholder {
    text-align: right; }
#add-personal-information-step-wrapper .iti__selected-flag {
  background-color: #fff;
  border-right: 1px solid #d2d2d2; }
  [dir=rtl] #add-personal-information-step-wrapper .iti__selected-flag {
    border-right: unset;
    border-right: 1px solid #d2d2d2; }
  #add-personal-information-step-wrapper .iti__selected-flag .iti__arrow {
    display: none; }
  #add-personal-information-step-wrapper .iti__selected-flag .iti__flag {
    order: unset; }
    [dir=rtl] #add-personal-information-step-wrapper .iti__selected-flag .iti__flag {
      order: 2; }
#add-personal-information-step-wrapper .iti--allow-dropdown {
  width: 100%; }
  #add-personal-information-step-wrapper .iti--allow-dropdown input {
    display: inline-block;
    direction: ltr;
    font-size: 1.125rem;
    color: #484848; }
    @media (max-width: 768px) {
      #add-personal-information-step-wrapper .iti--allow-dropdown input {
        font-size: 1rem; } }
  #add-personal-information-step-wrapper .iti--allow-dropdown input::placeholder {
    font-size: 1rem;
    color: #d2d2d2;
    font-family: "Roboto"; }
    [dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown input::placeholder {
      font-family: "NotoKufiArabic"; }
    @media (max-width: 768px) {
      #add-personal-information-step-wrapper .iti--allow-dropdown input::placeholder {
        font-size: 0.875rem; } }
  #add-personal-information-step-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
    text-align: left;
    color: #d2d2d2;
    font-weight: 100;
    font-size: 0.875rem; }
    [dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
      text-align: right; }
  #add-personal-information-step-wrapper .iti--allow-dropdown .iti__country {
    width: 100%; }
  #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag {
    border-top-left-radius: 10%;
    border-bottom-left-radius: 10%; }
    [dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag {
      border-top-right-radius: unset; }
    [dir=rtl] #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag {
      border-bottom-right-radius: unset; }
    #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
      direction: ltr;
      color: #484848;
      font-size: 1rem; }
      @media (max-width: 768px) {
        #add-personal-information-step-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
          font-size: 0.875rem; } }
#add-personal-information-step-wrapper .invalid-feedback {
  display: block;
  margin-top: 0.5rem; }

#add-post-image-step-wrapper #add-post-images #post-images-panel .upload-images-description {
  line-height: 2rem; }
#add-post-image-step-wrapper #add-post-images #post-images-panel .post-images {
  margin: 2rem; }
  @media (min-width: 769px) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images #images {
      max-width: 80%;
      margin: 0 auto; } }
  @media (max-width: 768px) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images {
      margin: 1.5rem; } }
  #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box {
    margin-bottom: 1rem;
    position: relative; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box {
    margin-bottom: 2rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box {
    margin-bottom: 2rem; } }

    @media (max-width: 768px) {
      #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box {
        padding-right: 0.25rem;
        padding-left: 0.25rem; } }
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .post-image {
      width: 6.5rem;
      height: 6.5rem;
      border-radius: 0.5rem;
      object-fit: cover; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .post-image {
    width: 100%; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .post-image {
    width: 100%; } }

      @media (max-width: 768px) {
        #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .post-image {
          width: 100%; } }
      #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .post-image.featured-image {
        border: 2px solid #e30b1c; }
      #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .post-image.uploading {
        opacity: 0.5; }
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
      display: none;
      position: absolute;
      top: 40%; }
      @media (min-width: 769px) {
        #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
          left: 42%; }
          [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
            left: 32%; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
      left: 40%; }
      [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
        left: 40%; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
      left: 40%; }
      [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
        left: 40%; } }

      @media (max-width: 768px) {
        #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image {
          left: 35%; } }
      #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image .overlay-loading-spinner-image {
        z-index: 333;
        display: flex;
        justify-content: center;
        align-items: center; }
        #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .overlay-loading-image .overlay-loading-spinner-image .spinner-border {
          width: 2rem;
          height: 2rem; }
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
      position: absolute;
      color: #484848;
      border-radius: 1.5rem;
      width: 1.5rem;
      height: 1.5rem;
      top: -10%;
      text-align: center;
      box-shadow: 0 0 0.25rem #0000001a;
      font-weight: 700;
      font-size: 0.875rem;
      cursor: pointer;
      background: url(/common-assets/img/custom-icons/close.svg) 100% 50% no-repeat;
      background-color: #fff;
      background-size: 80%;
      background-position-x: 50%; }
      @media (min-width: 769px) {
        #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
          left: 2%; }
          [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
            left: unset;
            right: 2%; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
      left: 5%;
      width: 1.25rem;
      border-radius: 1.25rem;
      height: 1.25rem;
      top: -12%; }
      [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
        left: unset;
        right: 5%; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
      left: 4%;
      width: 1.25rem;
      border-radius: 1.25rem;
      height: 1.25rem;
      background-size: 75%; }
      [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
        left: unset;
        right: 4%; } }

      @media (max-width: 768px) {
        #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
          left: -8%; }
          [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .delete-image-btn {
            left: unset;
            right: -8%; } }
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box {
      display: none; }
      #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
        display: block;
        position: absolute;
        top: 77%;
        width: 24px;
        height: 24px;
        background-color: #fff;
        border-top-left-radius: 0.5rem; }
        @media (min-width: 769px) {
          #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
            right: 2%; }
            [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
              right: unset;
              left: 2%; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
      right: 12%;
      padding: 0.34rem;
      top: 72%; }
      [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
        right: unset;
        left: 12%; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
    #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
      right: 10%;
      margin: 0.3rem 0.1rem 0.1rem 0; }
      [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
        right: unset;
        left: 10%; } }

        @media (max-width: 768px) {
          #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
            right: 3%; }
            [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
              right: unset;
              left: 3%; } }
        [dir=rtl] #add-post-image-step-wrapper #add-post-images #post-images-panel .post-images .image-box .crop-main-image-box.main-img {
          border-top-left-radius: unset;
          border-top-right-radius: 0.5rem; }
#add-post-image-step-wrapper #add-post-images #post-images-panel .upload-image-input-block {
  border: 0.125rem dashed #d9d9d9;
  height: 5.0625rem;
  border-radius: 0.25rem; }
#add-post-image-step-wrapper #add-post-images #post-images-panel .skip-btn {
  margin-top: 6rem; }
  #add-post-image-step-wrapper #add-post-images #post-images-panel .skip-btn.empty-images {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #add-post-image-step-wrapper #add-post-images #post-images-panel .skip-btn {
    margin-top: 3rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #add-post-image-step-wrapper #add-post-images #post-images-panel .skip-btn {
    margin-top: 3rem; } }

#add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content {
  border-radius: 0.75rem; }
  #add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content .modal-header, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content .modal-header {
    border-bottom: unset; }
  #add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content .modal-body .photo-icon, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content .modal-body .photo-icon {
    background: url(/common-assets/img/custom-icons/photo.svg) 100% 50% no-repeat;
    width: 7.5rem;
    height: 6.625rem;
    background-size: 100%; }
  #add-post-image-step-wrapper #featured-image-error-modal .modal-dialog .modal-content .modal-body .main-image-error-message, #add-post-image-step-wrapper #can-not-delete-featured-image-modal .modal-dialog .modal-content .modal-body .main-image-error-message {
    width: 31.1875rem;
    line-height: 2rem; }

#add-post-crop-image-step-wrapper .upload-images-description {
  line-height: 2rem; }
#add-post-crop-image-step-wrapper #featured-image {
  display: block;
  max-width: 100%; }

#added-successfully-wrapper {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #added-successfully-wrapper {
      margin-top: 8rem; } }
  #added-successfully-wrapper .added-icon {
    background: url(/common-assets/img/add-post/added-successfully.svg) 100% 50% no-repeat;
    width: 7.5rem;
    height: 8.5625rem;
    background-size: 100%; }
    @media (min-width: 769px) {
      #added-successfully-wrapper .added-icon {
        margin-top: 3.5rem; } }
  #added-successfully-wrapper .next-step-btn {
    padding: 0.75rem; }
  #added-successfully-wrapper .pending-message {
    width: 30.375rem; }
    @media (max-width: 768px) {
      #added-successfully-wrapper .pending-message {
        width: 21.875rem; } }

#add-post-confirm-sticky-wrapper .add-post-title {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #add-post-confirm-sticky-wrapper .add-post-title {
      margin-top: 1.3125rem; } }
#add-post-confirm-sticky-wrapper .post-type-box {
  position: relative;
  min-height: 28.875rem;
  width: 23.125rem;
  border: 0.125rem solid #f5f5f5;
  border-radius: 0.5rem;
  color: #959595;
  margin-top: 4.5rem; }
  @media (max-width: 768px) {
    #add-post-confirm-sticky-wrapper .post-type-box {
      width: 100%;
      height: auto;
      min-height: 26.875rem; }
      #add-post-confirm-sticky-wrapper .post-type-box.paid {
        margin-top: 1rem; }
      #add-post-confirm-sticky-wrapper .post-type-box.free {
        margin-top: 2.25rem; } }
  #add-post-confirm-sticky-wrapper .post-type-box .box-header {
    height: 1rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem; }
    #add-post-confirm-sticky-wrapper .post-type-box .box-header.paid {
      background-color: #ffdd15; }
    #add-post-confirm-sticky-wrapper .post-type-box .box-header.free {
      background-color: #959595; }
  #add-post-confirm-sticky-wrapper .post-type-box .post-type-title.paid {
    color: #ffdd15; }
  #add-post-confirm-sticky-wrapper .post-type-box .post-type-title.free {
    color: #959595; }
  #add-post-confirm-sticky-wrapper .post-type-box .chose-btn {
    width: 20.125rem;
    height: 3rem;
    margin-top: 5rem; }
    @media (max-width: 768px) {
      #add-post-confirm-sticky-wrapper .post-type-box .chose-btn {
        margin-top: 10% !important; } }
  #add-post-confirm-sticky-wrapper .post-type-box .chose-btn-paid {
    width: 20.125rem;
    height: 3rem;
    margin-top: 3.6rem; }
    [dir=rtl] #add-post-confirm-sticky-wrapper .post-type-box .chose-btn-paid {
      margin-top: 5rem; }
    @media (max-width: 768px) {
      #add-post-confirm-sticky-wrapper .post-type-box .chose-btn-paid {
        margin-top: 10% !important; } }
  #add-post-confirm-sticky-wrapper .post-type-box .btn-waseet-yellow {
    border: unset; }
    #add-post-confirm-sticky-wrapper .post-type-box .btn-waseet-yellow:hover {
      border: 0.125rem solid #ffdd15; }
  #add-post-confirm-sticky-wrapper .post-type-box .btn-waseet-dark-gray:hover {
    color: #000;
    background-color: #fff; }
  #add-post-confirm-sticky-wrapper .post-type-box .paid-into, #add-post-confirm-sticky-wrapper .post-type-box .free-info {
    margin-top: 1.3125rem; }
    #add-post-confirm-sticky-wrapper .post-type-box .paid-into:first-child, #add-post-confirm-sticky-wrapper .post-type-box .free-info:first-child {
      margin-top: 0; }
    #add-post-confirm-sticky-wrapper .post-type-box .paid-into label, #add-post-confirm-sticky-wrapper .post-type-box .free-info label {
      margin-bottom: 0; }
  #add-post-confirm-sticky-wrapper .post-type-box .free-info-group {
    margin-top: 2.9rem; }
    #add-post-confirm-sticky-wrapper .post-type-box .free-info-group .fa-times {
      transform: scale(1.1);
      margin-left: 0.25rem; }
      [dir=rtl] #add-post-confirm-sticky-wrapper .post-type-box .free-info-group .fa-times {
        margin-left: unset;
        margin-right: 0.25rem; }

#sticky-interested-user-wrapper {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #sticky-interested-user-wrapper {
      margin-top: 4rem; } }
  @media (min-width: 769px) {
    #sticky-interested-user-wrapper .sticky-panel {
      width: 42.625rem;
      height: 51.5rem;
      background: #fff;
      border: 0.0625rem solid #d9d9d9;
      border-radius: 0.75rem;
      margin-bottom: 3.5rem; } }
  @media (max-width: 768px) {
    #sticky-interested-user-wrapper .sticky-panel {
      width: 100%; } }
  #sticky-interested-user-wrapper .sticky-error-icon {
    background-image: url(/common-assets/img/add-post/sticky-error.svg);
    background-repeat: no-repeat;
    width: 7.375rem;
    height: 9.5rem; }
    @media (min-width: 769px) {
      #sticky-interested-user-wrapper .sticky-error-icon {
        margin-top: 3.5rem; } }
    @media (max-width: 768px) {
      #sticky-interested-user-wrapper .sticky-error-icon {
        background-size: 100%;
        width: 6.375rem;
        height: 6.5rem; } }
  @media (max-width: 768px) {
    #sticky-interested-user-wrapper .message {
      width: 16.875rem; } }
  #sticky-interested-user-wrapper .phone-message-block {
    margin-top: 2.25rem; }
    #sticky-interested-user-wrapper .phone-message-block .phone-message {
      width: 22.875rem; }
      @media (max-width: 768px) {
        #sticky-interested-user-wrapper .phone-message-block .phone-message {
          width: 16.875rem; } }
  #sticky-interested-user-wrapper #phone-number-input, #sticky-interested-user-wrapper .iti__flag-container {
    height: 3rem; }
  #sticky-interested-user-wrapper input.is-invalid::placeholder {
    visibility: hidden; }
  #sticky-interested-user-wrapper #temp-phone-number {
    display: inline-block;
    direction: ltr;
    font-size: 1.125rem;
    color: #484848; }
    @media (max-width: 768px) {
      #sticky-interested-user-wrapper #temp-phone-number {
        font-size: 1rem; } }
  #sticky-interested-user-wrapper #temp-phone-number::placeholder {
    font-size: 1rem;
    color: #d2d2d2;
    font-family: "Roboto"; }
    [dir=rtl] #sticky-interested-user-wrapper #temp-phone-number::placeholder {
      font-family: "NotoKufiArabic"; }
    @media (max-width: 768px) {
      #sticky-interested-user-wrapper #temp-phone-number::placeholder {
        font-size: 0.875rem; } }
  #sticky-interested-user-wrapper #temp-phone-number::placeholder {
    text-align: left;
    color: #d2d2d2;
    font-weight: 100;
    font-size: 0.875rem; }
    [dir=rtl] #sticky-interested-user-wrapper #temp-phone-number::placeholder {
      text-align: right; }
  #sticky-interested-user-wrapper .iti__selected-flag {
    background-color: #fff;
    border-right: 1px solid #d2d2d2; }
    [dir=rtl] #sticky-interested-user-wrapper .iti__selected-flag {
      border-right: unset;
      border-right: 1px solid #d2d2d2; }
    #sticky-interested-user-wrapper .iti__selected-flag .iti__arrow {
      display: none; }
    #sticky-interested-user-wrapper .iti__selected-flag .iti__flag {
      order: unset; }
      [dir=rtl] #sticky-interested-user-wrapper .iti__selected-flag .iti__flag {
        order: 2; }
  #sticky-interested-user-wrapper .iti--allow-dropdown {
    width: 100%; }
    #sticky-interested-user-wrapper .iti--allow-dropdown input {
      display: inline-block;
      direction: ltr;
      font-size: 1.125rem;
      color: #484848; }
      @media (max-width: 768px) {
        #sticky-interested-user-wrapper .iti--allow-dropdown input {
          font-size: 1rem; } }
    #sticky-interested-user-wrapper .iti--allow-dropdown input::placeholder {
      font-size: 1rem;
      color: #d2d2d2;
      font-family: "Roboto"; }
      [dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown input::placeholder {
        font-family: "NotoKufiArabic"; }
      @media (max-width: 768px) {
        #sticky-interested-user-wrapper .iti--allow-dropdown input::placeholder {
          font-size: 0.875rem; } }
    #sticky-interested-user-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
      text-align: left;
      color: #d2d2d2;
      font-weight: 100;
      font-size: 0.875rem; }
      [dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown #phone-number-input::placeholder {
        text-align: right; }
    #sticky-interested-user-wrapper .iti--allow-dropdown .iti__country {
      width: 100%; }
    #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag {
      border-top-left-radius: 10%;
      border-bottom-left-radius: 10%; }
      [dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag {
        border-top-right-radius: unset; }
      [dir=rtl] #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag {
        border-bottom-right-radius: unset; }
      #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
        direction: ltr;
        color: #484848;
        font-size: 1rem; }
        @media (max-width: 768px) {
          #sticky-interested-user-wrapper .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
            font-size: 0.875rem; } }

#sticky-interested-success-wrapper {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #sticky-interested-success-wrapper {
      margin-top: 4rem; } }
  @media (min-width: 769px) {
    #sticky-interested-success-wrapper .sticky-panel {
      width: 52.625rem;
      height: auto;
      background: #fff;
      border: 0.0625rem solid #d9d9d9;
      border-radius: 0.75rem;
      margin-bottom: 3.5rem; } }
  @media (max-width: 768px) {
    #sticky-interested-success-wrapper .sticky-panel {
      width: 100%; } }
  #sticky-interested-success-wrapper .sticky-panel .note-icon {
    background-image: url(/common-assets/img/add-post/note.svg);
    background-repeat: no-repeat;
    width: 7.375rem;
    height: 9.5rem;
    background-size: 100%; }
    @media (min-width: 769px) {
      #sticky-interested-success-wrapper .sticky-panel .note-icon {
        margin-top: 3.5rem; } }
    @media (max-width: 768px) {
      #sticky-interested-success-wrapper .sticky-panel .note-icon {
        background-size: 100%;
        width: 6.375rem;
        height: 7.5rem; } }
  #sticky-interested-success-wrapper .sticky-panel .next-step-btn {
    padding: 0.75rem; }

#daily-limit-reached-wrapper {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #daily-limit-reached-wrapper {
      margin-top: 4rem; } }
  @media (min-width: 769px) {
    #daily-limit-reached-wrapper .limit-panel {
      width: 31.625rem;
      height: 37.875rem;
      background: #fff;
      border: 0.0625rem solid #d9d9d9;
      border-radius: 0.75rem;
      margin-bottom: 3.5rem; } }
  @media (max-width: 768px) {
    #daily-limit-reached-wrapper .limit-panel {
      width: 100%; } }
  #daily-limit-reached-wrapper .limit-panel .block-icon {
    background-image: url(/common-assets/img/add-post/block.svg);
    background-repeat: no-repeat;
    width: 7.375rem;
    height: 9.5rem;
    background-size: 100%; }
    @media (min-width: 769px) {
      #daily-limit-reached-wrapper .limit-panel .block-icon {
        margin-top: 3.5rem; } }
    @media (max-width: 768px) {
      #daily-limit-reached-wrapper .limit-panel .block-icon {
        background-size: 100%;
        width: 6.375rem;
        height: 7.5rem; } }
  #daily-limit-reached-wrapper .limit-panel .next-step-btn {
    padding: 0.75rem; }
  #daily-limit-reached-wrapper .limit-panel .message {
    width: 20.75rem; }

/*********************************************************************************************************************
19.0  Edit Post Page
*********************************************************************************************************************/
#updated-successfully-wrapper {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #updated-successfully-wrapper {
      margin-top: 8rem; } }
  #updated-successfully-wrapper .updated-icon {
    background: url(/common-assets/img/add-post/updated-successfully.svg) 100% 50% no-repeat;
    width: 7.5rem;
    height: 8.5625rem;
    background-size: 100%; }
    @media (min-width: 769px) {
      #updated-successfully-wrapper .updated-icon {
        margin-top: 3.5rem; } }
  #updated-successfully-wrapper .next-step-btn {
    padding: 0.75rem; }
  #updated-successfully-wrapper .pending-message {
    width: 19.375rem; }
    @media (max-width: 768px) {
      #updated-successfully-wrapper .pending-message {
        width: 17.875rem; } }

#invalid-country-wrapper {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #invalid-country-wrapper {
      margin-top: 8rem; } }
  #invalid-country-wrapper .location-icon {
    background: url(/common-assets/img/add-post/location.svg) 100% 50% no-repeat;
    width: 7.5rem;
    height: 8.5625rem;
    background-size: 100%; }
    @media (min-width: 769px) {
      #invalid-country-wrapper .location-icon {
        margin-top: 3.5rem; } }
  #invalid-country-wrapper .next-step-btn {
    padding: 0.75rem;
    height: 100%;
    min-height: 3.5rem; }

/*********************************************************************************************************************
20.0  Mobile View Notification Page
*********************************************************************************************************************/
#notification-wrapper-page {
  background: #fff;
  overflow-y: scroll;
  padding: 1.25rem 0; }
  #notification-wrapper-page #infscr-loading {
    text-align: center;
    margin: 0 auto; }
    #notification-wrapper-page #infscr-loading img {
      width: 24px; }
  #notification-wrapper-page #notification-header {
    background-color: #ffffff;
    z-index: 1040;
    position: -webkit-sticky;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%; }
    #notification-wrapper-page #notification-header .custom-switch-label {
      color: #959595;
      font-size: 0.875rem;
      margin-right: 0.75rem; }
      [dir=rtl] #notification-wrapper-page #notification-header .custom-switch-label {
        margin-left: 0; }
    #notification-wrapper-page #notification-header .custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: #06d261;
      background-color: #06d261; }
  #notification-wrapper-page #notification-content .notifications-item {
    display: block;
    color: #484848;
    margin-bottom: 0.5rem;
    padding: 0.75rem 1rem; }
    #notification-wrapper-page #notification-content .notifications-item .image-content {
      position: relative; }
      #notification-wrapper-page #notification-content .notifications-item .image-content .img-66 {
        height: 4.125rem;
        width: 4.125rem; }
    #notification-wrapper-page #notification-content .notifications-item .notification-text {
      font-size: 0.75rem;
      flex: 1;
      margin-left: 1rem; }
      [dir=rtl] #notification-wrapper-page #notification-content .notifications-item .notification-text {
        margin-left: inherit;
        margin-right: 1rem; }
    #notification-wrapper-page #notification-content .notifications-item .notification-time {
      font-size: 0.625rem;
      margin-top: 0.625rem; }
    #notification-wrapper-page #notification-content .notifications-item.active {
      background: #e7e7e740; }
    #notification-wrapper-page #notification-content .notifications-item:hover {
      background: #e7e7e780; }
    #notification-wrapper-page #notification-content .notifications-item:last-child {
      margin-bottom: 0; }
  #notification-wrapper-page .pagination {
    display: none; }

.notification-count-responsive-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 9px;
  top: -3px;
  width: 25px;
  height: 13px;
  background: #e21e19 0% 0% no-repeat padding-box;
  border: 1px solid #FAFAFA;
  border-radius: 7px;
  opacity: 1;
  align-items: center;
  z-index: 150; }
  @media (max-width: 768px) {
    .notification-count-responsive-badge {
      left: -5px; }
      [dir=rtl] .notification-count-responsive-badge {
        left: inherit;
        right: -5px; } }
  @media (min-width: 769px) {
    .notification-count-responsive-badge {
      left: 17px; }
      [dir=rtl] .notification-count-responsive-badge {
        left: inherit;
        right: 17px; } }
  @media (max-width: 768px) {
    .notification-count-responsive-badge {
      position: absolute;
      display: flex;
      justify-content: center;
      align-content: center;
      font-size: 9px;
      top: 3px;
      width: 22px;
      height: 14px;
      background: #484848 0% 0% no-repeat padding-box;
      border: 1px solid #FAFAFA;
      border-radius: 7px;
      opacity: 1;
      align-items: center;
      z-index: 150; } }

#notification-wrapper-page {
  margin-top: 0; }

[dir="ltr"] #notification-wrapper-page #switches-wrapper-page {
  margin-right: -0.5rem; }

/*********************************************************************************************************************
21.0  Commercial Ads Lising
*********************************************************************************************************************/
#commercials-list-view .commercial-ads-img {
  object-fit: contain;
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem; }
  @media (min-width: 900px) {
    #commercials-list-view .commercial-ads-img {
      width: 100%;
      height: 100%; } }
  @media (min-width: 601px) and (max-width: 899px) {
    #commercials-list-view .commercial-ads-img {
      width: 100%;
      height: 100%; } }
  @media (max-width: 600px) {
    #commercials-list-view .commercial-ads-img {
      width: 100%;
      height: 100%; } }
#commercials-list-view .item {
  flex: 0 0 50%;
  height: auto; }
  #commercials-list-view .item .opacity-30 {
    opacity: 0.3; }
#commercials-list-view .commercial-ads-button {
  border-radius: unset;
  height: 3rem;
  padding: 0.75rem; }
  @media (min-width: 780px) and (max-width: 1200px) {
    #commercials-list-view .commercial-ads-button {
      padding: 0.52rem; } }
  #commercials-list-view .commercial-ads-button.call-btn {
    border-top: unset;
    border-bottom-left-radius: 0.25rem; }
    [dir=rtl] #commercials-list-view .commercial-ads-button.call-btn {
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 0.25rem; }
  #commercials-list-view .commercial-ads-button.whatsapp-btn {
    border-top: unset;
    border-bottom-right-radius: 0.25rem; }
    [dir=rtl] #commercials-list-view .commercial-ads-button.whatsapp-btn {
      border-bottom-right-radius: unset;
      border-bottom-left-radius: 0.25rem; }
#commercials-list-view .commercial-item {
  border-radius: 0.5rem;
  border: 1px solid #D7D7D7;
  overflow: unset !important; }
#commercials-list-view .load-more-btn {
  font-weight: bold;
  font-size: 1rem;
  border-radius: 4px;
  border-color: #f1f1f1;
  padding-top: .5rem;
  padding-bottom: .5rem; }
#commercials-list-view .sticky-border {
  border: 2px solid #FEBF31; }
  #commercials-list-view .sticky-border .post-phone-number-widget div .border-right {
    border-right: 2px solid #febf31 !important; }
  #commercials-list-view .sticky-border div a .commercial-ads-img {
    border-bottom: 2px solid #FEBF31; }
#commercials-list-view .sticky-circle {
  position: absolute;
  top: -0.75rem;
  background: #FEBF31;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  transition: all ease-in-out 0.3s; }
  [dir=rtl] #commercials-list-view .sticky-circle {
    left: unset;
    right: 0.5rem; }
  #commercials-list-view .sticky-circle p {
    display: none; }
  #commercials-list-view .sticky-circle img {
    width: 1.5rem;
    height: 1.5rem; }
  #commercials-list-view .sticky-circle:hover {
    width: fit-content;
    -webkit-transition: width ease-in-out 0.3s;
    transition: width ease-in-out 0.3s;
    padding: 0 0.4rem;
    border-radius: 16px; }
    #commercials-list-view .sticky-circle:hover img {
      left: 0rem;
      position: absolute; }
      [dir=rtl] #commercials-list-view .sticky-circle:hover img {
        left: unset;
        right: 0rem; }
    #commercials-list-view .sticky-circle:hover p {
      display: block;
      margin-left: 1.25rem; }
      [dir=rtl] #commercials-list-view .sticky-circle:hover p {
        margin-left: unset;
        margin-right: 1.25rem; }

@media (max-width: 768px) {
  .ad-view-wrapper .owl-dots {
    width: max-content !important; }
  .ad-view-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-prev {
    right: 0% !important; }
  .ad-view-wrapper .carousel-with-bottom-indicators .owl-nav button.owl-next {
    left: 0% !important; } }

/*********************************************************************************************************************
22.0  Choose Payment Method Page
*********************************************************************************************************************/
.payment-step {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    .payment-step {
      margin-top: 4rem; } }

#choose-payment-method-wrapper {
  margin-top: 3.5rem; }
  @media (max-width: 768px) {
    #choose-payment-method-wrapper {
      margin-top: 1.3125rem; } }
  @media (max-width: 768px) {
    #choose-payment-method-wrapper .choose-payment-header .payment-description {
      max-width: 16.6875rem; } }
  @media (max-width: 768px) {
    #choose-payment-method-wrapper .payment-methods .payment-methods-content {
      padding: 0; } }
  #choose-payment-method-wrapper .payment-methods .payment-method-item {
    flex-basis: 33%;
    margin-top: 2.25rem; }
    @media (max-width: 768px) {
      #choose-payment-method-wrapper .payment-methods .payment-method-item {
        margin-top: 1.25rem; } }
    #choose-payment-method-wrapper .payment-methods .payment-method-item.selected .payment-method-item-box {
      border: 0.125rem solid #e30b1c; }
    #choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box {
      border: 0.125rem solid #d9d9d9;
      border-radius: 0.25rem;
      width: 10rem;
      height: 7.5rem; }
      @media (max-width: 768px) {
        #choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box {
          width: 93%;
          height: 5.65rem;
          line-height: 5.65rem; } }
      #choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box .payment-method-img {
        width: 7rem;
        height: 5rem;
        margin: auto; }
        @media (max-width: 768px) {
          #choose-payment-method-wrapper .payment-methods .payment-method-item .payment-method-item-box .payment-method-img {
            width: 60%;
            height: 3rem; } }
  #choose-payment-method-wrapper .payment-btn {
    width: 15.75rem;
    height: 3.5rem; }
    #choose-payment-method-wrapper .payment-btn.go-back-btn {
      padding: 0.75rem; }

@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel {
    width: 54.875rem;
    min-height: 49.75rem;
    background: #fff;
    border: 0.0625rem solid #d9d9d9;
    border-radius: 0.75rem;
    margin-bottom: 3.5rem; } }
#payment-failure-wrapper .payment-panel .invalid-icon {
  background-image: url(/common-assets/img/payment/invalid.svg);
  background-repeat: no-repeat;
  width: 9.375rem;
  height: 7.5rem; }
  @media (min-width: 769px) {
    #payment-failure-wrapper .payment-panel .invalid-icon {
      margin-top: 3.5rem; } }
  @media (max-width: 768px) {
    #payment-failure-wrapper .payment-panel .invalid-icon {
      background-size: 100%;
      width: 6.375rem;
      height: 5.5rem; } }
#payment-failure-wrapper .payment-panel .payment-title {
  margin-top: 2.25rem; }
#payment-failure-wrapper .payment-panel .icons-group {
  margin-top: 4.5rem; }
  @media (max-width: 768px) {
    #payment-failure-wrapper .payment-panel .icons-group {
      margin-top: 2.3125rem; } }
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box {
    margin-left: 3rem;
    margin-right: 3rem;
    width: 11.875rem; } }
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box {
    display: flex;
    margin-left: 2rem;
    margin-right: 2rem; } }
@media (min-width: 769px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .payment-info-message {
    text-align: center; } }
@media (max-width: 768px) {
  #payment-failure-wrapper .payment-panel .payment-icon-box .payment-info-message {
    margin-top: 0.5rem;
    margin-left: 0.5rem; }
    [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .payment-info-message {
      margin-left: unset;
      margin-right: 0.5rem; } }
#payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
  background-image: url(/common-assets/img/payment/local-atm.svg);
  background-repeat: no-repeat;
  width: 7rem;
  height: 5.5rem; }
  @media (min-width: 769px) {
    #payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
      margin-left: 30%; }
      [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
        margin-left: unset; } }
  @media (max-width: 768px) {
    #payment-failure-wrapper .payment-panel .payment-icon-box .local-atm-icon {
      background-size: 100% 65%;
      width: 3.5rem;
      height: 4.5rem; } }
#payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
  background-image: url(/common-assets/img/payment/credit-score.svg);
  background-repeat: no-repeat;
  width: 8rem;
  height: 5.5rem; }
  @media (min-width: 769px) {
    #payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
      margin-left: 27%; }
      [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
        margin-left: unset; } }
  @media (max-width: 768px) {
    #payment-failure-wrapper .payment-panel .payment-icon-box .credit-score-icon {
      background-size: 100% 60%;
      width: 3.5rem;
      height: 4.5rem; } }
#payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
  background-image: url(/common-assets/img/payment/volunteer-activism.svg);
  background-repeat: no-repeat;
  width: 9rem;
  height: 5.5rem; }
  @media (min-width: 769px) {
    #payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
      margin-left: 25%; }
      [dir=rtl] #payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
        margin-left: unset; } }
  @media (max-width: 768px) {
    #payment-failure-wrapper .payment-panel .payment-icon-box .volunteer-activism-icon {
      background-size: 100% 60%;
      width: 3.5rem;
      height: 4.5rem; } }
#payment-failure-wrapper .payment-panel .retry-block {
  margin-top: 5rem; }
  @media (max-width: 768px) {
    #payment-failure-wrapper .payment-panel .retry-block {
      margin-top: 4rem; } }
  #payment-failure-wrapper .payment-panel .retry-block .retry-btn {
    width: 15.75rem;
    height: 3.5rem;
    padding: 0.75rem; }
#payment-failure-wrapper .payment-panel .btn-waseet-red:hover {
  color: #e30b1c;
  background-color: #fff; }

/*********************************************************************************************************************
23.0  User Profile Pages
*********************************************************************************************************************/
.profile-wrapper .card-body {
  padding: 1rem; }
.profile-wrapper .profile-header {
  margin-top: 1.5rem; }
  @media (max-width: 768px) {
    .profile-wrapper .profile-header {
      margin-top: 0.75rem; } }
.profile-wrapper .edit-profile-box {
  width: 3rem;
  height: 3rem;
  border-radius: 0.25rem;
  justify-content: center; }
  @media (min-width: 769px) {
    .profile-wrapper .edit-profile-box {
      background-color: #f5f5f5; } }
  .profile-wrapper .edit-profile-box .edit-account-text {
    display: none; }
  @media (min-width: 769px) {
    .profile-wrapper .edit-profile-box .pencil-icon {
      width: 1.75rem;
      height: 1.75rem;
      margin: auto; } }
  @media (max-width: 768px) {
    .profile-wrapper .edit-profile-box .pencil-icon {
      height: 1.5rem;
      padding: 0.65rem;
      width: 1.5rem; } }
  @media (min-width: 769px) {
    .profile-wrapper .edit-profile-box.open {
      justify-content: space-between;
      width: 11rem; }
      .profile-wrapper .edit-profile-box.open .edit-account-text {
        display: inline-block;
        margin: auto;
        font-size: 0.875rem; }
        .profile-wrapper .edit-profile-box.open .edit-account-text:hover {
          text-decoration: none; }
      .profile-wrapper .edit-profile-box.open .pencil-icon {
        margin-left: 0.5rem;
        margin-right: 0.5rem; } }
.profile-wrapper .phone-number-label {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  color: #959595; }
.profile-wrapper .profile-tabs {
  margin-top: 2.25rem;
  border-bottom: 1px solid #d7d7d7; }
  .profile-wrapper .profile-tabs .profile-tab {
    margin-bottom: 0.5rem; }
    @media (min-width: 769px) {
      .profile-wrapper .profile-tabs .profile-tab {
        margin-right: 4.5rem; }
        [dir=rtl] .profile-wrapper .profile-tabs .profile-tab {
          margin-right: unset;
          margin-left: 4.5rem; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
    .profile-wrapper .profile-tabs .profile-tab {
      margin-right: 2.5rem; }
      [dir=rtl] .profile-wrapper .profile-tabs .profile-tab {
        margin-right: unset;
        margin-left: 2.5rem; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
    .profile-wrapper .profile-tabs .profile-tab {
      margin-right: 1.5rem; }
      [dir=rtl] .profile-wrapper .profile-tabs .profile-tab {
        margin-right: unset;
        margin-left: 1.5rem; } }

    @media (max-width: 768px) {
      .profile-wrapper .profile-tabs .profile-tab {
        margin: auto; } }
    .profile-wrapper .profile-tabs .profile-tab .profile-tab-link {
      color: #484848;
      font-size: 1.125rem; }
      @media (max-width: 768px) {
        .profile-wrapper .profile-tabs .profile-tab .profile-tab-link {
          font-size: 0.875rem; } }
    .profile-wrapper .profile-tabs .profile-tab.active {
      margin-bottom: unset;
      border-bottom: 2px solid #e30b1c; }
      .profile-wrapper .profile-tabs .profile-tab.active .profile-tab-link {
        font-weight: 700;
        color: #e30b1c; }
.profile-wrapper .pending-payment-box {
  margin-top: 1.5rem;
  height: 5.125rem;
  border-radius: 0.25rem; }
  @media (max-width: 768px) {
    .profile-wrapper .pending-payment-box {
      height: 6.125rem; } }
  .profile-wrapper .pending-payment-box .start-section {
    flex-basis: 1%;
    background-color: #FFB300;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
    [dir=rtl] .profile-wrapper .pending-payment-box .start-section {
      border-top-left-radius: unset;
      border-top-right-radius: 0.25rem; }
    [dir=rtl] .profile-wrapper .pending-payment-box .start-section {
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 0.25rem; }
  .profile-wrapper .pending-payment-box .content {
    flex-basis: 99%;
    background-color: #003E67;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
    [dir=rtl] .profile-wrapper .pending-payment-box .content {
      border-top-right-radius: unset;
      border-top-left-radius: 0.25rem; }
    [dir=rtl] .profile-wrapper .pending-payment-box .content {
      border-bottom-right-radius: unset;
      border-bottom-left-radius: 0.25rem; }
    .profile-wrapper .pending-payment-box .content .text-section {
      margin-top: auto;
      margin-bottom: auto;
      margin-left: 2rem; }
      [dir=rtl] .profile-wrapper .pending-payment-box .content .text-section {
        margin-left: unset;
        margin-right: 2rem; }
      .profile-wrapper .pending-payment-box .content .text-section .pending-payment-message {
        color: #fff; }
  .profile-wrapper .pending-payment-box .buttons-section {
    margin-top: auto;
    margin-bottom: auto; }
    @media (min-width: 769px) {
      .profile-wrapper .pending-payment-box .buttons-section {
        margin-right: 2rem; }
        [dir=rtl] .profile-wrapper .pending-payment-box .buttons-section {
          margin-right: unset;
          margin-left: 2rem; }
        .profile-wrapper .pending-payment-box .buttons-section .review-btn {
          background-color: #FFB300;
          color: #003e67;
          padding: 0.6rem 0.5rem 0.5rem 0.5rem;
          height: 2.5rem;
          border-radius: 0.25rem;
          text-decoration: none;
          font-size: 0.875rem;
          font-weight: 700; }
        .profile-wrapper .pending-payment-box .buttons-section .discard-btn {
          background-color: #003E67;
          border: 1px solid #d7d7d7;
          color: #fff;
          padding: 0.5rem;
          height: 2.5rem;
          border-radius: 0.25rem;
          font-size: 0.875rem;
          font-weight: 700; } }
    @media (max-width: 768px) {
      .profile-wrapper .pending-payment-box .buttons-section .review-btn {
        color: #FFB300;
        text-decoration: none;
        font-size: 0.75rem; }
      .profile-wrapper .pending-payment-box .buttons-section .discard-btn {
        color: #fff;
        font-size: 0.75rem;
        text-decoration: none;
        background-color: unset;
        border: unset; } }
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-tabs {
    justify-content: space-between;
    margin-top: 3.25rem; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
    .profile-wrapper .profile-ads-tabs .profile-ads-tabs-block {
      flex: 0 0 22%;
      max-width: 22%; } }

@media (max-width: 768px) {
  .profile-wrapper .profile-ads-tabs {
    flex-wrap: wrap;
    margin-top: 2rem; } }
.profile-wrapper .profile-ads-tabs .profile-ads-tab {
  color: #e30b1c;
  text-decoration: none; }
  @media (min-width: 769px) {
    .profile-wrapper .profile-ads-tabs .profile-ads-tab {
      padding: 0.75rem; }
      .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
        margin-right: 3rem; }
        [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
          margin-right: unset; } }
    @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
      .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
        margin-left: unset;
        margin-right: 8.125rem; }
        [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
          margin-left: 5.125rem; }
        [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab.second-tab {
          margin-right: unset; } }

  @media (max-width: 768px) {
    .profile-wrapper .profile-ads-tabs .profile-ads-tab {
      padding: 0.35rem;
      margin-right: 1rem;
      margin-bottom: 1.5rem; }
      [dir=rtl] .profile-wrapper .profile-ads-tabs .profile-ads-tab {
        margin-right: unset;
        margin-left: 1rem; } }
  .profile-wrapper .profile-ads-tabs .profile-ads-tab.active {
    color: #fff;
    font-weight: 700;
    background-color: #e30b1c;
    border-radius: 1.5rem; }
    @media (max-width: 768px) {
      .profile-wrapper .profile-ads-tabs .profile-ads-tab.active {
        border-radius: 1rem; } }
@media (max-width: 768px) {
  .profile-wrapper .profile-ads-tabs .profile-filters-block {
    width: 100%; } }
.profile-wrapper .pencil-icon {
  background: url(/common-assets/img/profile/edit.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }
.profile-wrapper .call-icon {
  background: url(/common-assets/img/profile/call.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }
.profile-wrapper .report-icon {
  background: url(/common-assets/img/profile/report.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }
.profile-wrapper .sort-up-icon {
  background: url(/common-assets/img/profile/sort-up.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }
.profile-wrapper .sort-down-icon {
  background: url(/common-assets/img/profile/sort-down.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .sort-down-icon {
    padding: 1rem;
    margin-top: -0.5rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .sort-down-icon {
    padding: 1rem;
    margin-top: -0.5rem; } }

.profile-wrapper .filter-icon {
  background: url(/common-assets/img/profile/filter.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }
.profile-wrapper .search-icon {
  background: url(/common-assets/img/profile/search.svg) 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .search-icon {
    padding: 1rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .search-icon {
    padding: 1rem; } }

.profile-wrapper .paid-icon {
  background: url(/common-assets/img/profile/post-status/paid.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%; }
.profile-wrapper .pending-payment-icon {
  background: url(/common-assets/img/profile/post-status/pending-payment.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%; }
.profile-wrapper .pending-review-icon {
  background: url(/common-assets/img/profile/post-status/pending-review.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%; }
.profile-wrapper .rejected-icon {
  background: url(/common-assets/img/profile/post-status/rejected.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%; }
.profile-wrapper .expired-icon {
  background: url(/common-assets/img/profile/post-status/expired.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%; }
.profile-wrapper .sold-icon {
  background: url(/common-assets/img/profile/post-status/sold.svg) 100% 50% no-repeat;
  padding: 0.5rem;
  background-size: 100%; }
.profile-wrapper .profile-filters span {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }
  .profile-wrapper .profile-filters span:last-child {
    margin-left: unset;
    margin-right: unset; }
@media (min-width: 769px) {
  .profile-wrapper .profile-ads-listing.favorite-listing .card {
    height: 18.9375rem; } }
.profile-wrapper .profile-ads-listing .paid-border {
  border: 1px solid #49BF7C; }
.profile-wrapper .profile-ads-listing .active-border {
  border: 1px solid #D7D7D7; }
.profile-wrapper .profile-ads-listing .sticky-border {
  border: 1px solid #ffdd15; }
.profile-wrapper .profile-ads-listing .pending-payment-border {
  border: 1px solid #FF6A00; }
.profile-wrapper .profile-ads-listing .pending-review-border {
  border: 1px solid #57BEFB; }
.profile-wrapper .profile-ads-listing .rejected-border {
  border: 1px solid #AA0000; }
.profile-wrapper .profile-ads-listing .expired-border {
  border: 1px solid #1FAEC1; }
.profile-wrapper .profile-ads-listing .sold-border {
  border: 1px solid #8133FF; }
.profile-wrapper .profile-ads-listing .card {
  border-radius: 0.5rem; }
  .profile-wrapper .profile-ads-listing .card .fav-small-block {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
    @media (max-width: 425px) {
      .profile-wrapper .profile-ads-listing .card .fav-small-block {
        margin-left: 1rem;
        margin-right: 1rem; } }
    @media (max-width: 375px) {
      .profile-wrapper .profile-ads-listing .card .fav-small-block {
        margin-left: 0.5rem;
        margin-right: 0.5rem; } }
  @media (max-width: 768px) {
    .profile-wrapper .profile-ads-listing .card {
      flex: 1 0 98%; }
      .profile-wrapper .profile-ads-listing .card .card-body {
        padding: 0; }
        .profile-wrapper .profile-ads-listing .card .card-body .card-price {
          max-width: 85%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .profile-wrapper .profile-ads-listing .card .card-body .top-content-wrapper {
          width: calc(100% - 126px); }
        .profile-wrapper .profile-ads-listing .card .card-body img {
          width: 104px;
          height: 96px; } }
  @media (min-width: 769px) {
    .profile-wrapper .profile-ads-listing .card {
      height: 20.9375rem; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
    .profile-wrapper .profile-ads-listing .card {
      height: 19.9375rem; } }
  @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
    .profile-wrapper .profile-ads-listing .card {
      height: 19.9375rem; } }

  .profile-wrapper .profile-ads-listing .card .post-title {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .profile-wrapper .profile-ads-listing .card .card-img-top {
    object-fit: cover; }
    @media (min-width: 769px) {
      .profile-wrapper .profile-ads-listing .card .card-img-top {
        min-height: 10rem;
        max-height: 10rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem; } }
    @media (max-width: 768px) {
      .profile-wrapper .profile-ads-listing .card .card-img-top {
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem; }
        [dir=rtl] .profile-wrapper .profile-ads-listing .card .card-img-top {
          border-top-left-radius: unset;
          border-top-right-radius: 0.5rem; }
        [dir=rtl] .profile-wrapper .profile-ads-listing .card .card-img-top {
          border-bottom-left-radius: unset;
          border-bottom-right-radius: 0.5rem; } }
  .profile-wrapper .profile-ads-listing .card .created-since-text {
    color: #A0A0A0; }
  @media (max-width: 768px) {
    .profile-wrapper .profile-ads-listing .card .post-possible-actions {
      margin-top: 0.5rem;
      margin-right: 0.25rem; }
      [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions {
        margin-right: unset;
        margin-left: 0.25rem; } }
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action {
    background: #ffdd15;
    height: 1.75rem;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #484848; }
    @media (min-width: 769px) {
      .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action {
        width: auto;
        flex-grow: 1;
        justify-content: center; } }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
      background: url("/common-assets/img/profile/post-actions/sticky.svg") 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
    margin-left: 0.75rem !important; }
    [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
      margin-left: unset; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
    margin-left: 0.75rem !important; }
    [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
      margin-left: unset; } }

      @media (max-width: 768px) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-icon {
          background: url("/common-assets/img/profile/post-actions/sticky-yellow.svg") 100% 50% no-repeat;
          padding: 0.875rem;
          background-size: 100%; } }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
      margin-top: 0.3rem;
      margin-bottom: 0.25rem;
      margin-right: 0.5rem; }
      [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
        margin-right: unset;
        margin-left: 0.5rem; }
      @media (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
          margin-right: 1.5rem; }
          [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
            margin-right: unset; } }
      @media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
          margin-right: 1.5rem; }
          [dir=rtl] .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action .sticky-text {
            margin-right: unset; } }
    @media (max-width: 768px) {
      .profile-wrapper .profile-ads-listing .card .post-possible-actions .sticky-action {
        height: 1.75rem;
        width: 1.75rem;
        border-radius: 0.25rem;
        border: 1px solid #D7D7D7;
        background: unset;
        color: #ffdd15; } }
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action {
    background: #FF6A00;
    height: 1.75rem;
    width: 9.625rem;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #fff; }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .complete-payment-text {
      margin-top: 0.3rem; }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .payment-card-icon {
      padding: 0.75rem;
      background-size: 100% !important;
      height: 1.5rem;
      width: 1.5rem; }
      @media (min-width: 769px) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .payment-card-icon {
          background: url(/common-assets/img/profile/post-actions/payment-card-white.svg) 100% 50% no-repeat;
          margin-top: 0.125rem; } }
      @media (max-width: 768px) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action .payment-card-icon {
          background: url(/common-assets/img/profile/post-actions/payment-card.svg) 100% 50% no-repeat; } }
    @media (max-width: 768px) {
      .profile-wrapper .profile-ads-listing .card .post-possible-actions .make-payment-action {
        height: 1.75rem;
        width: 1.75rem;
        border-radius: 0.25rem;
        border: 1px solid #D7D7D7;
        background: unset;
        color: #49BF7C; } }
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action {
    height: 1.75rem;
    width: 1.75rem;
    border-radius: 0.25rem;
    border: 1px solid #D7D7D7;
    cursor: pointer; }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action .repost-icon {
      background: url(/common-assets/img/profile/post-actions/repost.svg) 100% 50% no-repeat;
      padding: 0.65rem;
      background-size: 100%;
      height: 1.5rem;
      width: 1.5rem; }
      @media (max-width: 768px) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action .repost-icon {
          padding: 0.5rem; } }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .repost-action:hover {
      color: #484848; }
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action {
    height: 1.75rem;
    width: 1.75rem;
    border-radius: 0.25rem;
    border: 1px solid #D7D7D7;
    cursor: pointer; }
    @media (max-width: 768px) {
      .profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action {
        display: none; } }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action .share-icon {
      background: url(/common-assets/img/profile/post-actions/share.svg) 100% 50% no-repeat;
      padding: 0.65rem;
      background-size: 100%;
      height: 1.5rem;
      width: 1.5rem; }
      @media (max-width: 768px) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action .share-icon {
          padding: 0.5rem; } }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .share-action:hover {
      color: #484848; }
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action {
    height: 1.75rem;
    width: 1.75rem;
    border-radius: 0.25rem;
    border: 1px solid #D7D7D7;
    cursor: pointer; }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action .edit-icon {
      background: url(/common-assets/img/profile/edit.svg) 100% 50% no-repeat;
      padding: 0.65rem;
      background-size: 100%;
      height: 1.5rem;
      width: 1.5rem; }
      @media (max-width: 768px) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action .edit-icon {
          padding: 0.5rem; } }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .edit-action:hover {
      color: #484848; }
  .profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action {
    height: 1.75rem;
    width: 1.75rem;
    border-radius: 0.25rem;
    border: 1px solid #D7D7D7;
    cursor: pointer; }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action .remove-icon {
      background: url(/common-assets/img/profile/post-actions/remove.svg) 100% 50% no-repeat;
      padding: 0.65rem;
      background-size: 100%;
      height: 1.5rem;
      width: 1.5rem; }
      @media (max-width: 768px) {
        .profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action .remove-icon {
          padding: 0.5rem; } }
    .profile-wrapper .profile-ads-listing .card .post-possible-actions .remove-action:hover {
      color: #484848; }
  .profile-wrapper .profile-ads-listing .card .share-sc-buttons {
    width: 2rem;
    height: 2rem;
    padding: 5px 0;
    line-height: 1; }
    .profile-wrapper .profile-ads-listing .card .share-sc-buttons img {
      width: 1.25rem;
      height: 1.25rem; }
@media (max-width: 768px) {
  .profile-wrapper .profile-filters-block.search-box-open .profile-sub-title {
    display: none; } }
.profile-wrapper .profile-filters-block .profile-filters.search-box-open > * {
  display: none; }
@media (max-width: 768px) {
  .profile-wrapper .profile-filters-block .profile-filters.search-box-open {
    width: 100%; }
    .profile-wrapper .profile-filters-block .profile-filters.search-box-open .search-input-block {
      display: flex !important;
      justify-content: space-between;
      width: 100%; }
    .profile-wrapper .profile-filters-block .profile-filters.search-box-open .search-block {
      width: 100%; } }
@media (max-width: 768px) {
  .profile-wrapper .profile-filters-block .profile-filters.search-box-open .search-btn-block {
    margin-top: 0.25rem; } }
.profile-wrapper .profile-filters-block .profile-filters .search-input-block {
  display: none; }
  .profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input {
    border: unset;
    border-color: unset !important;
    height: 2.5rem; }
    @media (min-width: 769px) {
      .profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input {
        width: 23.75rem; } }
    .profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input::placeholder {
      color: #d2d2d2; }
    @media (max-width: 768px) {
      .profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input {
        height: 2rem; } }
  .profile-wrapper .profile-filters-block .profile-filters .search-input-block .search-input:focus {
    box-shadow: unset;
    background-color: #fff;
    outline: 0; }
@media (min-width: 769px) {
  .profile-wrapper .profile-confirm-remove-modal {
    width: 28rem; } }
.profile-wrapper .profile-confirm-remove-modal .remove-post-icon {
  background: url("/common-assets/img/profile/post-actions/remove-lg.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 4rem;
  width: 4rem; }
.profile-wrapper .profile-confirm-remove-modal .profile-remove-post-modal-header {
  border-bottom: unset; }
  .profile-wrapper .profile-confirm-remove-modal .profile-remove-post-modal-header .close {
    margin: -.5rem -.5rem -.5rem auto; }
@media (min-width: 769px) {
  .profile-wrapper .profile-confirm-remove-modal .btn {
    min-width: 7.5rem; } }
.profile-wrapper .profile-confirm-remove-modal .cancel-remove-post-btn {
  color: #e30b1c;
  border-color: #e30b1c;
  background-color: #fff; }
@media (min-width: 769px) {
  .profile-wrapper .profile-empty-section {
    margin: 2rem; } }
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section {
    margin-top: 3rem; } }
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section.pending-payment-section .message-section {
    width: 100%; } }
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section.pending-payment-section .icon-block {
    width: 100%; } }
.profile-wrapper .profile-empty-section.pending-payment-section .icon-block .empty-pending-payment {
  background: url("/common-assets/img/profile/empty-icons/pending-payment.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 23rem; }
  @media (max-width: 768px) {
    .profile-wrapper .profile-empty-section.pending-payment-section .icon-block .empty-pending-payment {
      width: 13.25rem;
      height: 11.75rem; } }
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .icon-block {
    display: flex;
    justify-content: center; } }
.profile-wrapper .profile-empty-section .icon-block .empty-active-ads-icon {
  background: url("/common-assets/img/profile/empty-icons/active-ads.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem; }
  @media (max-width: 768px) {
    .profile-wrapper .profile-empty-section .icon-block .empty-active-ads-icon {
      width: 16.25rem;
      height: 11.75rem; } }
.profile-wrapper .profile-empty-section .icon-block .empty-inactive-ads-icon {
  background: url("/common-assets/img/profile/empty-icons/inactive-ads.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem; }
  @media (max-width: 768px) {
    .profile-wrapper .profile-empty-section .icon-block .empty-inactive-ads-icon {
      width: 16.25rem;
      height: 11.75rem; } }
.profile-wrapper .profile-empty-section .icon-block .empty-favourites-icon {
  background: url("/common-assets/img/profile/empty-icons/favorites.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem; }
  @media (max-width: 768px) {
    .profile-wrapper .profile-empty-section .icon-block .empty-favourites-icon {
      width: 16.25rem;
      height: 11.75rem; } }
.profile-wrapper .profile-empty-section .icon-block .empty-comments-icon {
  background: url("/common-assets/img/profile/empty-icons/comments.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 23.125rem;
  width: 32rem; }
  @media (max-width: 768px) {
    .profile-wrapper .profile-empty-section .icon-block .empty-comments-icon {
      width: 16.25rem;
      height: 11.75rem; } }
.profile-wrapper .profile-empty-section .message-block {
  width: auto; }
  @media (min-width: 769px) {
    .profile-wrapper .profile-empty-section .message-block {
      font-size: 2.75rem; } }
  @media (max-width: 768px) {
    .profile-wrapper .profile-empty-section .message-block {
      font-size: 1.25rem; } }
@media (max-width: 768px) {
  .profile-wrapper .profile-empty-section .link-message {
    display: none; } }
@media (min-width: 769px) {
  .profile-wrapper .profile-empty-section .link-message {
    font-size: 1.875rem; } }

#profile-comments-wrapper .comment-box {
  border: 1px solid #e7e7e7;
  border-radius: 0.25rem;
  min-height: 9.6875rem; }
  #profile-comments-wrapper .comment-box.inactive {
    background-color: #f5f5f5; }
  #profile-comments-wrapper .comment-box .inactive-ad-block {
    color: #00C7D9; }
  #profile-comments-wrapper .comment-box .comment-text {
    display: inline-flex;
    width: 90%; }
  #profile-comments-wrapper .comment-box .comment-icon {
    background: url(/common-assets/img/profile/comment.svg) 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%; }
  @media (max-width: 768px) {
    #profile-comments-wrapper .comment-box {
      min-height: 7.6875rem; } }
  #profile-comments-wrapper .comment-box .created-since-text {
    color: #A0A0A0; }
  #profile-comments-wrapper .comment-box .pending-review-box {
    color: #fff;
    position: absolute;
    border-bottom-left-radius: 0.0875rem;
    border-bottom-right-radius: 0.0875rem;
    top: 0;
    background: #57BEFB;
    font-size: 0.6rem;
    font-weight: 700;
    text-align: center;
    width: auto;
    height: 2.625rem;
    padding: 0.5rem; }
    @media (min-width: 769px) {
      #profile-comments-wrapper .comment-box .pending-review-box {
        right: 7.75rem; }
        [dir=rtl] #profile-comments-wrapper .comment-box .pending-review-box {
          right: inherit;
          left: 7.75rem; } }
    @media (max-width: 768px) {
      #profile-comments-wrapper .comment-box .pending-review-box {
        right: 1rem;
        height: 2.25rem; }
        [dir=rtl] #profile-comments-wrapper .comment-box .pending-review-box {
          right: inherit;
          left: 1rem; } }
  #profile-comments-wrapper .comment-box .rejected-box {
    color: #fff;
    position: absolute;
    border-bottom-left-radius: 0.0875rem;
    border-bottom-right-radius: 0.0875rem;
    top: 0;
    background: #AA0000;
    font-size: 0.6rem;
    font-weight: 700;
    text-align: center;
    width: auto;
    padding: 0.5rem;
    height: 2.625rem; }
    @media (min-width: 769px) {
      #profile-comments-wrapper .comment-box .rejected-box {
        right: 7.75rem; }
        [dir=rtl] #profile-comments-wrapper .comment-box .rejected-box {
          right: inherit;
          left: 7.75rem; } }
    @media (max-width: 768px) {
      #profile-comments-wrapper .comment-box .rejected-box {
        right: 1rem;
        height: 2.25rem; }
        [dir=rtl] #profile-comments-wrapper .comment-box .rejected-box {
          right: inherit;
          left: 1rem; } }

#active-ads-wrapper #active-ads-status-modal .profile-status-modal-header {
  border-bottom: unset; }
#active-ads-wrapper #active-ads-status-modal .modal-body .status-btn {
  width: 12.5rem;
  border-radius: 1.5rem;
  background-color: #e7e7e7;
  color: #484848;
  border-color: #e7e7e7; }
  #active-ads-wrapper #active-ads-status-modal .modal-body .status-btn.active {
    background-color: #e30b1c;
    color: #fff; }
  @media (max-width: 768px) {
    #active-ads-wrapper #active-ads-status-modal .modal-body .status-btn {
      width: 100%; } }
  #active-ads-wrapper #active-ads-status-modal .modal-body .status-btn:hover {
    background-color: #e30b1c;
    color: #fff; }

@media (min-width: 769px) {
  #inactive-ads-wrapper #inactive-ads-status-modal .modal-dialog {
    width: 600px; } }
#inactive-ads-wrapper #inactive-ads-status-modal .profile-status-modal-header {
  border-bottom: unset; }
#inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn {
  width: 10.25rem;
  border-radius: 1.5rem;
  background-color: #e7e7e7;
  color: #484848;
  border-color: #e7e7e7; }
  #inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn.active {
    background-color: #e30b1c;
    color: #fff; }
  @media (max-width: 768px) {
    #inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn {
      width: 100%; } }
  #inactive-ads-wrapper #inactive-ads-status-modal .modal-body .status-btn:hover {
    background-color: #e30b1c;
    color: #fff; }

#update-profile-wrapper .is-invalid, #update-profile-wrapper .is-valid {
  background-image: unset;
  padding-right: 0.75rem; }
#update-profile-wrapper .back-icon {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: unset; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  #update-profile-wrapper .back-icon {
    margin-right: 0.75rem; }
    [dir=rtl] #update-profile-wrapper .back-icon {
      margin-right: unset;
      margin-left: 0.75rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  #update-profile-wrapper .back-icon {
    margin-right: 0.5rem; }
    [dir=rtl] #update-profile-wrapper .back-icon {
      margin-right: unset;
      margin-left: 0.5rem; } }

@media (min-width: 769px) {
  #update-profile-wrapper {
    margin-top: 2.75rem; } }
@media (max-width: 768px) {
  #update-profile-wrapper {
    margin-top: 1.625rem; } }
@media (min-width: 769px) {
  #update-profile-wrapper .update-profile-forms {
    margin-top: 2.25rem; } }
@media (max-width: 768px) {
  #update-profile-wrapper .update-profile-forms {
    margin-top: 1.5rem; } }
#update-profile-wrapper .update-profile-forms .update-profile-form {
  border: 1px solid #ACAFB3;
  border-radius: 0.25rem;
  height: auto;
  overflow: hidden; }
  #update-profile-wrapper .update-profile-forms .update-profile-form .profile-update-success {
    display: none;
    margin-top: 11.59375rem; }
    #update-profile-wrapper .update-profile-forms .update-profile-form .profile-update-success .success-icon {
      background: url(/common-assets/img/profile/success.svg) 100% 50% no-repeat;
      padding: 0.75rem;
      background-size: 100%;
      width: 7.1875rem;
      height: 6.0625rem; }
  #update-profile-wrapper .update-profile-forms .update-profile-form .lock-icon {
    background: url("/common-assets/img/profile/lock.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%; }
  #update-profile-wrapper .update-profile-forms .update-profile-form .contacts-icon {
    background: url("/common-assets/img/profile/contacts.svg") 100% 50% no-repeat;
    padding: 0.75rem;
    background-size: 100%; }
  #update-profile-wrapper .update-profile-forms .update-profile-form .btn {
    border-radius: 0.25rem; }
    #update-profile-wrapper .update-profile-forms .update-profile-form .btn.empty-fields-btn {
      color: #484848;
      background-color: #f5f5f5; }
      @media (max-width: 768px) {
        #update-profile-wrapper .update-profile-forms .update-profile-form .btn.empty-fields-btn {
          margin-top: 1.5rem; } }
  #update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
    color: #959595; }
    @media (min-width: 769px) {
      #update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
        margin-left: 1.5rem; }
        [dir=rtl] #update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
          margin-left: unset;
          margin-right: 1.5rem; } }
    @media (max-width: 768px) {
      #update-profile-wrapper .update-profile-forms .update-profile-form .update-profile-form-hint {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
  #update-profile-wrapper .update-profile-forms .update-profile-form input {
    height: 3rem; }
    #update-profile-wrapper .update-profile-forms .update-profile-form input::placeholder {
      color: #d2d2d2;
      font-weight: 100;
      font-size: 0.875rem; }
  #update-profile-wrapper .update-profile-forms .update-profile-form .form-group {
    width: 100%;
    margin-bottom: 0; }
  #update-profile-wrapper .update-profile-forms .update-profile-form .show-password-btn {
    position: absolute;
    top: 19%;
    right: 0.5rem; }
    [dir=rtl] #update-profile-wrapper .update-profile-forms .update-profile-form .show-password-btn {
      right: inherit;
      left: 0.5rem; }
  #update-profile-wrapper .update-profile-forms .update-profile-form .password-input {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    color: #484848; }
    #update-profile-wrapper .update-profile-forms .update-profile-form .password-input.is-invalid {
      margin-bottom: 0; }
    #update-profile-wrapper .update-profile-forms .update-profile-form .password-input::placeholder {
      font-weight: 100; }
  @media (min-width: 769px) {
    #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .full-name-block {
      margin-top: 2.5rem; } }
  @media (max-width: 768px) {
    #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .full-name-block {
      margin-top: 1.5rem; } }
  @media (min-width: 769px) {
    #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form {
      margin-right: 1rem; }
      [dir=rtl] #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form {
        margin-right: unset;
        margin-left: 1rem; } }
  #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .buttons-group {
    padding-bottom: 2rem; }
    @media (min-width: 769px) {
      #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .buttons-group {
        margin-top: 10.5rem; } }
    @media (max-width: 768px) {
      #update-profile-wrapper .update-profile-forms .update-profile-form.full-name-form .buttons-group {
        margin-top: 3rem; } }
  #update-profile-wrapper .update-profile-forms .update-profile-form.password-form .buttons-group {
    padding-bottom: 2rem; }
    @media (min-width: 769px) {
      #update-profile-wrapper .update-profile-forms .update-profile-form.password-form .buttons-group {
        margin-top: 2rem; } }
    @media (max-width: 768px) {
      #update-profile-wrapper .update-profile-forms .update-profile-form.password-form .buttons-group {
        margin-top: 3rem; } }
  @media (min-width: 769px) {
    #update-profile-wrapper .update-profile-forms .update-profile-form {
      min-height: 34.625rem;
      max-height: 38.625rem; } }
  @media (max-width: 768px) {
    #update-profile-wrapper .update-profile-forms .update-profile-form {
      flex-basis: 100%;
      margin-bottom: 1.625rem; } }
  @media (min-width: 769px) {
    #update-profile-wrapper .update-profile-forms .update-profile-form {
      flex-basis: 49%; } }

/*********************************************************************************************************************
24.0  Comment Form
*********************************************************************************************************************/
#comment-form-wrapper .comment-field {
  resize: none;
  height: 7.375rem;
  line-height: 2rem;
  background: #FBFBFB 0% 0% no-repeat padding-box;
  border: 1px solid #DEDCDC; }
#comment-form-wrapper .add-comments-btn {
  min-width: 7.125rem;
  height: 3rem; }
  #comment-form-wrapper .add-comments-btn.guest-add-btn {
    padding: 0.75rem; }
#comment-form-wrapper .alert-dismissible {
  padding-left: 2rem;
  margin-bottom: 0; }
  [dir=rtl] #comment-form-wrapper .alert-dismissible {
    padding-left: unset;
    padding-right: 2rem; }
  #comment-form-wrapper .alert-dismissible .close {
    padding: 0.5rem;
    left: 0; }
    [dir=rtl] #comment-form-wrapper .alert-dismissible .close {
      left: unset;
      right: 0; }

/*********************************************************************************************************************
25.0  Taxonomy Widget Style
*********************************************************************************************************************/
.taxonomy-widget .category-item {
  border-radius: 0.875rem;
  font-size: 1.125rem;
  padding-bottom: 0.97rem;
  padding-top: 0.97rem;
  height: 100%;
  min-height: 5.6875rem;
  border: 1px solid #D7D7D7;
  box-shadow: unset;
  border-radius: 0.25rem; }
  @media (max-width: 480px) {
    .taxonomy-widget .category-item {
      font-size: 1rem; } }
  .taxonomy-widget .category-item img {
    width: 3rem;
    height: 3rem;
    object-fit: contain; }
    @media (max-width: 480px) {
      .taxonomy-widget .category-item img {
        width: 2.0625rem;
        height: 1.625rem; } }

/*********************************************************************************************************************
26.0  Thumbnail Carousel And Slider Widget Style
*********************************************************************************************************************/
.vertical-slider-with-thumbnail-widget .lSSlideWrapper .lSAction {
  display: none !important; }
.vertical-slider-with-thumbnail-widget__gallery {
  max-height: 25.5rem;
  height: 100%; }
  .vertical-slider-with-thumbnail-widget__gallery li {
    height: 100%; }
    .vertical-slider-with-thumbnail-widget__gallery li img {
      width: 100%;
      height: 100%; }
.vertical-slider-with-thumbnail-widget__thumb {
  max-height: 25.5rem;
  overflow-y: scroll; }
  .vertical-slider-with-thumbnail-widget__thumb li {
    margin-bottom: 1.5rem; }
    .vertical-slider-with-thumbnail-widget__thumb li img {
      width: 100%;
      max-height: 7.5rem; }
    .vertical-slider-with-thumbnail-widget__thumb li:last-child {
      margin-bottom: 0; }
.vertical-slider-with-thumbnail-widget .lSPager {
  display: block; }
@media (min-width: 992px) {
  .vertical-slider-with-thumbnail-widget .lSPager {
    display: none; } }

/* Thumb RTL Style */
[dir=rtl] .vertical-slider-with-thumbnail-widget__thumb {
  padding-right: 0; }

/*********************************************************************************************************************
27.0  Country Flag Widget Style
*********************************************************************************************************************/
.country-flag-widget {
  margin-left: 2.25rem; }
  [dir=rtl] .country-flag-widget {
    margin-left: 0;
    margin-right: 2.25rem; }
  .country-flag-widget__flag {
    margin-right: 0.25rem; }
    .country-flag-widget__flag.size-1x {
      width: 1rem;
      height: 1rem; }
    .country-flag-widget__flag.size-2x {
      width: 2rem;
      height: 2rem; }
    .country-flag-widget__flag.size-3x {
      width: 3rem;
      height: 3rem; }
    [dir=rtl] .country-flag-widget__flag {
      margin-right: 0;
      margin-left: 0.25rem; }
  .country-flag-widget .flag-switcher-text {
    font-size: 14px;
    padding: 0.3125rem; }

/*********************************************************************************************************************
28.0  Post Phone Number Widget Style
*********************************************************************************************************************/
.post-phone-number-widget .post-info-links img {
  width: 2rem; }
.post-phone-number-widget #post-phone-info-modal .modal-dialog {
  position: fixed;
  bottom: 0;
  margin: 0;
  width: 100%; }
  .post-phone-number-widget #post-phone-info-modal .modal-dialog .modal-content {
    background-clip: unset;
    border: unset;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    height: 12rem; }
    .post-phone-number-widget #post-phone-info-modal .modal-dialog .modal-content .modal-header {
      justify-content: center;
      border-bottom: unset; }
    .post-phone-number-widget #post-phone-info-modal .modal-dialog .modal-content .modal-body {
      padding: 0; }

/*********************************************************************************************************************
29.0  Share Social Widget Style
*********************************************************************************************************************/
@media (min-width: 769px) {
  .share-social-modal-block .share-social-modal {
    width: 23.875rem; } }
@media (max-width: 768px) {
  .share-social-modal-block .share-social-modal {
    width: 100%; } }
.share-social-modal-block .share-social-modal .modal-content {
  border: unset;
  border-radius: 0.5rem; }
.share-social-modal-block .share-social-modal .modal-header {
  height: 5rem;
  border-bottom: unset; }
  .share-social-modal-block .share-social-modal .modal-header .close {
    position: absolute; }
  .share-social-modal-block .share-social-modal .modal-header h5 {
    margin-top: 2rem;
    left: 30%;
    right: unset;
    position: relative; }
    [dir=rtl] .share-social-modal-block .share-social-modal .modal-header h5 {
      left: unset; }
    [dir=rtl] .share-social-modal-block .share-social-modal .modal-header h5 {
      right: 25%; }
.share-social-modal-block .share-social-modal #share-social-modal-body {
  margin: 1rem; }
  .share-social-modal-block .share-social-modal #share-social-modal-body .social-label {
    margin: 0.5rem; }
  .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_kit {
    padding: 0.5rem; }
  .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_facebook, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_twitter, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_whatsapp, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_copy_link {
    color: #484848; }
    .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_facebook .a2a_svg, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_twitter .a2a_svg, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_whatsapp .a2a_svg, .share-social-modal-block .share-social-modal #share-social-modal-body .a2a_button_copy_link .a2a_svg {
      display: none; }
  .share-social-modal-block .share-social-modal #share-social-modal-body .chose-btn, .share-social-modal-block .share-social-modal #share-social-modal-body .copy-btn {
    border: 1px solid #dedcdc;
    border-radius: 1.5rem;
    width: 3.5rem;
    text-align: center; }
    .share-social-modal-block .share-social-modal #share-social-modal-body .chose-btn a, .share-social-modal-block .share-social-modal #share-social-modal-body .copy-btn a {
      font-size: 0.75rem;
      color: #484848; }

/*********************************************************************************************************************
30.0  Make Payment Post Modal Widget Style
*********************************************************************************************************************/
@media (min-width: 769px) {
  .make-payment-post-modal {
    width: 28rem; } }
.make-payment-post-modal .make-payment-post-modal-header {
  border-bottom: unset; }
  .make-payment-post-modal .make-payment-post-modal-header .close {
    margin: -.5rem -.5rem -.5rem auto; }
.make-payment-post-modal .payment-free-icon {
  background: url("/common-assets/img/payment/free.en.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  height: 4rem;
  width: 4rem; }
  [dir=rtl] .make-payment-post-modal .payment-free-icon {
    background: url("/common-assets/img/payment/free-ar.svg") 100% 50% no-repeat; }
.make-payment-post-modal .payment-sticky-icon {
  background: url("/common-assets/img/payment/sticky.svg") 100% 50% no-repeat;
  height: 4rem;
  width: 4rem; }
@media (min-width: 769px) {
  .make-payment-post-modal .btn {
    min-width: 7.5rem; } }

/*********************************************************************************************************************
31.0  Post Not In Current Widget Style
*********************************************************************************************************************/
.post-not-in-current-country-modal .post-not-in-current-country-modal-header {
  border-bottom: unset; }
.post-not-in-current-country-modal .location-icon {
  background: url("/common-assets/img/add-post/location.svg") 100% 50% no-repeat;
  padding: 0.75rem;
  background-size: 100%;
  width: 7.5rem;
  height: 8.5625rem; }
@media (min-width: 769px) {
  .post-not-in-current-country-modal .btn {
    min-width: 7.5rem; } }

/*********************************************************************************************************************
32.0  Country Switcher Modal Style
*********************************************************************************************************************/
/* Common Wasset country switcher modal */
#country-switcher-modal .country-switcher-modal__city-link {
  color: #484848;
  line-height: 2.0;
  padding: 0.1875rem 0.4375rem; }
#country-switcher-modal .modal-header .close {
  margin: 0.1875rem 0.625rem;
  padding: 0; }
#country-switcher-modal .text-direction {
  text-align: left; }
  [dir=rtl] #country-switcher-modal .text-direction {
    text-align: right; }

/*********************************************************************************************************************
32.1  Country Switcher Responsive List Style
*********************************************************************************************************************/
/* Common Wasset country switcher responsive list */
#responsive-country-list-wrapper {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1070;
  overflow-y: scroll;
  display: none; }
  #responsive-country-list-wrapper .responsive-country-list-title {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
    #responsive-country-list-wrapper .responsive-country-list-title a {
      font-size: 0.875rem; }
    #responsive-country-list-wrapper .responsive-country-list-title i {
      margin-right: 0.5rem; }
      [dir=rtl] #responsive-country-list-wrapper .responsive-country-list-title i {
        margin-right: 0;
        margin-left: 0.5rem; }
  #responsive-country-list-wrapper .nav {
    padding: 0; }
    #responsive-country-list-wrapper .nav .nav-item {
      padding: 0 0.9375rem;
      border-bottom: 1px solid #DDDDDD; }
      #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link {
        padding: 0.75rem;
        padding-left: 0; }
        [dir=rtl] #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link {
          padding-left: 0.75rem;
          padding-right: 0; }
        #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link .flag-switcher-text {
          margin-left: 0.5rem; }
          [dir=rtl] #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link .flag-switcher-text {
            margin-left: 0;
            margin-right: 0.5rem; }
        #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link i {
          display: none; }
        #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link.active .flag-switcher-text {
          color: #e30b1c; }
        #responsive-country-list-wrapper .nav .nav-item .responsive-country-list-link.active i {
          display: inline-block;
          color: #e30b1c;
          font-size: 1.125rem;
          margin-top: 0.6875rem; }

/*********************************************************************************************************************
33.1.0  City Switcher Responsive List Style
*********************************************************************************************************************/
/* Common Wasset country switcher responsive list */
#responsive-city-list-wrapper {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1080;
  overflow-y: scroll;
  display: none; }
  #responsive-city-list-wrapper .responsive-city-list-title {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
    #responsive-city-list-wrapper .responsive-city-list-title a {
      font-size: 0.875rem; }
    #responsive-city-list-wrapper .responsive-city-list-title i {
      margin-right: 0.5rem; }
      [dir=rtl] #responsive-city-list-wrapper .responsive-city-list-title i {
        margin-right: 0;
        margin-left: 0.5rem; }
  #responsive-city-list-wrapper .country-of-cities-wrapper {
    display: none; }
    #responsive-city-list-wrapper .country-of-cities-wrapper .nav {
      padding: 0; }
      #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item {
        padding: 0 0.9375rem;
        border-bottom: 1px solid #DDDDDD; }
        #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link {
          padding: 0.75rem;
          padding-left: 0; }
          [dir=rtl] #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link {
            padding-left: 0.75rem;
            padding-right: 0; }
          #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link .flag-switcher-text {
            margin-left: 0.5rem; }
            [dir=rtl] #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link .flag-switcher-text {
              margin-left: 0;
              margin-right: 0.5rem; }
          #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link i {
            display: none; }
          #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link.active span {
            color: #e30b1c; }
          #responsive-city-list-wrapper .country-of-cities-wrapper .nav .nav-item .responsive-city-list-link.active i {
            display: inline-block;
            color: #e30b1c;
            font-size: 1.125rem;
            margin-top: 0.6875rem; }

/*********************************************************************************************************************
34.1.0  Box Theme Style
*********************************************************************************************************************/
@media (min-width: 769px) {
  .box-theme {
    margin-top: 3.75rem;
    padding: 1.5rem 2.5rem 0.625rem 1.5rem;
    background: white;
    box-shadow: 1.25rem 2.1875rem 2.1875rem rgba(51, 51, 51, 0.25); } }
@media (max-width: 768px) {
  .box-theme .form-group {
    margin-bottom: 0.5rem; } }
.box-theme .error-summary a {
  color: #e30b1c;
  text-decoration: underline; }
.box-theme .error-summary ul {
  font-size: 0.875rem;
  padding-inline-start: 6%; }
  @media (max-width: 768px) {
    .box-theme .error-summary ul {
      padding-inline-start: 8%;
      font-size: 0.75rem; } }
.box-theme .show-password-btn {
  position: absolute;
  right: 3%;
  top: 59%; }
  [dir=rtl] .box-theme .show-password-btn {
    right: unset;
    left: 3%; }
  @media (max-width: 768px) {
    .box-theme .show-password-btn {
      top: 48%; } }
.box-theme .field-loginform-password {
  width: 100%; }
.box-theme .phone-number-input .iti__selected-flag {
  background-color: #fff;
  border-right: 1px solid #d2d2d2; }
  [dir=rtl] .box-theme .phone-number-input .iti__selected-flag {
    border-right: unset;
    border-right: 1px solid #d2d2d2; }
  .box-theme .phone-number-input .iti__selected-flag .iti__arrow {
    display: none; }
  .box-theme .phone-number-input .iti__selected-flag .iti__flag {
    order: unset; }
    [dir=rtl] .box-theme .phone-number-input .iti__selected-flag .iti__flag {
      order: 2; }
.box-theme .phone-number-input .iti--allow-dropdown {
  width: 100%; }
  .box-theme .phone-number-input .iti--allow-dropdown input {
    display: inline-block;
    direction: ltr;
    font-size: 1.125rem;
    color: #484848;
    font-weight: bold; }
    @media (max-width: 768px) {
      .box-theme .phone-number-input .iti--allow-dropdown input {
        font-size: 1rem; } }
  .box-theme .phone-number-input .iti--allow-dropdown input::placeholder {
    text-align: left;
    font-weight: 100; }
    [dir=rtl] .box-theme .phone-number-input .iti--allow-dropdown input::placeholder {
      text-align: right; }
  .box-theme .phone-number-input .iti--allow-dropdown .iti__country {
    width: 100%; }
  .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag {
    border-top-left-radius: 10%;
    border-bottom-left-radius: 10%; }
    [dir=rtl] .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag {
      border-top-right-radius: unset; }
    [dir=rtl] .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag {
      border-bottom-right-radius: unset; }
    .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
      direction: ltr;
      font-weight: bold;
      color: #484848;
      font-size: 1rem; }
      @media (max-width: 768px) {
        .box-theme .phone-number-input .iti--allow-dropdown .iti__selected-flag .iti__selected-dial-code {
          font-size: 0.875rem; } }
.box-theme .help-block-error {
  color: #e30b1c; }
.box-theme #temp-phone-number {
  display: inline-block;
  direction: ltr;
  font-weight: bold;
  font-size: 1.125rem;
  color: #484848; }
  @media (max-width: 768px) {
    .box-theme #temp-phone-number {
      font-size: 1rem; } }
.box-theme .key-icon {
  background: url(/common-assets/img/custom-icons/key.svg) 50%/100% 100% no-repeat;
  padding: 0.75rem; }
.box-theme .icon-float {
  margin-right: 0.25rem; }
  [dir=rtl] .box-theme .icon-float {
    margin-right: unset;
    margin-left: 0.25rem; }
.box-theme .input-h-56 input {
  height: 3.5rem; }
.box-theme .pincode-input-container {
  flex-direction: row; }
  [dir=rtl] .box-theme .pincode-input-container {
    flex-direction: row-reverse; }
  .box-theme .pincode-input-container .pincode-input-text {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    height: 56px !important;
    border: 1px solid #d2d2d2;
    border-radius: 5%;
    font-size: 1.5rem;
    font-weight: bold; }
    @media (min-width: 769px) {
      .box-theme .pincode-input-container .pincode-input-text {
        width: 56px !important;
        margin-left: 0.5rem;
        margin-right: 0.5rem; } }
.box-theme .side-img {
  width: 28.25rem;
  height: 26.875rem; }
.box-theme #box-footer .text-bottom {
  right: 0;
  bottom: 0;
  left: 0; }
.box-theme .has-error input {
  border: solid 2px #e30b1c !important;
  border-color: #e30b1c !important; }
.box-theme .has-error .iti__selected-flag {
  background-color: unset; }
.box-theme .has-error .key-icon {
  background: url(/common-assets/img/custom-icons/key-red.svg) 50%/100% 100% no-repeat; }
.box-theme .has-error label {
  color: #e30b1c; }
.box-theme .has-error .form-control {
  border: unset; }
  .box-theme .has-error .form-control:focus {
    border: unset; }
.box-theme .grecaptcha-badge {
  visibility: hidden; }
@media (min-width: 769px) {
  .box-theme .img-content {
    margin-left: 5rem; }
    [dir=rtl] .box-theme .img-content {
      margin-left: unset;
      margin-right: 5rem; } }
.box-theme .img-content .main-img {
  width: 30.5rem; }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  .box-theme .img-content .main-img {
    height: 32rem; } }

  @media (max-width: 768px) {
    .box-theme .img-content .main-img {
      width: 19.4375rem;
      height: 16rem; } }
.box-theme input::placeholder {
  font-size: 1rem;
  color: #d2d2d2;
  font-family: "Roboto"; }
  [dir=rtl] .box-theme input::placeholder {
    font-family: "NotoKufiArabic"; }
  @media (max-width: 768px) {
    .box-theme input::placeholder {
      font-size: 0.875rem; } }

.iti__country-list {
  direction: ltr; }

.iti-mobile .iti--container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .iti-mobile .iti--container .iti__country-list {
    height: 100%; }

/*********************************************************************************************************************
35.1.0  Main Theme Style
*********************************************************************************************************************/
.invalid-feedback {
  color: #e30b1c;
  font-size: 0.75rem; }

/*********************************************************************************************************************
36.1.0  grid Theme Style
*********************************************************************************************************************/
.grid {
  display: grid; }

.inline-grid {
  display: inline-grid; }

.grid-cols-1, .post-list-view {
  grid-template-columns: repeat(1, minmax(0, 1fr)); }

.grid-cols-2, .post-grid-view {
  grid-template-columns: repeat(2, minmax(0, 1fr)); }

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

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)); }

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)); }

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)); }

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)); }

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)); }

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)); }

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)); }

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)); }

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)); }

.grid-cols-auto {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }

.grid-auto-flow {
  grid-auto-flow: row; }

.col-span-2 {
  grid-column: span 2 / span 2; }

.col-span-4 {
  grid-column: span 4 / span 4; }

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)); }

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)); }

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)); }

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)); }

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)); }

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)); }

.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr)); }

.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr)); }

.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr)); }

.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr)); }

.col-start-2 {
  grid-column-start: 2; }

.col-end-2 {
  grid-column-end: 2; }

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)); }

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)); }

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)); }

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)); }

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)); }

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)); }

.grid-span-1 {
  grid-column: span 1 / span 1; }

.grid-span-2 {
  grid-column: span 2 / span 2; }

.grid-span-3 {
  grid-column: span 3 / span 3; }

.grid-span-4 {
  grid-column: span 4 / span 4; }

.grid-span-5 {
  grid-column: span 5 / span 5; }

.grid-span-6 {
  grid-column: span 6 / span 6; }

.gap-0, .post-grid-view .post-social {
  gap: 0px; }

.gap-1 {
  gap: 0.25rem; }

.gap-2 {
  gap: 0.5rem; }

.gap-3, .post-social, .post-list-view .post-social {
  gap: 0.75rem; }

.gap-4 {
  gap: 0.85rem; }

.gap-5 {
  gap: 1rem; }
  @media (min-width: 1280px) {
    .gap-5 {
      gap: 3rem; } }
  @media (min-width: 1536px) {
    .gap-5 {
      gap: 3rem; } }

.gap-6 {
  gap: 1.25rem; }

.gap-7 {
  gap: 1.5rem; }

.gap-8 {
  gap: 1.75rem; }

.gap-9 {
  gap: 2rem; }

.gap-10 {
  gap: 2.5rem; }

.gap-11 {
  gap: 3rem; }

.gap-12 {
  gap: 4rem; }

@media (min-width: 769px) {
  .md-gap-10 {
    gap: 2.5rem; } }
.gap-x-4 {
  column-gap: 1rem; }

.gap-y-3 {
  row-gap: 0.75rem; }

.gap-x-6 {
  column-gap: 1.5rem; }

.gap-y-10 {
  row-gap: 2.5rem; }

.gap-x-8 {
  column-gap: 2rem; }

.gap-y-4 {
  row-gap: 1rem; }

.w-1-3, .post-list-view .main-frame .post-image {
  width: 33.333333%; }

.w-2-3, .post-list-view .main-frame .post-details {
  width: 66.666667%; }

.w-3-3 {
  width: 100%; }

.w-1-4 {
  width: 25%; }

.w-2-4 {
  width: 50%; }

.w-3-4 {
  width: 75%; }

.w-4-4 {
  width: 100%; }

.flex-1, .post-icons {
  flex: 1 1 0%; }

.flex-grow-2 {
  flex-grow: 1; }

/*********************************************************************************************************************
37.1.0  post grid list Style
*********************************************************************************************************************/
.post-gallery {
  width: 2.625rem;
  height: 1.5rem;
  position: absolute;
  left: 1px;
  background: white;
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.1);
  color: white; }

.post-social {
  margin-top: 10px; }
  .post-social .social-item {
    border-radius: 6px;
    border: 1px solid #E3E3E3; }

.sticky {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  background: #FFCC00;
  font-size: 8.5px;
  font-weight: bold;
  color: black;
  border-bottom-left-radius: 1.4px;
  border-bottom-right-radius: 1.4px; }

.post-icons {
  display: flex;
  justify-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 4px;
  border-right: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2; }

.sticky-icons {
  border-right: none; }

.list-chat-info-links {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background: white;
  padding: 0.75rem;
  color: #484848; }

.p-75 {
  padding: 0.75rem; }

.sticky-action {
  background: #ffdd15;
  border: none;
  border-radius: 0 0 3px 0; }
  @media (max-width: 768px) {
    .sticky-action p {
      font-size: .75rem; } }

.no-padding {
  padding: 0; }

.mt-4-5 {
  margin-top: 1.9rem;
  margin-bottom: 1.9rem; }

.post-sticky-on-repost p {
  display: block;
  color: #2b2b2b; }

.post-icons p {
  display: none; }

@media (max-width: 768px) {
  .post-grid-view .col-12 {
    grid-column: span 2 / span 2; } }
@media (min-width: 769px) {
  .post-grid-view {
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .post-grid-view .grid-country {
      display: none !important; }
    .post-grid-view .list-country {
      display: block !important; }
    .post-grid-view .dot {
      display: block !important; } }
@media (min-width: 1280px) {
  .post-grid-view {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 768px) {
  .post-grid-view .grid-country {
    display: block !important; }
  .post-grid-view .dot {
    display: none; } }
.post-grid-view .seperator {
  display: none; }
.post-grid-view .main-frame {
  flex-direction: column; }
.post-grid-view.items-start.grid-country {
  display: block !important; }
.post-grid-view .post-image {
  height: 137px;
  overflow: hidden; }
  @media (min-width: 769px) {
    .post-grid-view .post-image {
      height: 200px; } }
.post-grid-view .border-color {
  border: 1px solid #FFCC00; }
.post-grid-view .border-normal {
  border: 1px solid #e7e7e7; }
.post-grid-view .post-gallery {
  top: 0; }
.post-grid-view .sticky {
  top: 0px;
  padding: 6px; }
  @media (min-width: 769px) {
    .post-grid-view .sticky {
      font-size: 11.5px; } }
.post-grid-view .list-country {
  display: none; }
.post-grid-view .head-mb {
  margin-bottom: 0; }
.post-grid-view .post-social {
  margin-top: auto; }
  .post-grid-view .post-social .social-item {
    border-radius: 0;
    border: none; }
  .post-grid-view .post-social .share-sc-button-whatsapp {
    border-right: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3; }
  .post-grid-view .post-social span {
    display: none; }
.post-grid-view .price {
  margin-bottom: 5px; }
.post-grid-view .owl-item img {
  display: block;
  width: auto; }
.post-grid-view .img-ratio-4-3 > .pending-review-border, .post-grid-view .img-ratio-4-3 > .sticky-border, .post-grid-view .img-ratio-4-3 > .pending-payment-border, .post-grid-view .img-ratio-4-3 > .sold-border, .post-grid-view .img-ratio-4-3 > .rejected-border, .post-grid-view .img-ratio-4-3 > .expired-border, .post-grid-view .img-ratio-4-3 > .active-border {
  border: none !important; }

.post-list-view .border-color {
  border: none; }
.post-list-view .sticky-action {
  border-radius: 4px;
  background-color: #ffdd15 !important; }
.post-list-view .post-icons {
  border-radius: 4px; }
.post-list-view .seperator {
  width: 100%;
  height: 2px;
  background-color: #E3E3E3; }
.post-list-view .post-details .py-2 {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }
.post-list-view .items-start .grid-country {
  display: none !important; }
.post-list-view .dot {
  display: inline-block;
  font-weight: bolder; }
@media (max-width: 768px) {
  .post-list-view .line-clamp-wrapper {
    min-height: 44px; } }
.post-list-view .possiable-icons {
  margin-top: 1rem; }
.post-list-view .possiable-icons > * {
  margin-left: 0.5rem; }
  [dir=rtl] .post-list-view .possiable-icons > * {
    margin-right: inherit; }
.post-list-view .post-grid-list-view-item > .pending-review-border, .post-list-view .post-grid-list-view-item > .sticky-border, .post-list-view .post-grid-list-view-item > .pending-payment-border, .post-list-view .post-grid-list-view-item > .sold-border, .post-list-view .post-grid-list-view-item > .rejected-border, .post-list-view .post-grid-list-view-item > .expired-border, .post-list-view .post-grid-list-view-item > .active-border {
  border: none !important; }
.post-list-view .post-icons {
  border: 1px solid #e2e2e2;
  background-color: white;
  color: #484848; }
.post-list-view .line-clamp-wrapper a {
  font-size: 0.875rem; }
.post-list-view .price {
  margin-top: 8px !important; }
.post-list-view .post-icons p {
  display: block;
  color: #2b2b2b;
  font-size: 0.75rem; }
.post-list-view .flex-grow-1 {
  flex-grow: unset;
  flex: 1 1 0%; }
.post-list-view .listing-ads-date-margin {
  margin-left: 0.5rem; }
.post-list-view .sticky {
  padding: 3px;
  font-size: 7px;
  top: -6px; }
.post-list-view .main-frame {
  flex-direction: row; }
  .post-list-view .main-frame .post-image {
    height: 96px;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px); }
  .post-list-view .main-frame .border-color {
    border: 1px solid #FFCC00; }
  .post-list-view .main-frame .border-normal {
    border: 1px solid #e7e7e7; }
.post-list-view .post-social {
  margin-top: 10px; }
  .post-list-view .post-social .social-item {
    border-radius: 6px;
    border: 1px solid #E3E3E3;
    color: #484848;
    text-decoration: none; }
.post-list-view .post-gallery {
  border-radius: 0 2px 0 7px; }
.post-list-view .make-payment-action p {
  font-size: 0.75rem !important; }

.img-ratio-4-3 {
  aspect-ratio: 4/3;
  padding-top: 75%; }
  .img-ratio-4-3 .border-normal {
    border: none; }
  .img-ratio-4-3 img {
    width: 100% !important; }

.card-img-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; }

.post-gallery {
  bottom: 1px; }

.sticky {
  top: -15px; }

.list-country {
  display: inline; }

.head-mb {
  margin-bottom: 0; }

.relative {
  position: relative; }

p {
  margin: 0; }

.space-x-2 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }

.line-clamp-wrapper {
  min-height: 46px;
  display: flex;
  align-items: start; }
  @media (max-width: 768px) {
    .line-clamp-wrapper {
      min-height: 36px; } }

.title-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 38px; }
  @media (min-width: 1280px) {
    .title-line-clamp {
      height: 45px; } }

.space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); }

.title-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

.opacity-30 {
  opacity: 30%; }

.sticky-box {
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #ffdd15;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem; }
  [dir=rtl] .sticky-box {
    left: inherit;
    right: 1.5rem; }

.paid-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #49BF7C;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem; }
  [dir=rtl] .paid-box {
    left: inherit;
    right: 1.5rem; }

.pending-payment-status-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #FF6A00;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem; }
  [dir=rtl] .pending-payment-status-box {
    left: inherit;
    right: 1.5rem; }

.pending-review-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #57BEFB;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem; }
  [dir=rtl] .pending-review-box {
    left: inherit;
    right: 1.5rem; }

.rejected-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #AA0000;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem; }
  [dir=rtl] .rejected-box {
    left: inherit;
    right: 1.5rem; }

.expired-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #1FAEC1;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem; }
  [dir=rtl] .expired-box {
    left: inherit;
    right: 1.5rem; }

.sold-box {
  color: #fff;
  position: absolute;
  border-bottom-left-radius: 0.0875rem;
  border-bottom-right-radius: 0.0875rem;
  top: 0;
  background: #8133FF;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.125rem 0.25rem;
  left: 1.5rem; }
  [dir=rtl] .sold-box {
    left: inherit;
    right: 1.5rem; }

.make-payment-action {
  background: #FF6A00;
  cursor: pointer;
  color: #fff;
  border-radius: 0 0 3px 0; }
  @media (max-width: 768px) {
    .make-payment-action p {
      font-size: 0.75rem; } }

.pending-border {
  border: 1px solid #57BEFB; }

.pending-payment-border {
  border: 1px solid #FF6A20; }

.sold-border {
  border: 1px solid #8133F8; }

.paid-border {
  border: 1px solid #49BF7C; }

.sticky-border {
  border: 1px solid #FFCC00; }

.rejected-border {
  border: 1px solid #AA000E; }

.expired-border {
  border: 1px solid #1FAEC1; }

.post-icons:nth-child(1) {
  border-right: none !important; }

body[dir="ltr"] .post-icons:nth-child(1) {
  border-left: none !important; }
body[dir="ltr"] .post-grid-view .post-icons {
  border-right: none;
  border-left: 1px solid #e2e2e2; }
body[dir="ltr"] .post-grid-view .make-payment-action {
  border-radius: 0 3px 0 0; }
body[dir="ltr"] .pending-payment-status-box, body[dir="ltr"] .rejected-box, body[dir="ltr"] .pending-review-box, body[dir="ltr"] .paid-box, body[dir="ltr"] .sticky-box, body[dir="ltr"] .expired-box, body[dir="ltr"] .sold-box {
  right: 1.5rem;
  left: unset; }
body[dir="ltr"] .sticky-icons {
  border-left: none; }
body[dir="ltr"] .post-list-view .listing-ads-date-margin {
  margin-right: 0.5rem; }
body[dir="ltr"] .post-gallery .ml-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem; }

@media (min-width: 769px) {
  #post-items .col-12 {
    grid-column: span 4 / span 4; } }
@media (min-width: 1280px) {
  #post-items .col-12 {
    grid-column: span 5 / span 5; } }
#post-items .col-12 .space-x-2 > * {
  --tw-space-x-reverse: 0;
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
#post-items .col-12 .space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(2rem * calc(1 - var(--tw-space-x-reverse))); }

#favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
  margin: 2.8125rem auto; }
  @media (max-width: 768px) {
    #favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
      grid-column: span 2 / span 2; } }
  @media (min-width: 769px) {
    #favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
      grid-column: span 4 / span 4; } }
  @media (min-width: 1280px) {
    #favorite-items-id #infscr-loading, #active-items-id #infscr-loading, #inactive-items-id #infscr-loading, #pending-payment-items-id #infscr-loading, #listing-items-id #infscr-loading, #commercials-ads-id #infscr-loading {
      grid-column: span 5 / span 5; } }

@media (max-width: 768px) {
  #pending-payment-items-id .post-list-view #infscr-loading,
  #favorite-items-id .post-list-view #infscr-loading,
  #active-items-id .post-list-view #infscr-loading,
  #inactive-items-id .post-list-view #infscr-loading,
  #listing-items-id .post-list-view #infscr-loading,
  #commercials-ads-id .post-list-view #infscr-loading {
    grid-column: span 1/span 1 !important; } }

.list-view .pagination {
  display: none; }

.more-information {
  color: #E30B1C;
  font-weight: bold; }

/*********************************************************************************************************************
38.1.0  RTL direction style
*********************************************************************************************************************/
body[dir="rtl"] {
  text-align: right; }

/*********************************************************************************************************************
39.1.0  Sales agent
*********************************************************************************************************************/
body[dir="ltr"] #sales-agent .sales-border {
  border-left: none !important;
  border-right: 1px solid #dee2e6 !important; }
body[dir="ltr"] #sales-agent .img-rotate {
  transform: rotate(0deg); }
body[dir="ltr"] #sales-agent .rtl-rotate {
  transform: rotate(180deg); }
body[dir="ltr"] #sales-agent .space-x-1, body[dir="ltr"] #sales-agent .post-list-view .post-icons, .post-list-view body[dir="ltr"] #sales-agent .post-icons {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * var(--tw-space-x-reverse));
  margin-right: calc(1rem * (1 - var(--tw-space-x-reverse))); }
body[dir="ltr"] #sales-agent .space-x-0-8 {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)); }
body[dir="ltr"] #sales-agent .space-x-0-4 {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.25rem * var(--tw-space-x-reverse)); }

#sales-agent p {
  margin: 0; }
#sales-agent .img-rotate {
  transform: rotate(-90deg); }
#sales-agent .breadcrumb {
  padding: 0 !important; }
#sales-agent .sales-cols {
  display: grid;
  column-gap: 16px;
  grid-auto-flow: row; }
  @media (min-width: 769px) {
    #sales-agent .sales-cols {
      grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  @media (max-width: 768px) {
    #sales-agent .sales-cols {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1280px) {
    #sales-agent .sales-cols {
      grid-template-columns: repeat(5, minmax(0, 1fr)); } }
#sales-agent .sales-border {
  border-left: 1px solid #dee2e6;
  border-right: none; }
#sales-agent .sales-agent-main {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #D7D7D7;
  opacity: 1; }
#sales-agent .sales-agent-card {
  width: 137px;
  height: 137px;
  border-radius: 50%; }
#sales-agent .mb-2-rem {
  margin-bottom: 2rem; }
#sales-agent .name-line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }
#sales-agent .country-line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }
#sales-agent .name-centered {
  min-height: 54px; }
#sales-agent .taxonomy-centered {
  min-height: 36px; }
@media (max-width: 768px) {
  #sales-agent .sales-agent-card {
    width: 95px;
    height: 95px;
    border-radius: 50%; } }
#sales-agent .space-x-1, #sales-agent .post-list-view .post-icons, .post-list-view #sales-agent .post-icons {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); }
#sales-agent .space-x-0-8 {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); }
#sales-agent .space-x-0-4 {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.25rem * var(--tw-space-x-reverse)); }

/*********************************************************************************************************************
40.1.0  main classes
*********************************************************************************************************************/
.container {
  width: 100%; }
  @media (min-width: 640px) {
    .container {
      max-width: 640px !important; } }
  @media (min-width: 768px) {
    .container {
      max-width: 768px !important; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px !important; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px !important; } }
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px !important; } }
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px !important; } }

.ios,
.ios * {
  cursor: pointer; }

.log-out-padding {
  padding-top: 24px !important;
  padding-bottom: 16px !important; }

.mb-075 {
  margin-bottom: 0.75rem; }

.py-125 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

.no-border {
  border: unset; }

.cursor-disabled {
  cursor: not-allowed;
  pointer-events: all !important; }

@media (resolution: 125dpi) {
  .main-slider-class .owl-nav button.owl-next {
    top: 10px !important; }

  .main-slider-class .owl-nav button.owl-prev {
    top: 10px !important; } }
.mini-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 640px) {
    .mini-container {
      max-width: 540px !important; } }
  @media (min-width: 768px) {
    .mini-container {
      max-width: 800px !important; } }
  @media (min-width: 1024px) {
    .mini-container {
      max-width: 900px !important; } }
  @media (min-width: 1280px) {
    .mini-container {
      max-width: 1100px !important; } }
  @media (min-width: 1536px) {
    .mini-container {
      max-width: 1136px !important; } }

#slider {
  padding: 56px 0;
  overflow: hidden;
  height: auto; }
  #slider .h-19-rem {
    height: 22.394rem !important; }
    @media (max-width: 768px) {
      #slider .h-19-rem {
        height: unset !important; } }
  #slider .owl-item .item {
    margin-left: 1px !important; }
  @media (max-width: 768px) {
    #slider {
      padding: 32px 0; } }
  #slider .slider-w-h {
    width: 58%;
    min-width: 58%;
    max-width: 58%; }
    @media (min-width: 769px) {
      #slider .slider-w-h {
        padding-left: 4px; }
        [dir=rtl] #slider .slider-w-h {
          padding-right: 0; } }
    @media (max-width: 768px) {
      #slider .slider-w-h {
        width: 100%;
        min-width: 100%;
        max-width: 100%; } }
  @media (max-width: 768px) {
    #slider {
      width: 100%;
      padding-bottom: 30px; } }

.mt-5-5 {
  margin-top: 3.5rem; }

.unstyled-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

.Category-desktop {
  background-color: transparent linear-gradient(180deg, #FAFAFA00 0%, #FAFAFA 100%) 0% 0% no-repeat padding-box; }
  @media (max-width: 768px) {
    .Category-desktop {
      background-color: transparent; } }

.taxonomy-desktop-wrapper {
  background-color: white;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  width: 10.938rem;
  height: 8.688rem; }
  @media (min-width: 769px) {
    .taxonomy-desktop-wrapper {
      justify-content: center !important; } }
  @media (max-width: 768px) {
    .taxonomy-desktop-wrapper {
      background-color: transparent;
      border: none;
      border-radius: 0;
      width: auto;
      height: auto;
      justify-content: flex-start !important; } }

.taxonomy-img-wrapper {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px; }
  @media (max-width: 768px) {
    .taxonomy-img-wrapper {
      background-color: #F6F6F6; } }

.taxonomy-img-size {
  width: 3rem; }
  @media (max-width: 768px) {
    .taxonomy-img-size {
      width: 2.0625rem; } }

@media (max-width: 768px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 768px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  @media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .grid-cols-for-taxonomy {
      grid-template-columns: repeat(6, minmax(0, 1fr)); } }
  @media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .grid-cols-for-taxonomy {
      grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (min-width: 1280px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }
  @media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .grid-cols-for-taxonomy {
      grid-template-columns: repeat(5, minmax(0, 1fr)); } }
  @media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .grid-cols-for-taxonomy {
      grid-template-columns: repeat(5, minmax(0, 1fr)); } }

@media (min-width: 1536px) {
  .grid-cols-for-taxonomy {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }
  @media (min-width: 1536px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .grid-cols-for-taxonomy {
      grid-template-columns: repeat(5, minmax(0, 1fr)); } }
  @media (min-width: 1536px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .grid-cols-for-taxonomy {
      grid-template-columns: repeat(6, minmax(0, 1fr)); } }

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) {
  .gap-5 {
    gap: 4rem; } }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1024px) {
  .gap-5 {
    gap: 4rem; } }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1280px) {
  .gap-5 {
    gap: 3rem; } }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1536px) {
  .gap-5 {
    gap: 3rem; } }

@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {
  .gap-5 {
    gap: 4rem; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {
  .gap-5 {
    gap: 3rem; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1280px) {
  .gap-5 {
    gap: 3rem; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1536px) {
  .gap-5 {
    gap: 3rem; } }

.icon-inside-input__input-new::-webkit-input-placeholder {
  color: #A0A0A0 !important; }

.icon-inside-input__input-new {
  padding-right: 0 !important; }

[dir=ltr] .icon-inside-input__input-new {
  padding-left: 0 !important; }

.icon-inside-input {
  border-radius: 4px;
  border: 1px solid #D7D7D7; }

.commercial-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #D7D7D7;
  height: auto;
  overflow: hidden; }
  @media (max-width: 768px) {
    .commercial-item {
      height: auto; } }
  @media (min-width: 769px) {
    .commercial-item .gtm-commercial {
      height: auto; } }
  .commercial-item a {
    width: 100%; }
    @media (max-width: 768px) {
      .commercial-item a {
        height: auto; } }
    .commercial-item a .commercial-item-img {
      height: 100%;
      width: 100%;
      object-fit: fill; }
  .commercial-item .post-phone-number-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin-top: auto;
    overflow: hidden; }
  .commercial-item .commercial-ads-button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 0 !important; }
    @media (min-width: 769px) {
      .commercial-item .commercial-ads-button {
        padding-top: 12px;
        padding-bottom: 12px; } }
    .commercial-item .commercial-ads-button img {
      width: 24px;
      height: 24px; }

.owl-item .border-color, .owl-item .sticky-border {
  border: 1px solid #FFCC00; }

.carousel-with-bottom-indicators .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  background-color: #E7E7E7; }

.carousel-with-bottom-indicators .owl-dots .owl-dot.active {
  width: 12px;
  height: 12px;
  background-color: #E30B1C; }

.carousel-with-bottom-indicators .owl-nav {
  position: relative;
  height: 40px; }

@media (min-width: 769px) {
  #listing-owl-ads-carousel .owl-nav {
    height: auto; } }

.carousel-with-bottom-indicators .owl-nav button.owl-prev {
  right: 40%;
  left: initial;
  position: absolute;
  top: 0; }
  @media (max-width: 768px) {
    .carousel-with-bottom-indicators .owl-nav button.owl-prev {
      margin-left: 25%; } }

.carousel-with-bottom-indicators .owl-nav button.owl-next {
  left: 40%;
  right: initial;
  position: absolute;
  top: 0px; }
  @media (max-width: 768px) {
    .carousel-with-bottom-indicators .owl-nav button.owl-next {
      margin-right: 25%; } }

#commercial-carousel .owl-dots {
  bottom: 5px !important; }

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #E7E7E7 !important; }
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #E30B1C !important; }

.main-slider-class {
  position: relative; }
  @media (max-width: 768px) {
    .main-slider-class .container {
      width: 100% !important;
      padding: 0; } }
  @media (max-width: 768px) {
    .main-slider-class .carousel-with-bottom-indicators .owl-item {
      border-radius: 10px;
      overflow: auto;
      transform: scale(0.9);
      transition: all ease-in-out 0.4s; } }
  @media (max-width: 768px) {
    .main-slider-class .carousel-with-bottom-indicators .owl-item.center {
      transform: scale(1); } }
  .main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot {
    background-color: transparent;
    border: 1px solid white; }
    @media (max-width: 768px) {
      .main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot {
        background-color: #E7E7E7;
        border: unset; } }
  .main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot.active {
    background-color: white;
    border: 1px solid white; }
    @media (max-width: 768px) {
      .main-slider-class .carousel-with-bottom-indicators .owl-dots .owl-dot.active {
        background-color: #E30B1C;
        border: unset; } }
  .main-slider-class .carousel-with-bottom-indicators .owl-stage {
    height: 19.5rem; }
    @media (max-width: 768px) {
      .main-slider-class .carousel-with-bottom-indicators .owl-stage {
        height: 187px;
        border-radius: 14px; } }
  @media (min-width: 769px) {
    .main-slider-class .owl-dots {
      bottom: 1.7rem;
      width: fit-content; } }
  @media (max-width: 768px) {
    .main-slider-class .owl-dots {
      width: fit-content;
      bottom: -30px; } }
  .main-slider-class .owl-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
    @media (min-width: 769px) {
      .main-slider-class .owl-nav {
        background: transparent linear-gradient(180deg, #00000000 0%, #00000067 100%) 0% 0% no-repeat padding-box;
        height: 58px !important; } }
    .main-slider-class .owl-nav button.owl-prev, .main-slider-class .owl-nav button.owl-next {
      color: white !important; }
    .main-slider-class .owl-nav button.owl-prev {
      right: 30%;
      left: initial;
      position: absolute;
      transform: rotate(180deg);
      top: -2px; }
    .main-slider-class .owl-nav button.owl-next {
      left: 30%;
      right: initial;
      position: absolute;
      transform: rotate(180deg);
      top: -2px; }
    .main-slider-class .owl-nav [dir=ltr] button.owl-prev {
      left: 30%;
      right: initial;
      position: absolute;
      transform: rotate(180deg);
      top: -2px; }
    .main-slider-class .owl-nav [dir=ltr] button.owl-next {
      right: 30%;
      left: initial;
      position: absolute;
      transform: rotate(180deg);
      top: -2px; }
    .main-slider-class .owl-nav [dir=ltr] .space-x-2 > * {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
      margin-left: calc(0.5rem * var(--tw-space-x-reverse)); }

#carousel-with-thump-nav-tabs {
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  border-bottom: none !important;
  box-shadow: #00000030 0px 2px 3px; }
  #carousel-with-thump-nav-tabs .nav-item .nav-link {
    font-size: 1rem;
    color: #CECECE;
    font-weight: bold; }
  #carousel-with-thump-nav-tabs .nav-item .nav-link.active {
    width: fit-content;
    margin: 0 auto; }

.sales-agents-home {
  background-color: white;
  padding: 5rem 0; }
  .sales-agents-home .sales-agents-home-inline {
    width: 100%;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7; }

.icon-size-homepage {
  width: 22.26px;
  height: 24.65px; }

.img-ratio-2-1 {
  aspect-ratio: 2 /1; }
  .img-ratio-2-1 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px; }

@media (max-width: 768px) {
  .float-right-real-align img, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action img, #search-bar-wrapper #search-bar-stores img, #simple-search-bar-wrapper #search-bar-stores img {
    margin: 0; } }

.img-ratio-3-4 {
  aspect-ratio: 4/3; }
  .img-ratio-3-4 img {
    height: auto !important; }

@media (max-width: 768px) {
  .float-right-real-align img, #header #responsive-main-menu-wrapper.responsive-main-menu-active #responsive-main-menu-wrapper--nav .nav li .responsive-main-menu-item--link-action img, #search-bar-wrapper #search-bar-stores img, #simple-search-bar-wrapper #search-bar-stores img {
    margin: 0; } }

#commercial-ads [dir=rtl] .share-sc-button-whatsapp {
  border-right: 1px solid #dee2e6 !important;
  border-left: unset !important;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 0.25rem; }

.search-placeholder::placeholder {
  color: #A0A0A0 !important; }

#sticky-wrapper .owl-dots {
  margin-bottom: -3px !important; }

body[dir=ltr] .flip-back-icon {
  transform: rotate(180deg); }

body[dir=ltr] .icon-inside-input__input-new {
  padding-left: 2.5rem; }

.disable-select {
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */ }

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important; }

  #container-id-carousal .owl-nav {
    height: 54px !important; }

  #commercial-carousel .owl-nav {
    height: 36px !important; } }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1024px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important; }

  #container-id-carousal .owl-nav {
    height: 54px !important; }

  #commercial-carousel .owl-nav {
    height: 36px !important; } }
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1280px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important; }

  #container-id-carousal .owl-nav {
    height: 61px !important; }

  #commercial-carousel .owl-nav {
    height: 40px !important; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important; }

  #container-id-carousal .owl-nav {
    height: 48px !important; }

  #commercial-carousel .owl-nav {
    height: 36px !important; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important; }

  #container-id-carousal .owl-nav {
    height: 62px !important; }

  #commercial-carousel .owl-nav {
    height: 40px !important; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1280px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important; }

  #container-id-carousal .owl-nav {
    height: 62px !important; }

  #commercial-carousel .owl-nav {
    height: 41px !important; } }
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1536px) {
  .main-slider-class .owl-nav button.owl-prev,
  .main-slider-class .owl-nav button.owl-next {
    top: 0 !important; }

  #container-id-carousal .owl-nav {
    height: 62px !important; }

  #commercial-carousel .owl-nav {
    height: 41px !important; } }
.owl-carousel.owl-drag .owl-item {
  padding: 1px !important; }

.d-font-size-2 {
  font-size: 2rem; }

.sitemap-footer-icon {
  margin: 1.5rem !important;
  width: 11.75rem;
  height: 3.5rem; }

@media (max-width: 767px) {
  .d-font-size-2 {
    font-size: 1.5rem; }

  .sitemap-footer-icon {
    margin: 0.5rem !important; } }
.w-full {
  width: 100% !important; }

.w-search-bar {
  width: 385px !important; }

.h-full {
  height: 100% !important; }

.shadow-md {
  box-shadow: 0px 2px 3px #00000014 !important; }

.radius-2 {
  border-radius: 0.5rem !important; }

.ratio-16-9 {
  width: 100%;
  padding-top: 56.25%; }
  .ratio-16-9 img {
    width: 100%;
    max-height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%); }

/*********************************************************************************************************************
41.1.0  Spaces
*********************************************************************************************************************/
.space-x-2 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-3 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-4 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-6 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-7 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-8 > * {
  --tw-space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-33-px > :first-child {
  --tw-space-x-reverse: 0;
  margin-right: calc(33px * var(--tw-space-x-reverse));
  margin-left: calc(33px * calc(1 - var(--tw-space-x-reverse))); }

body[dir=ltr] .space-x-2 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
body[dir=ltr] .space-x-3 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.75rem * var(--tw-space-x-reverse));
  margin-right: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }
body[dir=ltr] .space-x-4 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * var(--tw-space-x-reverse));
  margin-right: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
body[dir=ltr] .space-x-5 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(1.25rem * var(--tw-space-x-reverse));
  margin-right: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); }
body[dir=ltr] .space-x-6 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(1.5rem * var(--tw-space-x-reverse));
  margin-right: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); }
body[dir=ltr] .space-x-7 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(2rem * var(--tw-space-x-reverse));
  margin-right: calc(2rem * calc(1 - var(--tw-space-x-reverse))); }
body[dir=ltr] .space-x-8 > * {
  --tw-space-x-reverse: 0;
  margin-left: calc(2.5rem * var(--tw-space-x-reverse));
  margin-right: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); }
body[dir=ltr] .space-x-33-px > :first-child {
  --tw-space-x-reverse: 0;
  margin-left: calc(33px * var(--tw-space-x-reverse));
  margin-right: calc(33px * calc(1 - var(--tw-space-x-reverse))); }

.mb-4 {
  margin-bottom: 1rem; }

.mb-6 {
  margin-bottom: 1.25rem; }

.mb-6 {
  margin-bottom: 1.5rem; }

.mb-7 {
  margin-bottom: 1.75rem; }

.mb-8 {
  margin-bottom: 2rem; }

.mt-6 {
  margin-top: 1.5rem; }

.h-14 {
  height: 3.5rem !important; }

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important; }

/*# sourceMappingURL=main.css.map */






/*#
@media (max-width: 768px){

    #carousel-with-thump-wrapper{
        top: 30%;
    }
} */